html, body {
	margin: 0;
	padding: 0;
	background: #888;
}


#container {
	width: 90%;
	margin: 0 auto;
	background-color: #ccc;
	color: #333;
	line-height: 130%;
	font: 80% arial, helvetica, sans-serif;
	background: #fff url(back.gif) repeat-y; 
	border-top: 1px solid #888;
border-right: 1px solid #555;
border-left: 1px solid #555;
border-bottom: 1px solid #555;
}


#header {
	background: #ddd url(logo.png) no-repeat;
	height: 65px;
	border: 15px solid #ddd;
}


#navigation {
float: left;
background: #555;
width: 100%;
font-weight: bold;
}


#list {
list-style: none;
	margin-left: 30px;
	padding-left: 30px;
background: #ddd
}


#navigation ul {
margin-top: 1em;
padding: 0;
}


#navigation ul li {
list-style-type: none;
display: inline;
}


#navigation li a {
display: block;
float: left;
padding: 5px 10px;
color: #fff;
text-decoration: none;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
margin-left: 5px;
background: #bbb ;
}


#navigation2 {
	float: left;
	left: 0;
	width: 160px;
	color: white;
	font-weight: bold;
	padding-bottom: 2em;
}


#navigation2 ul {
	margin: 0;
	 padding: 0;
	 list-style: none;
background: #fff; 
}


#navigation2 ul a {
	color: #333;
	text-decoration: none;
	display: block;
	background: #ddd;
	padding: 0.5em;
	margin: 0 1.5em 0.5em 0;
border: 1px solid #333;

}


#navigation2 a:hover {
	color: #fff;

}


#content {
	background: #fff;
padding: 40px 20px 20px 25px;
}

#content2 {
	background: #fff;
padding: 45px 25px 20px 25px;
}


h2 {
font-size: 1.5em;
color: #333;
}


h3 {
font-size: 1.25em;
color: #333;
}


#footer {
	clear: both;
	background: #ccc;
	padding: 10px 20px 10px 20px;
	height: 1%;
	border-top: 1px solid gray;
}


#right {
	text-align: right;
}

#disclaim {
	color: #333;
font-size: 0.75em;

}

.accessaid, h1 {
	position: absolute;
	height: 0;
	overflow: hidden;
}


.current {
display: block;
float: left;
padding: 5px 10px;
color: #333;
text-decoration: none;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
background: #fff;
margin-left: 5px;
}

.current2 {
	color: #fff;
	text-decoration: none;
	display: block;
	background: #FD67ED;
	padding: 0.5em;
	margin: 0 1.5em 0.5em 0;
border: 1px solid #333;
}

.current3 {
	color: #fff;
	text-decoration: none;
	display: block;
	background: #ad01fd;
	padding: 0.5em;
	margin: 0 1.5em 0.5em 0;
border: 1px solid #333;
}

.current4 {
	color: #fff;
	text-decoration: none;
	display: block;
	background: #ff9c00;
	padding: 0.5em;
	margin: 0 1.5em 0.5em 0;
border: 1px solid #333;
}

.current5 {
	color: #fff;
	text-decoration: none;
	display: block;
	background: #0284fd;
	padding: 0.5em;
	margin: 0 1.5em 0.5em 0;
border: 1px solid #333;
}

.current6 {
	color: #fff;
	text-decoration: none;
	display: block;
	background: #12d50d;
	padding: 0.5em;
	margin: 0 1.5em 0.5em 0;
border: 1px solid #333;
}


li.green a:hover {
background:#12d50d !important;
}

li.orange a:hover {
background:#ff9c00 !important;
}

li.blue a:hover {
background:#0284fd !important;
}

li.purple a:hover {
background:#ad01fd !important;
}

li.yellow a:hover {
background:#ffff00 !important;
}

li.pink a:hover {
background:#FD67ED !important;
}






.home {
	width: 300px;
	height: 225px;
	padding: 2px;
	border: 1px solid #333;
	margin: 0 0 2em 1em;
	float: right;
}

.court {
	width: 150px;
	height: 144px;
	padding: 2px;
	float: right;
margin-left: 1em;
margin-bottom: 2em;
}


.banner {
	width: 424px;
	height: 72px;
	padding: 2px;
	float: left;

}


.family {
	width: 100px;
	height: 72px;
	padding: 2px;
	float: right;
margin-left: 1em;

}


.house {
	width: 95px;
	height: 100px;
	padding: 2px;
	float: right;
margin-left: 1em;

}


.will {
	width: 93px;
	height: 100px;
	padding: 2px;
	float: right;
margin-left: 1em;

}


.crime {
	width: 100px;
	height: 100px;
	padding: 2px;
	float: right;
border: 0;
margin-left: 1em;


}


.other {
	width: 78px;
	height: 100px;
	padding: 2px;
	float: right;
margin-left: 1em;

}



.family2 {
	width: 83px;
	height: 60px;
border: 0;
margin-right: 1.5em;
margin-bottom:0.8em;
}



.house2 {
	width: 63px;
	height: 60px;
border: 0;
margin-right: 1.5em;
margin-bottom:0.8em;
}



.will2 {
	width: 56px;
	height: 60px;
border: 0;
margin-right: 1.8em;
margin-bottom:0.8em;
}


.crime2 {
	width: 60px;
	height: 60px;
border: 0;
margin-right: 1.7em;
margin-bottom:0.8em;
}


.other2 {
	width: 47px;
	height: 60px;
border: 0;

margin-bottom:0.8em;
}



.people {
	width: 129px;
	height: 150px;
	padding: 1px;
	border: 1px solid #333;
	margin: 0 1.5em 0 0;
	float: left;
}

.map {
	width: 250px;
	height: 237px;
	padding: 2px;
	margin: 0;
	float: right;
}


.separator {
	margin-top: 20px;
	background: #fff;
	min-height: 75px;
}

/*former min-height above = 175*/ 


.separator2 {
	margin-top: 20px;
	background: #fff;
	min-height: 154px;
min-height: 160px;
	
}
.separator h3 {
	margin: 0;
	font-size: 130%;
}
.separator2 h3 {
	margin: 0;
	font-size: 130%;
}


#navigation p {
	margin: 0;
}

.exception {
	margin: 0;
}