/*
******************************************IMPORTANT****************************************************
	Make sure that the only one menu has a class of 'sf-menu'.  If other menus need that specific
	class name, you can substitute '#ctl00_SFMenu' for the '.sf-menu' items in this file.  This will
	allow the main navigation menu to continue working correctly.
*******************************************************************************************************
*/

.sf-menu, .sf-menu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	height:36px;
	z-index:100;
	background-image:url(../images/nav-bg-blue.gif);
	margin-bottom:5px;
}

.sf-menu a {
	display: block;
	width: 225px;
	height:25px;
	color:White;
	text-align:center;
	padding-top:10px;
	line-height:1.2em;
}

.sf-menu li { /* all list items */
	float: left;
	width: 225px; /* width needed or else Opera goes nuts */
	height:36px;
	margin:0;
	background-image:url(../images/nav-bg-blue.gif);
	
    border-top:1px solid #6699CC;
    
    /*IE6 hack to speed up the menu loading*/
	_background-image:none;
	background-color:#336699;
}

.sf-menu li ul { /* second-level lists */
	position: absolute;
	width: 225px;
	height:36px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

.sf-menu li ul ul { /* third-and-above-level lists */
	position:absolute;
	margin: -37px 0 0 225px;
	height:36px;
}

/* third-and-above-level lists for last menu item, positon popouts on left side */
.sf-menu li.nav4 ul ul
{	
	position:absolute;
	margin: -37px 0 0 -225px;
	height:36px;
}

/*border on right popout menu*/
.sf-menu li li:hover ul li,
.sf-menu li li.sfHover ul li{
	border-left:1px solid #6699CC;
}
/*border on left popout menu*/
.sf-menu li.nav4 li:hover ul li,
.sf-menu li.nav4 li.sfHover ul li{
	border-right:1px solid #6699CC;
}

.sf-menu li:hover ul ul, .sf-menu li:hover ul ul ul, .sf-menu li.sfhover ul ul, .sf-menu li.sfhover ul ul ul {
	left: -999em;	
}

.sf-menu li:hover ul, .sf-menu li li:hover ul, .sf-menu li li li:hover ul, .sf-menu li.sfhover ul, .sf-menu li li.sfhover ul, .sf-menu li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/*#content {
	clear: left;
	color: #ccc;
}*/

.sf-menu li.sfhover, .sf-menu li:hover
{
	/*needed for IE7 error - http://css-class.com/articles/explorer/sticky/index.htm*/
	position:static; 
	background-image:url(../images/nav-bg-blue-sel.gif);
}