/*** Taken from origina superfish css ***/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height:1.0; float:left;}
.sf-menu ul li {width:100%;}
.sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left; position:relative;}
.sf-menu a {display:block; position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0; top:39px;z-index:99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {top:0;}
 

/*** SKIN ***/

.sf-menu li a {
	padding:10px 10px 10px 10px;
	margin:0px 0px 0px 0px;
	font-size:16px;
	line-height:18px;
	text-transform:uppercase;
	border-top: 1px solid #ccc; border-right: 1px solid #ccc;
	text-decoration: none;
	font-weight: bold;}
.sf-menu li a, .sf-menu li a:visited  {color:#4d4d4d;}
.sf-menu li {background:#f2f2f2;border-top: 1px solid #ccc; border-right: 1px solid #ccc;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:#ccc; outline:0;}
		
	
/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {position:relative;}
.sf-navbar li {position:static;}
.sf-navbar a { border-top:none;}
.sf-navbar li ul {width:920px; /*IE6 soils itself without this*/}
.sf-navbar li li { background:#ccc;position:relative;}
.sf-navbar li li ul {
	width:			13em;
}

.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}

.sf-navbar li.current { 
	padding:10px 10px 10px 10px;
	margin:0px 0px 0px 0px;
	background-color:#f2f2f2;
	color: #4d4d4d;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	text-transform:uppercase;}

.sf-navbar li:hover, .sf-navbar li.sfHover, .sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active { text-decoration:underline;}

.sf-navbar ul li:hover, .sf-navbar ul li.sfHover, ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li, .sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	background:		#D1DFFF;}
	
ul.sf-navbar .current ul, ul.sf-navbar ul li:hover ul, ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {top: 			-999em;
}