html, body {text-align:center; font-size:100%; padding:0; margin:0; background:#F4F5F3; font-family: Verdana, Arial, Helvetica, sans-serif }
#main { background:white; color:#000; font-size:.8em; border:1px solid black; margin:2px auto; width:770px; text-align:left; }
#header { padding:120px 0 0 0; margin:0; } 
.a {background:url('../images/banners/001.jpg') 0 0 no-repeat; padding-top:130px } 
.b {background:url('../images/banners/002.jpg') 0 0 no-repeat; padding-top:130px } 
.c {background:url('../images/banners/003.jpg') 0 0 no-repeat; padding-top:130px } 
.d {background:url('../images/banners/004.jpg') 0 0 no-repeat; padding-top:130px } 
.e {background:url('../images/banners/005.jpg') 0 0 no-repeat; padding-top:130px } 
.f {background:url('../images/banners/006.jpg') 0 0 no-repeat; padding-top:130px } 
.g {background:url('../images/banners/007.jpg') 0 0 no-repeat; padding-top:130px } 
.h {background:url('../images/banners/008.jpg') 0 0 no-repeat; padding-top:130px } 
.i {background:url('../images/banners/009.jpg') 0 0 no-repeat; padding-top:130px } 
.j {background:url('../images/banners/010.jpg') 0 0 no-repeat; padding-top:130px } 
.k {background:url('../images/banners/011.jpg') 0 0 no-repeat; padding-top:130px } 
.l {background:url('../images/banners/012.jpg') 0 0 no-repeat; padding-top:130px } 
.m {background:url('../images/banners/013.jpg') 0 0 no-repeat; padding-top:130px } 
.n {background:url('../images/banners/015.jpg') 0 0 no-repeat; padding-top:130px } 
.o {background:url('../images/banners/016.jpg') 0 0 no-repeat; padding-top:130px } 
.p {background:url('../images/banners/017.jpg') 0 0 no-repeat; padding-top:130px } 
.q {background:url('../images/banners/018.jpg') 0 0 no-repeat; padding-top:130px } 
.r {background:url('../images/banners/019.jpg') 0 0 no-repeat; padding-top:130px } 
.s {background:url('../images/banners/020.jpg') 0 0 no-repeat; padding-top:130px } 
.t {background:url('../images/banners/014.jpg') 0 0 no-repeat; padding-top:130px } 

.caption {text-align:center; line-height:1.5; font-weight:bold; font-size:.8em;}

#logo b {display:block; background:#fff; float:left; width:100px; height:120px; position:relative; font-weight:normal; line-height:50px; margin-right:10px; }
#logo1,#logo2 { font-size:90px; position:absolute; left:10px; top:25px; width:50px; z-index:1; color:black; }
#logo2 {left:37px; top:40px; z-index:2; }	

#header h1  {text-align:right; color:#576E69; font:bold 18px/63px "Times New Roman", Times, serif; padding-right:5px; margin:0; font-style:italic; height:63px; overflow:hidden; background:#D0D7D5;}
#header h1 a.homelink {color:#D0D7D5; display:block; background:#D0D7D5 url('../images/logo3.gif') top left no-repeat; padding-left:200px; float:left; clear:none; font-size:8px; }

/* links & colors */
a, a:visited {text-decoration:none; color:#576E69;}
a:hover, a:active {text-decoration:underline; }
a img, a:visited img {border:2px solid #576E69;}
a:hover img {border:2px solid #000;}

p, li, dd {line-height:150%;} 
.pullquote {width:280px; background:#F4F5F3; padding:5px; margin-top:0 }
	
/* nav colors/sizes */
#nav { background:black; font-size:12px; position:relative; z-index:500; }
	#nav li a { padding:3px 15px; color:#fff; background:black; width:auto; border:1px solid black; border-width:1px 0 1px 1px; text-decoration:none; }
	#nav li a:hover, #nav a.here { color:black; background:white; }
	/*drop down styles*/
	#nav li ul {width:140px; }
	#nav li li a { background:#ACBDB0; width:140px; border-width:0 1px 1px 1px;}

#nav { padding:0; margin:0; text-align:center; float:left; width:100%; clear:both; line-height:1;}
	#nav ul { /* all ul */ padding:0; margin:0 auto; list-style:none; line-height:1; }
	#nav li { /* all li */ 	position:relative; float:left; list-style:none;  }
	#nav li ul { /* 2nd ul */ position:absolute; left:-999em; text-align:left; }
	#nav li a { display:block;  }
	#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul{ /* uls under hovered li */ left:auto; }
	
#content { padding:0 10px; }
	#content #left {width:550px; float:left; }
#sidebar {float:right; width:200px; margin:0 5px; padding:5px }
#footer { text-align:center; margin:0; font-size:.85em; clear:both; padding-bottom:5px; }

#content h1 {font-size:1.5em; color:#576E69; background-color:#EAEDE9; margin-top:-10px; margin-left:-10px; margin-right:-10px; padding:15px 10px 3px; }
h2 {font-size:1.3em; color:#576E69;}
h3 {font-size:1.1em; background-color:#EAEDE9;}
h4 {font-size:.95em; }

dd {padding:5px 15px}
dt {font-weight:bold; font-size:larger; background:#eee; padding:10px;} 
.clear {clear:both; } 
.left {text-align:left; } 
.right {text-align:right; } 
.lalign {float:left; margin-right:15px; } 
.ralign {float:right; margin-left:15px; } 
.hide {display:none; visibility:hidden;}

/* - FORMS - */
form {line-height:normal;} 
.form { margin:0; padding:0; background:url('../images/newlocation.jpg') bottom left no-repeat; width:400px; height:380px; } 
.form label {  display:block; float:left; width:220px; padding:0; margin:5px 0 0; text-align:right; color:#ccc; text-transform:uppercase; } 
.form input, .form textarea { width:150px; margin:5px 0 0 10px; filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85; } 
.form textarea {  overflow:auto; } 
.form small {  display:block; margin:0 0 5px 160px; padding:1px 3px; font-size:88%; } 
.form .req {font-weight:bold; } 
.form br {  clear:left; } 
.form .button {}
.form h4 {font-weight:normal;}

#phoneemaillist {float:right; margin:0 10px; line-height:160%; padding-bottom:20px; }
#phoneemaillist strong {line-height:normal; padding-bottom:10px; border-bottom:1px solid #eee; margin-bottom:10px; clear:both; display:block; font-weight:normal;}
#phoneemaillist u {text-decoration:none; font-weight:bold; font-size:large; padding-bottom:5px;}
#phoneemaillist a {width:270px; padding:0 5px 0 25px; background:url('../images/env.gif') 0 5px no-repeat; display:block; float:left; clear:both; white-space:nowrap; position:relative; z-index:1;}
#phoneemaillist a:hover {color:black; text-decoration:none; font-weight:bold;}
#phoneemaillist a i b {display:block; padding:3px 0; font-size:11px; font-weight:bold;}
#phoneemaillist a i {display:none; font-style:normal; font-weight:normal; position:absolute; white-space:normal;} 
#phoneemaillist a:hover i {display:block; width:160px; top:5px; left:175px; color:white; border:3px solid #555; background:black; padding:5px 10px; z-index:500;}

a.cwd {display:block; margin:50px 0; font-size:10px;}
#municipal img a {margin:3px; border:2px solid black;} 
.tooltip {background:black url('../images/loading.gif') top right no-repeat; color:white; border:2px solid black; z-index:5000}
#clients {margin:0; padding:0;}
#clients li {height:60px; margin:3px; padding:5px; float:left; list-style:none; width:355px; border:1px solid #eee; background-position:top right; background-repeat:no-repeat;}
#clients li li { float:none; height:auto; border:none; padding:0; margin:0;}
#clients li ul {padding:0; margin:0;}

.imgp {float:right; width:200px; margin-left:5px; }
.imgp img {float:left; margin-bottom:3px;}

/*-----------slideshow-------------*/
#slideshow div.show { position:relative; padding:0; margin-top:0; margin-left:25px; width:480px; height:360px; overflow:hidden; background:#ccc; float:right; }
#home #content {padding:0; background:#F4F5F3;}
h2.home {line-height:160%; position:relative; padding:20px 0 0 20px; width:230px; float:left; }

#slideshow div.hideslide  {height:1px; width:1px; position:absolute; bottom:0; right:0; overflow:hidden;} 
.detail { width:195px; font-size:10px; padding:5px 3px 8px 13px; visibility:hidden; position:absolute; bottom:0; left:0; filter:alpha(opacity=80); opacity:.8; -moz-opacity:.8;  z-index:4; background:white; } 
.detail a {white-space:nowrap;} 
.control h3 { border:none; padding:10px 0; letter-spacing:.048em;} 
.control {position:absolute; bottom:0; right:3px; padding:3px 0 10px; margin:0; z-index:5; text-align:right;}
a.next, a.pause, a.details, a.thelook { background:white; padding:3px 8px; margin-right:5px; }
a.details {width:150px;}
a.next:hover, a.pause:hover, a.details:hover, a.thelook:hover { }
a.hidelink, a:visited.hidelink {font-size:9px; padding-left:15px; float:right; }