body { 
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #d8cfbf; 
	margin: 0;
	margin-bottom: 30px; 
	padding: 0;
	background-image: url(images/BG_CityPainting.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.AdminTable body { 
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #D8CFBE; 
	margin: 0;
	margin-bottom: 30px; 
	padding: 0;
}

.TempIndex { 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #ffffff; 
	margin: 0 
}

.TopOfPage {
	background-image: url(images/WelcomeToWhitingBG.gif);
	background-repeat: no-repeat;
}

h1  {
	color: #827052;
	font-size: 18px;
	font-family: Georgia, Times, serif;
	padding-bottom: 0.25em;
	border-bottom: 1px dashed #B2B2B2;
	font-weight: normal;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
}

h1 a {
	text-decoration: none;
}

h1 a:hover {
	text-decoration: none;
	color: #0194D5;
	background: #EDF6FD;
}

h2   { 
	color: #000; 
	font-size: 12px;
	font-family: Georgia, Times, serif; 
	background-color: #f5f5f5; 
	text-transform: uppercase; 
	margin-right: 0; 
	margin-bottom: 1em; 
	margin-left: 0;
	font-weight: bold;
}

h3 { 
	font-size: 11px; 
	font-weight: normal; 
	display: inline; 
	margin-left: 15px;
}

h4 { 
	color: #585858; 
	font-weight: normal; 
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin: 0.5em 0; 
	padding-bottom: 0.5em;
}

h5 {
	color: #585858;
	font-size: 15px;
	font-family: Georgia, Times, serif;
	margin: 25px 0 10px 0;
	padding-bottom: 0.25em;
	border-bottom: 1px dashed #B2B2B2;
	font-weight: normal;
	text-transform: uppercase;
}

h6 { 
	color: #85501c; 
	font: 16px Georgia, Times, serif; 
	margin: 30px 0 -12px; 
	border-bottom: 1px dashed #b2b2b2;
}


hr { color: #b2b2b2; background-color: #b2b2b2; height: 1px }

#h1_Photos     { padding: 10px 60px 0px 40px }

.AdminTable a:link { color: #000000; font-weight: normal; text-decoration: none }
.AdminTable a:visited { color: #000000; font-weight: normal; text-decoration: none }
.AdminTable a:hover { color: #000000; font-weight: normal; text-decoration: underline }
.AdminTable a:active { color: #000000; font-weight: normal; text-decoration: none }

a  { 
	color: #827052; 
	font-weight: normal;
}

a:hover  { 
	color: #000;
}

.main_container  { border-bottom: 1px solid black }

.main_container .main  { 
	padding: 30px 60px 50px 40px; 
	border-right: 1px solid black;
	font-size: 11px;
	line-height: 16px;
}

.main_container .main td { 
	font-size: 11px;
	line-height: 16px;
}

td { 
	font-size: 11px;
	line-height: 16px;
}

.main_calendar { padding: 30px 20px 50px 20px; border-right: 1px solid black }

.main_wideMargins { padding: 30px 20px 50px 20px; border-right: 1px solid black }

.main_events { padding: 30px 40px 50px 40px; border-right: 1px solid black }

.main_index { padding-top: 20px; padding-bottom: 50px; border-right: 1px solid black }

.revised { color: #000000; font-size: 9px; padding-top: 10px }

.BusinessDirectory li    { list-style-type: circle }

.CopyrightMain    { color: #909090; font-size: 9px; background-color: #e5e5e5; padding-left: 40px; height: 30px; border-top: 1px solid black; border-right: 1px solid black }
.CopyrightMain a:link  { color: #909090; font-size: 9px; font-weight: normal; text-decoration: none }
.CopyrightMain a:visited  { color: #909090; font-size: 9px; font-weight: normal; text-decoration: none }
.CopyrightMain a:hover   { color: #6e6e6e; font-size: 9px; text-decoration: underline }
.CopyrightMain a:active  { color: #909090; font-size: 9px; font-weight: normal; text-decoration: none }

.CopyrightLeft   { background-color: #937f5d; height: 30px; border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000 }

.LeftColumn { padding-bottom: 75px; background:url(images/left_main_bg.gif) }

.LeftColumn .LeftMenu {
	font-size: 10px;
	line-height: 16px;
	padding: 22px 31px 20px 0px;
	text-align: right;
}

.LeftColumn .LeftMenuHeader {
	font-size: 16px;
	font-family: Georgia, Times, serif;
	color: #000000;
	margin-bottom: 14px;
}

.LeftColumn .LeftColumnFadedBG .LeftMenu a { color: #514633; text-decoration: none }
.LeftColumn .LeftColumnFadedBG .LeftMenu a:hover  { color: #000000; text-decoration: underline }

.LeftColumn .LeftColumnFadedBG .LeftColumnContent {
	font-size: 10px;
	line-height: 16px;
	padding-bottom: 20px;
	padding-right: 31px;
	text-align: right;
}

.LeftColumn .LeftColumnFadedBG .LeftColumnContent a { color: #514633; text-decoration: none }
.LeftColumn .LeftColumnFadedBG .LeftColumnContent a:hover  { color: #000000; text-decoration: underline }

.AdvertiseLink { font-size: 12px; color: #cc0000 }
.AdvertiseLink a:link { color: #cc0000; font-weight: normal; text-decoration: none }
.AdvertiseLink a:visited { color: #cc0000; font-weight: normal; text-decoration: none }
.AdvertiseLink a:hover  { text-decoration: underline }
.AdvertiseLink a:active { color: #cc0000; font-weight: normal; text-decoration: none }

.BusinessDirectory a:link  { color: #000000; font-weight: normal; text-decoration: none }
.BusinessDirectory a:visited  { color: #000000; font-weight: normal; text-decoration: none }
.BusinessDirectory a:hover  { color: #000000; font-weight: normal; text-decoration: underline }
.BusinessDirectory a:active  { color: #000000; font-weight: normal; text-decoration: none }

.SubMenu { font-weight: normal; margin-top: -10px; margin-right: 0; margin-bottom: 0; padding: 0; height: 30px }
.SubMenu a:link  { font-weight: normal; text-decoration: underline }
.SubMenu a:visited  { font-weight: normal; text-decoration: underline }
.SubMenu a:hover  { font-weight: normal; text-decoration: underline }
.SubMenu a:active  { font-weight: normal; text-decoration: underline }

.SubMenu_Table {
	margin: 0px 0px 30px 0px;
}

.SubMenu_Table td {
	padding: 3px 3px 3px 10px;
	border-left: 1px solid #B2B2B2;
}

.SubMenuPhotos    { font-weight: normal; margin-top: -10px; margin-right: 0; margin-bottom: 0; padding-left: 35px; height: 30px }
.SubMenuPhotos a:link  { font-weight: normal; text-decoration: underline }
.SubMenuPhotos a:visited  { font-weight: normal; text-decoration: underline }
.SubMenuPhotos a:hover  { font-weight: normal; text-decoration: underline }
.SubMenuPhotos a:active  { font-weight: normal; text-decoration: underline }

.SurveyBody { margin-left: 40px; margin-top: 10px; margin-right: 30px; margin-bottom: 30px }

.SurveyBody textarea { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; border: solid 1px #000 }

#SurveyForm .SurveySubmitButton { border: solid 1px #000 }

#SurveyForm input { border: 0 }

.EventIcons td { padding: 5px 7px 20px 7px; text-align: center; font-size: 9px }




/* PHOTO GALLERY STYLES */
.bottominfo  { border:1px solid #979CB2; background-color: #EAEAEC; }

.topinfo   { color: #000000; font-size: 11px; padding-left: 11px }

.navigation  { color: #000000; font-size: 11px }

.maintable   { color: #000000; font-size: 11px }
.maintable a:link {  color: #000000 }
.maintable a:visited {  color: #000000 }
.maintable a:hover {  color: #000000 }
.maintable a:active {  color: #000000 }

.cp  { color: #ffffff; font-size: 1px }
.cp a:link {  color: #ffffff; text-decoration: none}
.cp a:visited {  color: #ffffff; text-decoration: none}
.cp a:hover {  color: #ffffff; text-decoration: none}
.cp a:active {  color: #ffffff; text-decoration: none}

.album:link { color: #827052; text-decoration: underline }
.album:visited { color: #827052; text-decoration: underline }
.album:hover { color: #827052; text-decoration: underline }
.album:active { color: #827052; text-decoration: none }

.album  { color: #000000; font-size: 12px }
.menuleft  { color: #000000; font-size: 11px; text-align: left }
.menucenter  { color: #000000; font-size: 11px; text-align: center }
.menuright  { color: #000000; font-size: 11px; text-align: right }
.info  { color: #000000; font-size: 10px }




/* INTRANET STYLES */

/* text styling */
/* { font-size: 11px; } */

/* container */
#main2   { background-repeat: no-repeat; background-position: 0 bottom; margin: 20px 0 }

/* fields */
.filenumber { width:10px; padding: 0px 10px 0px 10px; border-left:1px solid #ddd; color:#777; text-align:center; }
.filename { }
.filesize { text-align:right; padding:0px 20px 0px 10px }
.filetype { width:20px; }
.modified { width:40px; border-right:1px solid #ddd; padding-right: 10px }

/* file links */
#intranet a { text-decoration: none; }
#intranet a:hover { text-decoration: underline; }

/* folder link */
.folder a { font-weight:normal; }

/* parent folder link*/
.parentFolderRow a { color:#000; }

/* rows */
.border { border-top: 1px solid #ddd; }
.folderRow { background-color:#eeeeee; padding-top: 5px; padding-bottom: 5px }
.rowColor1 { background-color: #f9f9f9; padding-top: 5px; padding-bottom: 5px }
.rowColor2 { padding-top: 5px; padding-bottom: 5px }

/* row hover effect */
.rowHover { background-color: #e6e6e6; cursor: pointer; padding-top: 5px; padding-bottom: 5px }

.monospace { font-family: "Lucida Console", Courier, Mono; font-size: 10px; }



/* NEWS STYLES */

.NewsSubject { color: #000; font-size: 1.25em; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; margin-right: 0; margin-bottom: 1em; margin-left: 0 }

.NewsDate { font-size: 9px; margin-top: -1em; color: #797979 }

.Headlines { padding-left: 25px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; text-align: left; color: #000000 }

.BottomMiniMenu { border-top: 1px dashed #B2B2B2; padding-top: 10px }



/* Extra PHP Calendar Styles */

.CalendarH1andMenu {
	padding: 0px 0px 6px 10px;
	border-bottom: 1px dashed #B2B2B2;
}

.CalendarH1Title  { color: #827052; font: 1.66em Georgia, Times, serif; }

input,
select  { 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	border: solid 1px #000 
}

input.SearchTextInputBox {
	border: 1px dotted #000000;
	color: #ACA495;
	background-color: #EFECE4;
	font-size: 11px;
}
input.SearchArrowButton {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	top: 3px;
}
.main_container .TopOfPage #SearchBar {
	padding-right: 20px;
	vertical-align: middle;
}
#SearchArrowBtn {
	background-color: #E8E8E8;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(images/SearchSubmitBtn.gif);
	background-repeat: no-repeat;
	height: 17px;
	width: 21px;
	cursor: pointer;
}
.main_container .LeftColumn .LeftColumnFadedBG {
	background-image: url(images/left_main_fade_bg.gif);
	background-repeat: no-repeat;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 6000; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 5900; width: 100%; height: 500px; background-color: #000; }


.GreenMenu,
.GreenMenu a {
	color: #4C7033;
}

.GreenMenu a:hover {
	color: #000;
}

/* Place Upper Dropdown Menu ON TOP */
#PLHIM0Div {
	z-index: 5000;
}

.greenHeaderText {
	text-align: left;
	margin: 5px 0px 0px 38px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0194d5;
}

.TabbedPanelsContent ol {
	margin-left: 20px;
	padding: 0;
}

.TabbedPanelsContent a {
	color: #000;
}

.TabbedPanelsContent a:hover {
	color: #00799D;
}

.GrayGradientContainer {
	background:url(images/GrayGradient_Header.jpg);
	background-repeat: no-repeat;
	padding: 30px 0px 100px 0px;
}

.IndentedContent {
	width: 470px;
	margin-left: 30px;
}

.style1 {
	border-width: 0;
	vertical-align: middle;
	margin-top: 3px;
	margin-bottom: 3px;
}

.style2 {
	text-align: center;
}

.style3 {
	font-size: x-small;
	text-align: center;
}

.style5 {
	text-decoration: underline;
	font-size: medium;
}

.style6 {
	font-size: medium;
}