/*Style sheet for drop down navigation*/

body{ behavior:url("../htc/csshover.htc"); } 

#nav_bar
/*navigation background bar*/
{
	height: 28px;
	width: auto;
	background-image: url( ../images/bg.jpg );
	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:hover ul
{
   display: block; 
}

#nav_bar  li ul li
{
	margin-top: 1px; 
	margin-left: 0px; 
	background-image: none; 
}

#nav_bar  li ul li ul
/*background for drop downs*/
{
	width: 183px;
	display: none;
	border: 1px solid #999999;
	margin-top:2px;
	background-image:url(../images/dropbg.jpg);
	background-repeat:repeat;
	position: absolute; 
	z-index: +1;
}

#nav_bar li ul li ul li
/*each item in the drop down styling*/
{
	background-image: none;
	width: 178px;
	text-align: left;
	padding-left: 5px;

}

#nav_bar li ul li ul li a:link,
#nav_bar li ul li ul li a:visited,
#nav_bar li ul li ul li a:hover
/*text style for each item in drop down when off hover*/
{
	background-image: none;
	color: black;
}

#nav_bar li ul li ul li:hover
{
	background-color: black;
	color: white;
}

#nav_bar li ul li ul li:hover a:link,
#nav_bar li ul li ul li:hover a:visited,
#nav_bar li ul li ul li:hover a:hover
/*text style for each item in drop down when on hover*/
{
	color: white;
}

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