/* ======= COLORS:

dark navy #003366
dark teal #006699
gold accents #FFCC69
dark gold #E9A725
light gold #FBE6BB
light blue #CDD8E3

============ */

body { margin:0; background: #fff; color: #333333; font: 11px Verdana, Arial, Helvetica, sans-serif; }
td { font: 11px Verdana, Arial, Helvetica, sans-serif; }

a { color: #006699; }
a:hover { color: #FF6600; }

.clear { clear: both; }
.hide { display: none; }

h1, h2, h3, h4 { font-weight: bold; color: #006699; font-family: Arial, Helvetica, Sans-Serif; margin-bottom: 5px; }
h1 { font-size: 18px; margin-top: 0; margin-bottom: 10px; }
h2 { font-size: 14px; border-bottom: 1px solid #E9A725; margin-top: 25px; }
h3 { font-size: 14px; color: #666; }
h4 { font-size: 12px; }

.xsmallText { font-size: 9px; }
.smallText { font-size: 10px; }
.regText { font-size: 11px; }
.largeText { font-size: 14px; }
.xlargeText { font-size: 18px; }
.hilite { color: #006699; }

.required { color: Red; }
.closeUp, .closeAll { margin-top: 5px; }
.closeDown, .closeAll { margin-bottom: 5px; }

ul { list-style: square; margin-top: 10px; }
li { margin-bottom: 5px; }
hr { height: 1px; color: #006699; }

#breadcrumbs { font-size: 10px; font-weight: bold; color: #006699; margin-top: 0; margin-bottom: 10px; }
#breadcrumbs a { font-weight: normal; color: black; }

.postingsRollup h1 { margin-top: 25px; background: #CDD8E3; font-size: 12px; letter-spacing:1px; padding: 2px 10px; }
.postingsRollup table { margin-top: 10px; }
.postingDesc p { display: inline; }

.ucProfileTable { table-layout:auto; }
.formLabelRequired { font-weight: bold; text-align: right; color: #cc0000; }
.formLabel { font-weight: bold; text-align: right; }
.ucFirstColumn { width: 150px; text-align: right; }
th { text-align: right; }
.gridHeader { font-weight:bold; font-size: 10px; background: #FBE6BB; }

#printerLink hr { margin-bottom: 0; }
#printerLink p { margin-top: 5px; }

fieldset { padding: 8px; border: 1px solid #006699; }
legend { font-weight: bold; color: #006699; margin-bottom: 5px; }

/* =============== RELATED LINKS *=================== */

#relatedLinks { width: 155px; float: right; margin-left: 10px; margin-bottom:15px; }
#relatedLinks #linksText { padding: 5px 10px; border: 1px solid #006699; border-top-style: none; background: #CDD8E3; }
#relatedLinks p { margin: 10px 0; }

#relatedLinks h1 {
	margin:0; 
	padding: 0 5px;
	height: 15px;
	font: bold 10px/14px Verdana, Arial, helvetica, sans-serif;
	text-transform: uppercase; 
	text-indent: 20px;
	color: White; 
	background: #006699 url(../images/icon_goldcheck.gif) top left no-repeat;
	border: 1px solid #006699;
	}


/* ========== OVERALL PAGE LAYOUT ================ */

#pageLayout { width: 750px; margin: auto; }
#contentLayout { width: 750px; background: #fff url(../images/HomeGoldAccent.gif) top right no-repeat; }
#homeLeftCol { width: 175px; background: #CDD8E3; border-top: 3px solid #FFCC69; }
#leftCol { width: 175px; background: #CDD8E3; border-top: 3px solid #FFCC69; }
#leftColContent { width: 155px; padding: 10px; }
#mainCol { width: 544px; padding: 15px; border-right: 1px solid #FFCC69; }


/* ============= BANNER =============== */

#banner, #intBanner { border-bottom: 1px solid white; }
#bannerLinks { width: 175px; height: 116px; background: #FBE3B3 url(../images/Banner_01.jpg) top right no-repeat; }
#bannerLinks div { margin-bottom: 5px; }
#bannerLinks div a, #intBannerLinks div a { font-size: 10px; color: #003366; text-decoration: none; }
#bannerLinks div a:hover, #intBannerLinks div a:hover { color: #003366; text-decoration: underline; }

#intBannerLinks { width: 175px; height: 81px; background: #FBE3B3 url(../images/InteriorBanner_01.jpg) top right no-repeat; }
#intBannerLinks div { margin-bottom: 3px; }

#bannerLinksHome { margin-left: 84px; }
#bannerLinksPress { margin-left: 77px; }
#bannerLinksContact { margin-left: 71px; }
#bannerLinksSitemap {  margin-left: 64px; }

/* ================== DROP DOWN MENU ============== */

#navBar {
	margin: 0;
	padding: 0;
	font-size: 11px; 
	font-weight: bold;
	background: url(../images/NavBarTile.jpg);
	cursor: auto;
	text-align: center;
	}
	
#nav a { display: block; font-weight: bold; padding: 5px 10px; text-decoration: none; color: white; }
#nav a:hover { background: #FFCC69; color: #003366; }
#nav .mainLink a { background: #FFCC69; color: #003366; }
#nav .mainDivider { }

#nav .subMenu { /* second-level lists */
	position: absolute;
	z-index : 200;
	/* margin: -1px; */
	margin-top: -2px;
	background: #336699;
	border-top: 1px solid white;
	width: 150px;
	text-align: left;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}
	
#nav div:hover div, #nav div.sfhover div  { /* lists nested under hovered list items */
	left: auto;
	}
	
#nav .subMenu a {
	width: 140px; 
	padding: 4px 5px; 
	font-size: 11px; 
	font-weight: normal; 
	color: white; 
	border-bottom: 1px solid white; 
	}
#nav .subMenu a:hover { background: #FFCC69; color: #003366; }

#nav .subLinkDim a { color: #003366; }
#nav .subLinkDim a:hover { background: #336699; }

/* THIRD LEVEL MENU falling below 2nd level item */
/* #nav .subSubLink { background: #B3D2B3; text-indent: 10px; } */

#nav div:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li:hover, #menu li.hover { position: static; }

/* ======== LEFT (SUBNAV) MENU ================== */

#subMenu { width: 143px; background: white; padding: 5px; border: 1px solid #336699; border-top: 3px solid #336699; }
#subMenu td.subChannelName {  }
#subMenu td.subChannelArrow { padding-right: 3px; }
#subMenu a { color: #333 !important; text-decoration: none; }
#subMenu a:hover { text-decoration: underline; }

#subMenu td.subChannelName .dimLink a { color: #999 !important; text-decoration: none; }
#subMenu td.subChannelName .dimLink a:hover { color: #999; text-decoration: none; }

#subMenu h1 { font: bold 12px Arial, helvetica, Sans-Serif; letter-spacing: 1px; color: #000; }
#subMenu h1.channelTitle { margin-bottom: 8px; }


/* ========= LEFT SIDEBAR ==================== */

#leftCol a { color: #006699; }

#searchBox .formField { font-size: 11px; border: 1px solid #999; height: 14px; width: 110px; }

#loginBox, #loginBox p { text-align: center; font-size: 10px; margin: 10px 0; }

.sidebarBox { width: 155px; }
.sidebarBox .boxTitle { }

.sidebarBox .boxText { background: white; padding: 5px; }
.sidebarBox .boxText ul { font-size: 10px; margin-top: 5px; margin-bottom: 5px; list-style: square; }
.sidebarBox .boxText li { margin-left: -16px; margin-bottom: 5px; }
.sidebarBox .boxText a { color: #333; text-decoration: none; }
.sidebarBox .boxText a:hover { text-decoration: underline; }

#forTaxpayers .boxText { border: 1px solid #E9A725; border-top-style: none; }
#quickLinks .boxText { border: 1px solid #006699; border-top-style: none; }
#quickLinks .boxText td { padding: 3px 0; }


/* =================== AUTHORING CONSOLE ============================= */

#authorConsole, #errorConsole { background: #FBE6BB; margin-bottom: 10px; }
#authorConsole { border: 1px solid #E9A725; }
#errorConsole { border: 2px solid red;  }
#authorConsole hr, #errorConsole hr { height: 1px; color: #E9A725; }
#authorConsole td, #errorConsole td { font-size: 11px; padding: 4px; }
#authorConsole td a, #errorConsole td a { color: #003366; }

.authorInput { margin-top: 20px; border-top: 1px dotted #999; }
.authorInput fieldset { padding: 10px;  }
.authorInput legend { font-size: 12px; font-weight: bold; color: #666; margin-bottom: 5px; }

.phLabel { font-weight: bold; color: #666; margin-bottom: 5px; }


/* ========================== SEARCH ========================== */

.Mondosoft-MondoSearch-CategoryHeader table { background: #006699;  }
.Mondosoft-MondoSearch-CategoryTitle { font-weight: bold; color:White; padding: 2px 10px; }
.Mondosoft-MondoSearch-CategoryResultCount { color: White; padding: 2px 10px; }

/* ========================== EVENTS CALENDAR =================== */

.eventMonth { width:100%; padding: 2px 5px; margin-bottom: 10px; font-size: 12px; color: #006699; background: #CDD8E3; border-bottom-style: none; }
.eventItem { margin: 10px 0; }
.eventDate { font-style:italic; }
.eventTitle { }

.eventTableHeader { font-weight: bold; background: #FFCC69; }
.eventLocation { font-weight: bold; }
.eventStartDate { font-weight: bold; }
.eventEndDate { font-weight: bold; }


/* ========================== SITE MAP ========================== */

.HitReporting-ReportRootChannel, .HitReporting-ReportChannel { font-weight: bold; }
.HitReporting-ReportRootChannel a, .HitReporting-ReportChannel a {  }

.HitReporting-ReportChannel { margin-top: 20px; }
.HitReporting-ReportChannel a {  }
.sub { margin-top: 5px; margin-bottom: 5px; }
.sub .HitReporting-ReportChannel { margin-top: 5px; color: #E9A725; }
.sub .HitReporting-ReportChannel a { color: #E9A725; }
.sub .HitReporting-ReportChannel a:hover { color: #FF6600; }

/* ======== FOOTER ======================= */

#footer { text-align: center; background: #fff url(../images/blueaccent.gif) top right no-repeat; height: 50px; padding: 10px 20px; }
#footer .siteLinks { margin: 10px 0; color: #006699; font-size: 11px; font-weight: bold; }
#footer .siteLinks a { color: #006699; text-decoration: none; }
#footer .siteLinks a:hover { color: #006699; text-decoration: underline; }
#footer .copyright { margin: 10px 0; font-size: 10px; color: #999; }
#footer .textLinks { font-size: 10px; margin-top: 10px; }


/* ========== HOME PAGE =============== */

#homeIntroText p { margin: 10px 0; }
#homeFeatures h2 { font-size: 12px; text-transform: uppercase; border-bottom: 1px dotted #006699; width: 100%; }

#homeFeatures .newsTitle { font-weight: bold; color: #006699; margin-bottom: 10px; }
#homeFeatures p { margin: 10px 0; }
#homeFeatures .newsDate { font-size: 10px; }
#homeFeatures .moreLink a { font-weight: bold; text-decoration: none; }
#homeFeatures .moreLink a:hover { text-decoration: underline; }

#mainFeature { width: 450px; margin:auto; padding: 10px 0; border-bottom: 1px solid #E9A725; border-top: 1px solid #E9A725; }
#mainFeature p { margin: 8px 0; }