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

/* Navigation.  Each list item is a link id to the following   */


#nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	position:relative;
	
	
	
}



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

#nav ul a.home {
	background-image:url(images/home.png);
	width:71px;
	height:49px;
	display:block; outline:none;

}

#nav ul a.home:hover {
	background-image:url(images/home_roll.png);
	width:71px;
	height:49px;
	display:block; outline:none;

}
#nav ul a.homeactive {
	background-image:url(images/home_roll.png);
	width:71px;
	height:49px;
	display:block; outline:none;

}



#nav ul a.bio {
	background-image:url(images/about.png);
	width:129px;
	height:49px;
	display:block; outline:none;

}
#nav ul a.bio:hover {
	background-image:url(images/about_roll.png);
	width:129px;
	height:49px;
	display:block; outline:none;

}

#nav ul a.bioactive {
	background-image:url(images/about_roll.png);
	width:129px;
	height:49px;
	display:block; outline:none;

}


#nav ul a.issues {
	background-image:url(images/issues.png);
	width:69px;
	height:49px;
	display:block; outline:none;

}
#nav ul a.issues:hover {
	background-image:url(images/issues_roll.png);
	width:69px;
	height:49px;
	display:block; outline:none;

}
#nav ul a.issuesactive {
	background-image:url(images/issues_roll.png);
	width:69px;
	height:49px;
	display:block; outline:none;

}


#nav ul a.district {
	background-image:url(images/district.png);
	width:109px;
	height:49px;
	display:block; outline:none;

}
#nav ul a.district:hover {
	background-image:url(images/district_roll.png);
	width:109px;
	height:49px;
	display:block; outline:none;

}
#nav ul a.districtactive{
	background-image:url(images/district_roll.png);
	width:109px;
	height:49px;
	display:block; outline:none;

}

#nav ul a.involved {
	background-image:url(images/involved.png);
	width:122px;
	height:49px;
	display:block; outline:none;

}
#nav ul a.involved:hover {
	background-image:url(images/involved_roll.png);
	width:122px;
	height:49px;
	display:block; outline:none;

}
#nav ul a.involvedactive {
	background-image:url(images/involved_roll.png);
	width:122px;
	height:49px;
	display:block; outline:none;

}

#nav ul a.events{
	background-image:url(images/events.png);
	width:155px;
	height:49px;
	display:block; outline:none;

}
#nav ul a.events:hover {
	background-image:url(images/events_roll.png);
	width:155px;
	height:49px;
	display:block; outline:none;

}
#nav ul a.eventsactive {
	background-image:url(images/events_roll.png);
	width:155px;
	height:49px;
	display:block; outline:none;

}


#nav ul a.media {
	background-image:url(images/media.png);
	width:70px;
	height:49px;
	display:block; outline:none;

}
#nav ul a.media:hover {
	background-image:url(images/media_roll.png);
	width:70px;
	height:49px;
	display:block; outline:none;

}
#nav ul a.mediaactive {
	background-image:url(images/media_roll.png);
	width:70px;
	height:49px;
	display:block; outline:none;

}

#nav ul a.donate {
	background-image:url(images/donate.png);
	width:104px;
	height:49px;
	display:block; outline:none;

}
#nav ul a.donate:hover {
	background-image:url(images/donate_roll.png);
	width:104px;
	height:49px;
	display:block; outline:none;

}
#nav ul a.donateactive {
	background-image:url(images/donate_roll.png);
	width:104px;
	height:49px;
	display:block; outline:none;

}


#nav ul a.contact {
	background-image:url(images/contact.png);
	width:91px;
	height:49px;
	display:block; outline:none;

}
#nav ul a.contact:hover {
	background-image:url(images/contact_roll.png);
	width:91px;
	height:49px;
	display:block; outline:none;

}
#nav ul a.contactactive {
	background-image:url(images/contact_roll.png);
	width:91px;
	height:49px;
	display:block; outline:none;

}

ul.dropdown li.media:hover { background:  url(images/media_roll.png) repeat-x; z-index:200; }


/*  DROPDOWN MENU */



ul.dropdown li span {
	padding: 9px 0px 20px 0px;
	position: absolute;
	display: none; /*--Hide by default--*/
	width: 275px;
	height:15px;
	background-repeat:no-repeat;
	color: #FFF;
	background-image:url(images/sub_nav.png);
	
	
	text-align:center;
	z-index:200;
	
	left:-65px;
	/*--Bottom right rounded corner--
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-bottom-topright: 5px;*/
}


ul.dropdown li:hover span { display: block; z-index:200; } /*--Show subnav on hover--*/
ul.dropdown li span a { 
display: inline;
color:#FFF;
text-decoration:none;
text-transform:uppercase;
z-index:200;
padding:10px 10px;
font-size:12px;
} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul.dropdown li span a:hover {

color:#fff;
font-weight:bold;
text-transform:uppercase;
text-decoration:underline;
z-index:200;
}


/*
ul.dropdown ol li {
 float: none;
 display:block; outline:none;
 z-index:509;
 display:inline;
 
}
ul.dropdown ol li a {

display:block; outline:none;
width:100px;
padding:10px;
margin:0px 10px;
padding-bottom:10px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#069;
font-weight:bold;
z-index:509;
border-bottom:1px dashed #333;
}

ul.dropdown ol li a:hover {

display:block;
display:inline;
outline:none;
width:100px;
padding:10px;
margin:0px;
text-indent:10px;
padding-bottom:10px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FF6;
z-index:509;
text-indent:20px;



}


ul.dropdown li:hover ol {
 visibility:visible;
}


/* END MENU */