@charset "UTF-8";

/**
 * Horizontal CSS Drop-Down Menu
 * file	dropdown.css
 * Updated 091023
 */


.dropping{
	list-style: none; 
	position: relative;
	float: left;
	margin: 0; 
	padding: 0;
	clear: both;
}

.dropping li{
	float: left; 
	padding: 0 0 0 10px;
}

.dropping li a{
	color: #ffffff; 
	display: block;
	float: left; 
	height: 20px;
	padding: 2px 10px 2px 0;
	text-decoration: none;
}

.dropping li:hover > ul {
	visibility: visible;
}

.dropping li:hover, .dropping li.sfhover{
	background: url(images/menu_hov_l.png) no-repeat top left;
 	position: relative;
 	cursor: default;	
}

.dropping li:hover a, #TopNav .dropping li.sfhover a {
	background: url(images/menu_hov_r.png) no-repeat top right; 
	color: #ffffff;
}

.dropped {
	list-style: none;
	background: #66CC66;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: -2.4em;
	padding: 0;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
}

#TopNav .dropped li {
	float: none;
	padding: 3px 5px 3px 10px;
	margin: 0;
	background: #66CC66;
	height: 24px;
	white-space: nowrap;
}

#TopNav li.subhead {
	float: none;
	padding: 3px 5px 3px 10px;
	margin: 0;
	font-weight: bold;
}


#TopNav .dropped li:hover, #TopNav .dropped li.sfhover{
	background: #ec1a23 url(images/submenu_hov.png) repeat top right;
 	position: relative;
 	cursor: default;	
}

#TopNav .dropped li a {
	background: url(none);
}

#TopNav li.subhead:hover  {
	background: #66CC66;
}