/* CSS Layout Coryell County Website - Global Stylesheet - attach to every page */

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;
}

#pscroller2 {
	background-color:#F2F2F2;
	width: 689px;/*** Must add or subtract right padding px to keep bar equal, page container width is 964px ***/
	height: 20px;
	margin: -15px auto 2px auto;
	padding:6px 6px 6px 275px;/*** This sets scroller wording to center on page, all way to left is 6px ***/
	color: blue;
	border-bottom:2px #000033 solid;
}

#pscroller2 a:link {
	text-decoration: none;
	color:red;
}

#pscroller2 a:hover {
	text-decoration:underline;
	color:blue;
}

/*** 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;
}

#wunderweather_ministicker {
	position:relative;
	width:150px;
	height:50px;
	border:0px;
	top:0px;
	margin-top:15px;
	margin-left:10px;
	background-color:#D9D9D9;
}

#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;
}

#amber_ticker {
	position:relative;
	margin:10px 95px 2px 85px;
	border-bottom:2px #000033 solid;
	font-size:.80em;
}

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

#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 li {
	list-style-image:url('../images/doublearrow.gif');
	color:#000033;
	margin-left:10px;
	margin-right:10px;
	font-size:.83em;
	line-height:1.3em;
}

#security_alert {
	position:relative;
	text-align:center;
	margin-top:60px;
	
}


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


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

#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 ***/