html, body {margin: 0; padding: 0; width:100% ;background: grey} 
body {background: #2F3849}
body {font: 12px/1.4 Verdana, Geneva, Arial, sans-serif; color:#000;} 
a:link {text-decoration:none}
a:hover {text-decoration:underline}

#wrapper { 
text-align: center; 
margin: 0 auto ; 
width: 760px; 
height:580px;
border: 8px solid white; 
} 
#wrapperinside { 
text-align: center; 
margin: 0 auto; 
width: 760px; 
 min-height:580px;
  height:auto !important;
  height:580px;
border: 8px solid white; 

} 
#header {height: 76px; position:relative; background-image:url(images/bg_header.jpg); background-repeat: repeat-x; }
#logo {height:108px; background: #E1E1E1 url('images/logo.gif') no-repeat; border-bottom:4px solid white}
#logo span{margin-left:-9999px; font-size:0; position:absolute }
#logo a {height:106px; width:190px;  display:block; float:left; }
#sideimg {height:257px; width: 204px; background: #AB874B url('images/gavel.jpg') no-repeat; border-bottom: 5px solid #e1e1e1}
#sideimg2 {height:257px; width: 204px; background: #AB874B url('images/courtyard.jpg') no-repeat; border-bottom: 5px solid #e1e1e1}
#sideimg3 {height:257px; width: 204px; background: #AB874B url('images/hands.jpg') no-repeat; border-bottom: 5px solid #e1e1e1}
#sideimg4 {height:257px; width: 204px; background: #AB874B url('images/dwi.jpg') no-repeat; border-bottom: 5px solid #e1e1e1}
#sideimg5 {height:257px; width: 204px; background: #AB874B url('images/bridge.jpg') no-repeat; border-bottom: 5px solid #e1e1e1}
#sideimg6 {height:257px; width: 204px; background: #AB874B url('images/wreck.jpg') no-repeat; border-bottom: 5px solid #e1e1e1}
#sideimg7 {height:257px; width: 204px; background: #AB874B url('images/capital.jpg') no-repeat; border-bottom: 5px solid #e1e1e1}

 #tagline { background-color: #414C60; border-bottom: 4px solid white}

.hpcontentnav img {float:left; display:block}
.hpcontent {background: #E1E1E1; text-align:left; height:100%;
 padding:24px 18px;  font-size: 11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  
  line-height: 1.4em;
  }

h1 {font-size: 18px; color: #303845;}
h2 {font-size: 12px; color: #303845;}

 #navcontainer { background: #EDCA66; border-bottom: 5px solid white; height:34px; width:551px; overflow:hidden}
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align:left;  
}
#navservices ul {
	padding: 0;
	margin: 0;
	list-style: none;
	 
}


#nav a {
	display: block;
	color: #605C53;
	text-decoration:none; 
}

#nav li {
	float: left;
	border-right: 4px solid white;
	 font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	 font-size: 17px;
	 font-weight:bold; 
	 padding:3px 10px  0 10px; 
	 height:34px; 
	 color: #605C53; 
	
}

#navservices li {
	float: left;
	border-right: 4px solid white;
	border-bottom: 4px solid white;
	 font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	 font-size: 15px;
	 font-weight:bold; 
	text-align:center; 
	 padding-top:95px;
	 color:#fff;
	 width:177px; list-style:none;
}
#nav li.last, #navservices li.last {border-right:0;}
#nav li.last {width:69px}

#nav li:hover {background: #FADE8A}

#nav li ul {
	position: absolute;
	width: 10.5em;
	left: -999em;
	}
#nav li ul li {border-left: 1px solid #efefef; border-right: 1px solid #efefef; width: 10.5em; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 2px 6px; text-align:left; background:#f3d513 ; border-bottom: 1px solid #333; border-top: 1px solid #efefef ; color:#ccc}
#nav li ul li:hover {background-color: yellow}
#nav li ul li a {color: #333}
#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

  
  h1 {font-size:14px;}

#leftcol { width:204px; border-right: 5px solid white; overflow:hidden; }
#rightcol {width:551px; background: #E1E1E1;}
.hpcontent a {color: #336699; text-decoration:none}
.hpcontent a:hover { text-decoration:underline}

#footer {text-align:left; background:#2b5128; border-top: 2px solid #f3d513; border-bottom: 2px solid #f3d513; color: #fff; display:block; font-size: 11px; padding: 0 18px}
#footer a {color: white}
#address {color: white; font-size: 11px; text-align:left; padding: 12px 4px 5px 20px; background: #2F3849}
#address a {color:white; text-decoration:underline}
#name {font-size: 1.1em; margin-bottom:1em}

#copyright {color:#999999; font-size:9px; width:760px; margin:0 auto; padding-bottom:12px; text-align:right}

#copyright a {text-decoration:none; color: #999;}
#copyright a:hover {text-decoration:underline}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */