/********** mcgovLayout.css: CSS for master page layout					**********/
/********** Final Draft: 07/14/10 - YK													**********/
/********** Notes: None																					**********/
body { /* overall settings */
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
/********** Page layout properties **********/
#pageWrapper { /* wrapper - defines a fixed page width */
	width: 760px;
	margin: 0 auto; /*auto;*/		/* to center the page */
}
/********** Header section - 3 rows **********/
#pageHeader { /* header */
	width: 100%;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background: #567c8e;
}
#pageHeader a { /* Text Version - A*/
	color: #FFFFFF; 
	text-decoration: none;
}
#pageHeader a:hover { /* Text Version - A:hover */
	color: #000000; 
	text-decoration: underline;
	background-color: #FFFFCC;
}
/********** Header section - row 1 - text version and today **********/
#pageHeaderTextVersion { /* Text Version */
	float: left;
	width: 380px;
	font-size: 1.1em;
	background: inherit;
}
#pageHeaderToday { /* Text Today */
	float: right;
	width: 380px;
	font-size: 1.1em;
	text-align: right;
	background: inherit;
}
/********** Header section - row 2 - County name and logo **********/
#pageHeaderCounty { /* County Name - as an image */
	float: left;
	max-width: 608px;
}
#pageHeaderCountyLogo { /* County Logo - top */
	float: right;
	max-width: 152px;
}
/********** Header section - row 3 - bread crumbs, marquee messages, and logo bottom **********/
#pageHeaderMisc { /* Header - bread crumbs & marquee messages & logo bottom */
	float: left;
	width: 608px;
	font-size: 1.2em;
	height: 20px;
	background: inherit;
	line-height: 1.5em;
}
#pageHeaderBreadCrumbs { /* Header - bread crumbs */
	float: left;
	width: 110px; /*182px*/
	max-width: 110px; /*144px*/
}
#pageHeaderMarqueeMessages { /* Header - marquee messages */
	float: right;
	width: 578px;
	font-weight: bold;
}
#pageHeaderCountyLogoBottom { /* County Logo - bottom */
	float: right;
	width: 152px;
}
/********** white space separator **********/
#pageWhiteSpace { /* white space */
	clear: both;
	width: 100%;
	height: 2px;
}
/********** Search and 4 image quick links **********/
#pageSearchLinks { /* Search + 4 image links */
	clear: both;
	width: 100%;
	line-height: 3.5em;
}
#pageSearch { /* search */
	float: left;
	width: 144px;
	font-size: 1.2em;
	text-align: center;
	background-color: #b5c3c6;
}
#pageQuickLinks { /* 4 image links */
	float: left;
	width: 616px;
	background-color: #FFFFFF;
}
#pageQuickLinks div {
	float: left;
}
/********** Main for Content and Navigation **********/
#pageMain { /* main - place holder only */
	float: left;
	width: 100%;
	background: url("../DPS/image/gray-green.jpg") repeat-y;
}
/********** Content **********/
#pageContent { /* content area */
	float: left;
	width: 614px;
	margin: 0 0 0 2px;
	background: #FFFFFF;
}
/********** Navigation **********/
#pageNavigation { /* navigation area */
	float: left;
	width: 144px;
	/*background: #b5c3c6;*/
	font-size: 1.25em;
	line-height: 1.45em;
	font-weight: bold;
	color: black;
}
#pageNavigation A { /* link */
	color: black;
	text-decoration: none;
}
#pageNavigation A:hover { /* Text Version - A:hover */
	color: black; 
	text-decoration: underline;
	background-color: #FFFFCC;
}
#pageNavigationLinks {
	float: left;
	width: 144px;
}
.pageNavigationImages { /* image */
	text-align: center;
}

.iwantto { /* I Want To... */
	font-size: 1.25em;
	color: #0000FF;
	font-weight: bolder;
	line-height: 2em;
}
/********** Footer Section **********/
#pageFooter { /* footer area */
	clear: both;
	width: 100%;
	text-align: center;
	color: Black;
	font-size: 1.1em;
}
#pageFooter  a:link, #pageFooter a:visited { /* unvisited, visited link */
	color: black;
}
#pageFooter a:hover { /* hovered link */
	background-color: #ffffcc;
}
#pageFooter a:active { /* active link */
	background: none;
}
/********** Footer Date - Last Edited **********/
#pageFooterDate {	/* footer last edited date */
  float: left;
  width: 144px;
  background: #b5c3c6;
  padding-bottom: 5px;
}
/********** Footer Section - Links & Copyright **********/
ul#pageFooterlink { /* footer link list */
	float: right;
	width: 616px;
	background: #FFFFFF;
	padding-bottom: 5px;
}
ul#pageFooterlink, ul#pageFooterlink li { /* footer link list item */
	margin: 0;
	padding: 0;
	display: inline;
}
ul#pageFooterlink li:before {
    content: " | ";
}
ul#pageFooterlink li:first-child:before {
    content: none;
}
/********** DPS Breadcrumbs  **********/
#pageSiteMap {
    float: left; width: 614px;
	background-color: #DEEBEF;
	font-size: 1.2em;
	font-weight: bold;
	/*color: #404040;*/
}
#pageSiteMap a {
	/*color: #404040;*/
	text-decoration: none;
}
#pageSiteMap a:hover {
	/*color: #000000;*/
	background-color: #FFFFCC;
	text-decoration: underline;
}