/*   ALL NAVIGATION STYLES, INCLUDING UTILITY NAVIGATION, PRIMARY NAVIGATION, AND LEFT-SIDE NAVIGATION   */


/*utility nav (top right corner) styles*/
.header .utilityNav {
color:#deb408;
float:right;
width:711px;
text-align:right;
}

.header .utilityNav a {
color:#deb408;
text-decoration:none;
}

.header .utilityNav a:hover {
text-decoration:underline;
}

.header .utilityNav .resources,.header .utilityNav .changeContent,.header .utilityNav .search {
display:inline;
float:right;
}

.header .utilityNav .resources {
font-size:1.1em;
padding:1px 20px 0 0;
}

.header .utilityNav .changeContent,.header .utilityNav .changeContent a {
color:#5b5959;
font-size:1em;
padding-top:1px;
}

.header .utilityNav .search {
float:right;
padding-top:1px;
margin-right:10px;

}


.header .utilityNav .search, .header .utilityNav .changeContent {
background:url(../images/bg-utility-nav.gif) repeat-x bottom right #e3bf2c;
height:20px;
}
.header .utilityNav .changeContent {
padding: 2px 8px 1px 8px;
height:18px;
}

.header .utilityNav .search input {
font-size:.9em;
width:144px;
float:left;
display:inline;
height:13px;
padding-left:2px;
}

.header .utilityNav .search input.goButton {
width:20px;
float:left;
height:17px;
padding-left:0;
}


/*primary (horizontal) navigation*/
.primaryNav a {
float:left;
display:block;
height:45px;
}

.primaryNav a:hover {
background-image:none !important;
}

.primaryNav ul {
list-style-type:none;
position:absolute;
width:742px;
height:45px;
top:46px;
left:202px;
border-top:3px solid #deb408;
}

.primaryNav li {
float:left;
}

.primaryNav li span {
display:none;
}

.primaryNav ul li.residents {
background:url("../images/nav-for-residents.gif") -118px 0 no-repeat;
}

.primaryNav ul li.residents a {
background:url("../images/nav-for-residents.gif") 0 0 no-repeat;
width:118px;
}

.primaryNav ul li.businesses {
background:url("../images/nav-for-businesses.gif") -122px 0 no-repeat;
}

.primaryNav ul li.businesses a {
background:url("../images/nav-for-businesses.gif") 0 0 no-repeat;
width:122px;
}

.primaryNav ul li.visitors {
background:url("../images/nav-for-visitors.gif") -94px 0 no-repeat;
}

.primaryNav ul li.visitors a {
background:url("../images/nav-for-visitors.gif") 0 0 no-repeat;
width:94px;
}

.primaryNav ul li.government {
background:url("../images/nav-government.gif") -102px 0 no-repeat;
}

.primaryNav ul li.government a {
background:url("../images/nav-government.gif") 0 0 no-repeat;
width:102px;
}

.primaryNav ul li.services {
background:url("../images/nav-services.gif") -72px 0 no-repeat;
}

.primaryNav ul li.services a {
background:url("../images/nav-services.gif") 0 0 no-repeat;
width:72px;
}

.primaryNav ul li.emergencies {
background:url("../images/nav-emergencies.gif") -101px 0 no-repeat;
}

.primaryNav ul li.emergencies a {
background:url("../images/nav-emergencies.gif") 0 0 no-repeat;
width:101px;
}

.primaryNav ul li.mynapa {
background:url("../images/nav-mynapa.gif") -133px 0 no-repeat;
}

.primaryNav ul li.mynapa a {
background:url("../images/nav-mynapa.gif") 0 0 no-repeat;
width:133px;
}

/*turn primary nav items on (highlight their active state)*/
.primaryNav ul li a.on {
background-image: none;
}

/*ADDED: vertical navigation for seal only*/
#navSealOnly.column {
float:left;
width:187px;
font-size:1em;
padding:0 8px 0px 7px;
}

/*vertical navigation*/
#nav.column {
float:left;
width:187px;
font-size:1em;
padding:0 8px 60px 7px;
}

#nav.column h3 {
background:url(../images/bg-headers.gif) no-repeat top left #eeeded;
font-weight:700;
font-size:1.8em;
text-transform:none;
padding:2px 5px 2px 10px;
font-family: "Arial Narrow", "Helvetica Narrow", arial, sans-serif;
border-bottom: 1px solid #adacac;
}

#nav.column h3 span {
text-transform: uppercase;
color:#5c6b2b;
font-family: "Arial Narrow", "Helvetica Narrow", arial, sans-serif;
}

#nav.column .content {
padding:5px 10px 15px;
}

#nav.column .content .additionalLinks {
padding-top:10px;
}

#nav.column a {
color:#005295;
}

#nav.column a:hover {
text-decoration:none;
}

#nav.column ul {
list-style-type:none;
width:187px;
padding:5px 0 15px;
}

#nav.column ul li {
padding:0 0 2px;
}

#nav.column ul li a {
display:block;
width:178px;
text-decoration:underline;
padding:1px 0 0 9px;
}

	/*second level of nav*/
	#nav.column ul ul {
	width:179px; 
	padding:3px 0 3px 8px;
	}
	
	#nav.column ul ul li a {
	color:#005295; 
	display:block; 
	width:170px; 
	text-decoration:underline; 
	padding: 1px 0 0 9px;
	}