/* Nav Styles */

#nav {
	height: 30px;
	margin: 5px 0 10px 4px;
	padding: 0;
	list-style: none;
	overflow: hidden;
	background: url("../img/2007/nav_bg.gif") no-repeat 0 100%;
}

#nav li {
	margin: 0;
	padding: 0;
	display: inline;
}

#nav a {
	display: block;
	float: left;
	border: none;
	height: 0;
	margin: 0 0 0 5px;
	padding: 30px 0 0;
	background: url("../img/2007/nav.gif") no-repeat 0 0;
	overflow: hidden;
}

#nav .home a     { width: 58px;  background-position: -18px  0; margin-left: 3px; }
#nav .about a    { width: 82px;  background-position: -99px  0; margin-left: 131px; }
#nav .people a   { width: 100px; background-position: -204px 0; }
#nav .areas a    { width: 130px; background-position: -327px 0; }
#nav .articles a { width: 70px;  background-position: -480px 0; }
#nav .notary a   { width: 67px;  background-position: -573px 0; }
#nav .contact a  { width: 94px;  background-position: -663px 0; }

#nav .home a:hover,     #nav .home a.selected     { background-position: -18px  -30px; }
#nav .about a:hover,    #nav .about a.selected    { background-position: -99px  -30px; }
#nav .people a:hover,   #nav .people a.selected   { background-position: -204px -30px; }
#nav .areas a:hover,    #nav .areas a.selected    { background-position: -327px -30px; }
#nav .articles a:hover, #nav .articles a.selected { background-position: -480px -30px; }
#nav .notary a:hover,   #nav .notary a.selected   { background-position: -573px -30px; }
#nav .contact a:hover,  #nav .contact a.selected  { background-position: -663px -30px; }

.home #nav {
	background: url("../img/2007/home_nav_bg.gif") no-repeat 0 100%;
}

.home #nav a {
	margin: 0 0 0 23px;
}

.home #nav .home a {
	margin-left: 12px;
}