@charset "utf-8";
/* CSS Document */

html, body {
margin:0 0 10px 0;
padding:0;
background:url(images/page-bg.jpg) repeat-x #dfdbce;
font-family: "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
font-size:13px;
color:#201812;
}

p {
margin:0;
padding:0;
}

p.emp {
font-style:italic; color:#2e2115; background-color:#ede6ba; padding:5px;
}

h1.header, h1.header a, h1.header:hover {
color:#574e30;
font-size:14px;
text-decoration:none;
margin:0;
padding:0;
}

h1.content {
font-size:20px;
color:#445a0c;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
margin:0;
padding:0;
}

h2 {font-size:14px; padding:0; margin:5px 0;}

h2.right {
color:#476000;
font-size:19px;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
padding:0;
margin:0 0 5px 0;
letter-spacing:-1px;
}

h3 {
margin:0;
padding:0 0 0 5px;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
background:#EFEFEF;
border-left:2px solid #627f19;
}

#page {
width:700px;
margin:0 auto;
}

#header {
height:83px;
overflow:hidden;
}

	#logo {
	width:280px;
	float:left;
	}
	
	#headright {
	width:420px;
	height:66px;
	padding:17px 0 0 0;
	text-align:right;
	float:right;
	}
	
	#headright.index {
	background:url(images/home-family-top.jpg) no-repeat right;
	}
	
	span.return, span.return a {
	font-size:11px;
	color:#201812;
	padding:2px;
	}
	
	span.return a:hover {
	background-color:#201812;
	color:#FFFDFE;
	}
	
#main { 
height:234px;
overflow:hidden;
clear:both;
}

	#main-left {
	float:left;
	padding:4px 0 0 0;
	width:373px;
	height:230px;
	background:url(images/main-bg.jpg) no-repeat;
	}
	
	#main-left b {
	padding-left:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#6b8721;
	}
	
		table#searchForm {
		font-size:12px;
		padding:0;
		margin:0 0 0 10px;
		}
		
		.searchinput {
		font-size:12px;
		color:#1d1d1d;
		}
		
		table#searchForm span {
		background:#e8edde;
		padding:2px;
		}
	
	#main-right {
	float:right;
	width:327px;
	}
	
#nav {
width:700px;
background:url(images/nav-bg.jpg) no-repeat;
height:33px;
clear:both;
color:#FFFFFF;
overflow:hidden;
}

	#nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
	#nav ul li {
	padding:0;
	margin:0 11px 0 0;
	font-size:14px;
	float:left;
	display:block;
	}
	
	#nav ul li a {
	display:block;
	float:left;
	padding-top:7px;
	height:26px;
	color:#FFFFFF;
	text-decoration:none;
	}
	
	#nav ul li a.homelink {
	padding:0;
	}
	
	#nav ul li a:hover, #nav ul li a.selected {
	color:#1f2a00;
	background:url(images/nav-over-arrow.jpg) no-repeat center bottom;
	}

#intnav {
width:686px;
padding:2px 5px 0 5px;
margin:0 2px;
height:21px;
background:url(images/int-nav-bg.jpg) no-repeat center;
font-size:13px;
text-align:center;
}

#intnav a {
color:#3b281d;
}

#intnav a:hover,  #intnav a.selected {
color:#b67d11;
}

#content {
margin:15px 0 0 0;
background:url(images/content-bg.jpg) repeat-y;
}

	#context {
	padding:5px 15px;
	width:670px;
	line-height:1.5;
	overflow:hidden;
	}
	
	#context a {
	color:#0079d7;
	}
	
	#context a:hover {
	color:#b67d11;
	}

	#context p {
	margin:5px 0 15px 0;
	}

		#context-left {
		float:left;
		width:468px;
		padding-right:15px;
		}
		
			#context-left img.neighborhood-image {
			padding:3px;
			margin:9px 0 5px 10px;
			border:1px solid #999999;
			}
		
		#context-left ul {
		margin:0;
		padding:0;
		list-style-type:none;
		overflow:hidden;
		}
		
		#context-left ul li {
		margin:0;
		float:left; 
		width:200px;
		height:120px;
		padding:0 0 7px 20px;
		background:url(images/bullet-check.gif) no-repeat 0 3px;
		}
		
		#context-left ul li span {
		font-size:11px;
		}
		
		#context-left dl.states-relocate {
		margin:5px 0 0 0;
		padding:0;
		}
		
		#context-left dl.states-relocate dd {
		margin:0;
		padding:10px 0 10px 5px;
		border-bottom:1px solid #CFCFCF;
		}
		
		#context-left dl.states-relocate dd:hover {
		background:#F6FFDF;
		}
		
		#context-right {
		float:left;
		width:187px;
		background-color:#e2f1bb;
		}
		
			#context-right-inside {
			width:167px;
			padding:0px 10px;
			line-height:1.3;
			font-size:11px;
			}
			
			#context-right-inside ul {
			margin:0;
			padding:0;
			list-style-type:none;
			}
			
			#context-right-inside ul li {
			margin:0;
			padding:0 0 7px 20px;
			background:url(images/bullet-check.gif) no-repeat 0 1px;
			}
			
			#context-right-inside div {
			margin-bottom:7px;
			}
			
		#commercial {/*index*/
		width:157px;
		margin-top:10px;
		border:1px dashed #445a0c;
		background:#FBFFEF;
		padding:5px;
		}
	
#index-bot {
clear:both;
width:700px;
padding:12px 0;
font-size:12px;
color:#837064;
border-bottom:1px solid #c7c1af;
}

#index-bot p {
margin:10px 0 0 0;
padding:0;
}

#index-bot a {
color:#837064;
margin:0 3px 0 3px;
}

#index-bot a:hover {
color:#0079d7;
}

#footer {
color:#837064;
font-size:11px;
width:700px;
padding:12px 0;
}

#footer span {
margin-right:12px;
}

#footer a {
color:#837064;
margin:0 3px 0 3px;
}

#footer a:hover {
color:#0079d7;
}

/* Tooltip */
a.info {
position:relative; /*this is the key*/
z-index:24;
text-decoration:none;
}

a.info:hover {
z-index:25;
cursor:help;
}

a.info span {
display: none;
}

a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:2em; 
left:2em; 
width:220px;
font-size:11px;
border:1px solid #7f9b34;
background-color:#ffffff; 
color:#454545;
padding:5px;
}