/* CSS Layout Coryell County Website - Departments style sheet - attach to all Depts. */

body {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #8C8C8C;
	background-image:url('../images/realbg.gif');
	background-repeat:repeat;
}

#mastercontainer {
	width: 986px;
	margin: 30px auto;
	background-color:#FFFFFF;
}

#container {
	width: 976px;
	margin: 0px 5px 5px 5px;
	min-width: 976px;
	background-color:#F2F2F2;
}

img {
	border:none;
}

#introhead {
	width: 976px;
	height: 100px;
	margin: 5px 0 5px 0;
}

#live_clock {
	width:165px;
	height:30px;
	font-weight:bold;
	font-size:.75em;
	color:white;
	padding:0px;
	margin-top:40px;
	margin-left:790px;
	position:absolute;
}

#masthead {
	width: 976px;
	height: 130px;
}

#top_nav {
	width: 966px;
	height: 30px;
	padding-left:5px;
	padding-right:5px;
	color:#000033;
	background-color:#F2F2F2;
}

#breadcrumbs {
	float:right;
	position:relative;
	margin-top:-25px;
	margin-right:12px;
	z-index:200;
}

.breadcrumb {
	font: .53em Verdana, Arial, Helvetica, sans-serif;
}

.breadcrumb a {
	background: transparent url('../images/breadcrumb.gif') no-repeat center right;
	text-decoration: none;
	padding-right: 14px; /*adjust bullet image padding*/
	color: #000033;
}

.breadcrumb a:visited, .breadcrumb a:active {
	color: #000033;
}

.breadcrumb a:hover {
	text-decoration: underline;
	color:blue;
}

#pagetitle {
	background-color:#F2F2F2;
	color: #000033;
	text-align:center;
	padding:6px 5px -2px 5px;
	margin:-1px auto 2px auto;
	border-bottom:2px #000033 solid;
}

#pagetitle h3 {
	font-size:1.2em;
}


/*** class hyperlink for all hyperlinks on the page ***/

a.hyperlink:link {
	color:#3399FF;
	white-space:nowrap;
	text-decoration:none;
}

a.hyperlink:visited {
	text-decoration:none;
	color:#3399FF;
}

a.hyperlink:hover {
	text-decoration:none;
	background-image:url('../images/animated_underline.gif');
	background-repeat:repeat-x;
	background-position:100% 100%;
	padding-bottom:3px;
	color:#3399FF;
}

a.hyperlink:active {
	text-decoration:none;
}


#left_col {
	width: 145px;
	float: left;
}

#left_col p {
	font-size:.75em;
	color:#000033;
	padding:2px;
}

#sidenav {
	position:relative;
	width:144px;
	top:0px;
	z-index:100;
	
}

#sidenav a {
	display:block;
	text-align:center;
	padding:5px 10px;
	margin:0px 2px 2px 2px;
	border-width:0px;
	text-decoration:none;
	color:#F2F2F2;
	font-size:.8em;
	font-weight:700;
	background-image:url('../images/realbg.gif');	
	
}

#sidenav a:hover {
	color:#000000;
	background:#D9D9D9;
}

#sidenav a span {
	display:none;
}

#sidenav a:hover span {
	display:block;
	position:absolute;
	top:538px;
	left:2px;
	width:120px;
	padding:5px;
	margin:3px;
	z-index:100;
	color:#000000;
	background:#D9D9D9;
	font-size:.7em;
	text-align:center;
}

#address {
	margin-top:109px;
	background-color:#D9D9D9;
}

#comment_email {
	margin-top:-8px;
	background-color:#D9D9D9;
}

/*** this content is editable ***/



#right_col {
	width: 175px;
	float: right;
	overflow:hidden;
}

#right_col p {
	font-size:.75em;
	color:#000033;
	padding:2px;
}

#rightlinks {
	font-size:.75em;
}

#rightlinks a {
	padding-left:5px;
}


#rightlinks h5 {
	background:#D9D9D9;
	color:#000033;
	text-align:center;
	
}

#adobeinstruct {
	background-color:#D9D9D9;
	font-size:1.1em;
}

#center_col {
	margin-left: 150px;
	margin-right: 180px;
}

#page_content {
	height:100%;/*** MUST add to set length if content goes past - this goes for any column ***/
	margin-top:10px;
	margin-bottom:5px;
	border-left:3px #6B6B6B solid;
	border-right:3px #6B6B6B solid;
	overflow:hidden;
}

				/*** This css is only used when inserting img into topsection left column ***/

#page_content_topsection_left {
	width:145px;
	float:left;
	position:relative;
}

#page_content_topsection_left img {
	border:2px #000033 solid;
	position:relative;
	}

#page_content_topsection_right {
	float:right;
	width:495px;
	position:relative;
}

#page_content_bottom {
	margin-top:350px;
	
}

#page_content_bottom h4 {
	background:#D9D9D9;
	color:#000033;
	text-align:left;
	padding:3px 10px 3px 10px;
	margin-top:35px;
	margin-left:10px;
	margin-right:10px;
	font-size:.95em;

}

				/*** This Section is for Auditor Only ***/

#page_content_bottom_auditr {
	margin-top:410px;
}

#page_content_bottom_auditr h4 {
	background:#D9D9D9;
	color:#000033;
	text-align:left;
	padding:3px 10px 3px 10px;
	margin-top:35px;
	margin-left:10px;
	margin-right:10px;
	font-size:.95em;
}
			/*** End of Auditor Only ***/

				/*** This is the end of the topsection used for img in left column ***/
				
/**				

#page_content h4 {
	background:#D9D9D9;
	color:#000033;
	text-align:left;
	padding:3px 10px 3px 10px;
	margin-top:35px;
	margin-left:10px;
	margin-right:10px;
	font-size:.95em;
}
**/
#page_content p {
	color:#000033;
	margin-left:10px;
	margin-right:10px;
	font-size:.83em;
}

#page_content li {
	color:#000033;
	font-size:.83em;
}

#services_left {
	width:318px;
	float:left;
	overflow:hidden;
}

#services_left p {
	color:#000033;
	margin-left:10px;
	font-size:.83em;
}

#services_left a {
	margin-left:0px;
	font-size:1em;
}

#services_right {
	width:318px;
	float:right;
	overflow:hidden;
}

#services_right p {
	color:#000033;
	margin-left:20px;
	margin-right:10px;
	font-size:.83em;
}

#services_right a {
	margin-left:0px;
	margin-right:10px;
	font-size:1em;
}

/*** end of editable content ***/


#footer {
	clear: both;
	color:#000033;
	background-color:#D9D9D9;
	font-size:.75em;
	text-align:center;
	padding-top:10px;
	margin-top:7px;
	position:relative;
}

#footer p {
	color:#000033;
	text-align:center;
	font-size:.95em;
}

							/************************ NEW STYLES for SITE PAGES **************************/
	/*** This is the beginning of the next pages to the site - Be sure and name the div's in center content different names ***/