/*Style sheet for drop down navigation*/

#nav_bar
/*navigation background bar*/
{
	height: 28px;
	width: auto;
	background-image: url( ../images/bg.gif );
	margin-top: 5px;
	
}

#nav_bar a:link,
#nav_bar a:hover,
#nav_bar a:visited
/*style for top level links*/
{
	text-decoration: none;
	color: white;
}

#nav_bar ul
{
	margin: 0px;
	padding: 0px;
}

#nav_bar li
/*top level navigation*/
{
	list-style-type: none;
	height: 23px;
	width: 137px; 
	text-align: center; 
	color: white;
	padding: 5px 0px 0px 0px;
	float: left; 
	margin-left: 0px;
	opacity:0.95; text-decoration: none;	
}

#nav_bar li:hover
/*
	This is where you can change the appearance of the top level on hover background
	so if for example you would like the text to change color as well simply add
	color: red; 
*/
{
	background-color: black;
}

#nav_bar li ul
{
    display: none; 
    position: absolute;
    z-index: 1000; 
    margin-top: 7px;   
}

#nav_bar li:hover ul
{
   display: block; 
}

#nav_bar  li ul li
{
	margin-top: 0px; 
	margin-left: 0px; 
	background-image: none; 
    background-color: #8a8a8a;
    float: none; 
    width: 200px; 
    border-top: 1px solid #fff;
    
}

.orange_submit:hover{ filter:alpha(opacity=50); opacity:.5; text-decoration: none; }
