/* --------------------------------------------------------------
nav.css
-------------------------------------------------------------- */
#nav {
	background:transparent url('../../images/nav_bkgd.gif') repeat-x 0 0;
	float:left;	
	height:53px;
	list-style:none !important;
	position:relative;
	margin:23px 0 20px 23px;
	width:913px;
	z-index:20;
}
#nav li {
	display:block;
	float: left;
	margin:0;
	padding:0;
	position:relative;
	text-indent:-999em;
}
#nav li a {
	background-color:transparent;
	background-image:url('../../images/nav.gif');
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:53px;
}
#nav li#rss, #nav li#rss a {
	float:right !important;
}
#nav #home, #nav #home a {
	background-position:0 0;
	width:73px;
}
#nav #news-from-around-the-state, #nav #news-from-around-the-state a {
	background-position:-73px 0;
	width:221px;
}
#nav #get-involved, #nav #get-involved a {
	background-position:-294px 0;
	width:115px;
}
#nav #about, #nav #about a {
	background-position:-409px 0;
	width:93px;
}
#nav #contact, #nav #contact a {
	background-position:-502px 0;
	width:108px;
}

#nav #home a:hover {
	background-position:0 -53px;
}
#nav #news-from-around-the-state a:hover, #nav #news-from-around-the-state.hover a {
	background-position:-73px -53px;
}
#nav #get-involved a:hover, #nav #get-involved.hover a {
	background-position:-294px -53px;
}
#nav #about a:hover, #nav #about.hover a  {
	background-position:-409px -53px;
}
#nav #contact a:hover, #nav #contact.hover a {
	background-position:-502px -53px;
}

/*Main navigation subnav*/
#nav ul {
	background-color:#777;
	border:1px #555 solid;
	display:none;
	float:none;
	left:0;
	padding:0;
	position:absolute;
	top:52px;
	width:180px !important;
	z-index:40;
}
#nav ul li {
	background:transparent url('../../images/nav_bevel.png') repeat-x 0 bottom;
	display:block;
	float:none;
	font-size:0.917em;
	font-weight:bold;
	height:30px;
	line-height:30px;
	list-style:none !important;
	margin:0 13px;
	position:relative;
	text-indent:0;
	width:auto !important;
}
#nav ul li.last-item {
	background:none !important;
}
#nav ul li a {
	background:none;
	display:block;
	color:#c2c2c2;
	float:none;
	height:30px;
	margin:0;
	padding:0 2px;
	position:relative;
	text-decoration:none;
	width: auto!important;
}
#nav ul li a:hover, #nav ul li a:active {
	color: #fff;
}