body{margin:0;background: #ffffff url(../images/eaton/bg.jpg) top left repeat-x;color:#000000}
body,td,th,input,select,textarea,input {font-family: Verdana, Arial, Helvetica, sans-serif;}
body,td,th,input,select,textarea,input {font-size:13px;}
p{margin:0 0 1.5em 0;}
form{padding:0;margin:0}
a img{border:none;}
a{color:#a32a15}

#contentarea ul{margin:0;padding:10px 0;}
#contentarea ul li{list-style:none;background: url(../images/eaton/bullet.gif) 0 4px no-repeat;padding:0 0 0 18px;margin:0 0 7px 15px;}

h2{color:#306fa0;font-family:Georgia, "Times New Roman", Times, serif;font-size:29px;font-weight:normal;line-height:1.2em;margin:20px 0 4px 0}
h3{color:#e04919;font-family:Georgia, "Times New Roman", Times, serif;font-size:22px;font-weight:normal;line-height:1.2em;margin:20px 0 4px 0}
h4{font-family:Georgia, "Times New Roman", Times, serif;font-size:23px;font-weight:normal;color:#000;line-height:1.2em;background: url(../images/eaton/title-bg.gif) bottom left repeat-x;margin:20px 0 4px 0;padding:0 0 2px 0;}
h4 span{font-size:9px;font-weight:bold;float:right;font-family:Verdana, Arial, Helvetica, sans-serif;padding:4px 0 0 0}
h4.skinnyheader{width:640px}

.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clear {display: inline-block;} /* Hides from IE-mac \*/ * html .clear {height: 1%;} .clear {display: block;} /* End hide from IE-mac */ 

#tblACMAdminToolbar{z-index:100;}

#borders{background: url(../images/eaton/borders-bg.gif) top left repeat-y;width:968px;margin:0 auto;width:968px;padding:0 15px;border-bottom:1px solid #d6e5f1}
#wrapper{background: url(../images/eaton/wrapper-bg.jpg) top left no-repeat}

/******************************************************************************/
/* Header
/******************************************************************************/

	#header{clear:both;position:relative;height:174px;z-index:2}
	
		#logo span{display:none;}
	
		#toolbar{position:absolute;top:14px;right:220px;font-size:13px;color:#84b2d6}
		/* Temp */ #toolbar{right:15px;}
			#toolbar a{color:#ffffff;text-decoration:none;font-weight:bold;padding:0 4px}
			#toolbar #textimages{display:none;}
			#toolbar #textonly{display:inline;}
	
		#search{position:absolute;top:10px;right:15px;}
		/* Temp */ #search{display:none;}
			#search-textfield{border:1px solid #fff;width:128px;font-size:13px}
			#search-button{padding:0;margin:0 0 0 3px;border:none;background: url(../images/eaton/searchbutton.gif) top left no-repeat;width:54px;height:24px;text-indent:-2000px;line-height:100px;overflow:hidden;}
			#search .ipf-PageSearch-TextField{border:1px solid #fff;width:128px;font-size:13px}
			#search .ipf-PageSearch-Button{padding:0;margin:0 0 0 3px;border:none;background: url(../images/eaton/searchbutton.gif) top left no-repeat;width:54px;height:24px;text-indent:-2000px;line-height:100px;overflow:hidden;}

		
		#textsize{position:absolute;top:50px;right:15px;font-size:10px;font-weight:bold;color:#ffffff}
			#textsize span{padding:0 5px 0 0;}
			#textsize img{vertical-align:middle;}
		
		
	#nav{position:absolute;bottom:0px;left:0;z-index:2}
		#nav ul {padding: 0;margin: 0;list-style: none;list-style-image:none;line-height: 1;z-index:2}
		#nav ul li {float: left;list-style: none;list-style-image:none;margin:0;background:none;padding:0;z-index:2}
		#nav ul li a{display:block;text-decoration:none;z-index:2}
	
		/* Level 1 */
		#nav ul li div a{height:31px;text-indent:-2000px;text-decoration:none;background-position: top left;background-repeat:none;}
		#nav ul li#pageid17 div a{background: url(../images/eaton/nav-aboutus.gif);width:120px;}
		#nav ul li#pageid19 div a{background: url(../images/eaton/nav-boardofcommissioners.gif);width:252px;}
		#nav ul li#pageid21 div a{background: url(../images/eaton/nav-courts.gif);width:93px}
		#nav ul li#pageid23 div a{background: url(../images/eaton/nav-departments.gif);width:150px}
		#nav ul li#pageid25 div a{background: url(../images/eaton/nav-onlineservices.gif);width:163px}
		#nav ul li div a:hover{background-position:bottom !important;}
		
		/* Remove what are you looking for from nav */
		#nav ul li#pageid53{display:none;}
	
		/* Level 2 */
		#nav ul li ul{margin:0;position: absolute;background: #ffffff;width: 180px;border-top:1px solid #a1b280;border-left:1px solid #a1b280;border-right:1px solid #a1b280;left: -999em;}
		#nav ul li ul li a{border-bottom:1px solid #a1b280;width:160px;padding:7px 10px;text-indent:0;}
		#nav ul li ul li a:hover{background: #dde3d1}
		#nav ul li ul li.ipf-parent a{background: url(../images/eaton/nav-subarrow.gif) right no-repeat}
		#nav ul li ul li.ipf-parent a:hover{background: #dde3d1 url(../images/eaton/nav-subarrow.gif) right no-repeat}
	
		/* Level 3 */
		#nav ul li ul li ul {margin: -29px 0 0 180px;}
		#nav ul li ul li ul li a{background:none !important;}
		#nav ul li ul li ul li a:hover{background: #dde3d1 !important;}
	
		#nav li: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 {left: auto;}
		#nav li:hover, #nav li.hover {position: static;}


	#contentarea{clear:both;line-height:1.4em;z-index:1;position:relative}


/******************************************************************************/
/* Left Column on Homepage
/******************************************************************************/	
	
		.level1 #column{width:271px;float:left;font-size:11px;margin:0 25px 0 12px;display:inline;padding:20px 0 0 0;z-index:2}
			.level1 #column th{font-size:11px;}
			.level1 #column td{font-size:11px;}
			
			.level1 #events.block a{display:block}
			
			#quickvotebutton input{padding:0;margin:0 0 0 3px;border:none;background: url(../images/eaton/submitresponsebutton.gif) top left no-repeat;width:132px;height:26px;line-height:100px;overflow:hidden;}
			html > body #quickvotebutton input {text-indent:-2000px;} /* for IE6 */
			html > body #quickvotebutton input {*text-indent:0px} /* for IE7 */
		
			#column ul li{margin-left:0;}

			.select-free .bd{border:solid 1px #aaaaaa;padding:12px;}
			
			#subnav{margin:0 0 15px 0;font-size:10px}
				#subnav h4{margin:0;border-bottom:1px solid #748d47;background:none}
				#subnav ul {padding: 0;margin: 0;list-style: none;list-style-image:none;line-height: 1;z-index:2}
				#subnav ul li {float: left;list-style: none;list-style-image:none;margin:0;background:none;padding:0;z-index:2}
				#subnav ul li a{display:block;text-decoration:none;z-index:2}
			
				/* Level 1 */
				#subnav ul li div a{font-weight:bold;width:271px;padding:6px 0px;border-bottom:1px solid #bbc7a5;border-top:1px solid #ffffff;color:#000}
				#subnav ul li div a:hover{}
				#subnav ul li.ipf-parent div a{background: url(../images/eaton/subnav-arrow.gif) right no-repeat;}
				#subnav ul li.ipf-parent div a:hover{background: url(../images/eaton/subnav-arrow.gif) right no-repeat;}
				#subnav ul li.ipf-parent div li a{background: none}
				#subnav ul li.ipf-parent div li a:hover{}
			
				/* Level 2 */
				#subnav ul li ul{margin: -25px 0 0 271px;position: absolute;background: #ffffff;width: 180px;border-top:1px solid #a1b280;border-left:1px solid #a1b280;border-right:1px solid #a1b280;left: -999em;}
				#subnav ul li ul li a{border-bottom:1px solid #a1b280;width:160px;padding:6px 10px;text-indent:0;}
				#subnav ul li ul li a:hover{background: #dde3d1}
				#subnav ul li ul li.ipf-parent a{background: url(../images/eaton/nav-subarrow.gif) right no-repeat}
				#subnav ul li ul li.ipf-parent a:hover{background: #dde3d1 url(../images/eaton/nav-subarrow.gif) right no-repeat}
			
				/* Level 3 */
				#subnav ul li ul li ul {margin: -24px 0 0 180px;}
				#subnav ul li ul li ul li a{background:none !important;}
				#subnav ul li ul li ul li a:hover{background: #dde3d1 !important;}
			
				#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul {left: -999em;}
				#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul {left: auto;}
				#subnav li:hover, #subnav li.hover {position: static;}
				
/******************************************************************************/
/* Content
/******************************************************************************/
		
		.level1 #content{width:645px;float:left;z-index:1;padding:0 0 10px 0}
		.level2 #content{padding:20px 20px 10px 20px}
		
			#slideshow{margin:0 0 10px -10px;position:relative;z-index:1}
		
			#newsandannouncements{clear:both;font-size:11px}
				#newsandannouncements h4{margin:0 0 15px 0;font-size:25px}
					#newsandannouncements #quicklinks{float:right;margin-bottom:-1px}
					#newsandannouncements #quicklinks select{font-size:11px;width:271px;}
				#newsandannouncements a{font-weight:bold;}
				#newsandannouncements img{background:#fff;padding:1px;border:1px solid #a32a15;}
				#newsandannouncements table{width:100%;border-collapse:collapse;}
					#newsandannouncements table td{padding:0 10px 10px 0;font-size:11px}
			
				#news{width:300px;float:left;margin:0 25px 0 0;}
				#announcements{width:300px;float:left}
	
				h1#pagetitle{font-family:Georgia, "Times New Roman", Times, serif;font-size:39px;;font-weight:normal;color:#000;line-height:1.2em;background: url(../images/eaton/title-bg.gif) bottom left repeat-x;margin:0px 0 10px 0;padding:0 0 2px 0;clear:both;}
				#path{font-size:11px;margin:0 0 20px 0}
				
				#pageletarea{float:right}
					#pageletarea .block{margin:0 0 10px 20px;width:271px;font-size:11px}
					#pageletarea .block ul{padding:5px 0;}
					#pageletarea .block h4{margin-top:0;}
				
				#childpages{clear:both;padding:1px}
					#childpages ul{background:#fff;border:1px solid #bbc7a5;padding:10px 20px 5px 20px;margin:0;font-size:11px;clear:both}
					#childpages ul li{list-style:none;background: url(../images/eaton/childpagebullet.gif) 0 6px no-repeat;padding:0 0 0 15px;margin:0 0 7px 0;}
					#childpages ul li a{font-weight:bold;font-size:13px;display:block;}
				
				.eventTable {border-collapse: collapse; border: 1px solid #17729C !Important;}
					.eventTable tr {background: #E2ECF2;}
					.eventTable td {border: 1px solid #8EB0C4; padding: 5px; vertical-align: top;}
					.eventTable .rowb {background: #F0F6F9;}
					.eventTable strong {color:#497894;}
					
				.masterTable {border-collapse: collapse; padding: 0;border: 1px solid #17729C !Important;}
					.masterTable th {border: 1px solid #8EB0C4;background: #E2ECF2;color:#497894;text-align:left;padding: 5px; vertical-align: top;}
					.masterTable td {border: 1px solid #8EB0C4; padding: 5px; vertical-align: top;}
					

				
					

/******************************************************************************/
/* Footer
/******************************************************************************/		
	
#footer{background: #619bc7 url(../images/eaton/footer-bg.jpg) top left no-repeat;font-size:10px;color:#fff;padding:150px 20px 20px 20px;line-height:1.4em;border-bottom:10px solid #fff}
	#footer p{margin:0;}
	#footer a{color:#fff;}
	
	#languages{color:#84b2d6;margin:0 0 10px 0}
		#languages a{font-weight:bold;text-decoration:none;padding:0 4px}
		#languages ul{margin:0;padding:0;}
		#languages ul li{float:left;}
	
	#footerlinks{color:#84b2d6}
		#footerlinks a{font-weight:bold;text-decoration:none;}
		
	#footerinfo{float:right;width:420px;text-align:right;padding:5px 0 0 0}
		#footerinfo img{margin:-5px 0 0 10px;float:right;}