
#menu ul, #menu_r ul {
	margin:0;
	padding:0;
	list-style:none;
}

#menu li {
	float:left;
	margin:0px 0px 0 0;
	padding:0;
}

#menu a {
	font-size:12px;
	display:block;
	padding:0px 5px;
	color:#fff;
	font-weight:normal;
	text-transform: uppercase;
	text-decoration:none;
	line-height: 32px;
}
#menu ul li a {
margin-top: 6px;
color: #fff;
}

#menu a.active {
	font-size:12px;
	display:block;
	background:#000000;
	color:#ffffff;
	font-weight:normal;
	text-transform: uppercase;
	text-decoration:none;
}
#menu a:hover{
	color:#ffffff;
	background: none;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			2.5em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.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;
	color: 			#343434;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			auto; /* CHANGE to 0 to have it float all the way to the left / auto to make it appear beneath its parent */
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
	color: 			#343434;
}
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 {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	--top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
/* TOP ITEM COLOR can add color to the li's here background:somecolor */
color: #343434
;
}
.sf-menu li li {
left:auto;
/* SECOND LEVEL COLOR can add color to the li's here background:somecolor */
}
.sf-menu li li li {
/* THIRD? can add color to the li's here background:somecolor */

color: 			#343434;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#a5a5a5;
	outline:		0;
	color: 			#343434;
}


/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	background:		#a5a5a5;
	height:			2.5em;
	padding-bottom:	0em;
	position:		relative;
	color: 			#343434;
}
.sf-navbar li {

	position:		static;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width:			84em; /*IE6 soils itself without this*/ /* changed from 44 to 84 to show more when there are more subs - 6/29/09 JF */
}
.sf-navbar li li {
/* can add color to the li's here background:somecolor */
	position:		relative;
}
.sf-navbar li li ul {
	width:			13em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
.sf-navbar li.current {
	background:		#a5a5a5;
}
.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,.sf-navbar a:active{
	background: 	none;
	color: 			#a5a5a5;
}
.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:none;
}

ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
	background: 	#a5a5a5;
	color: 			#343434;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			auto;
	top:			2.5em; /* match top ul list item height */

}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar li li.current > a {
	font-weight:	bold;
}
#menu a.activeSub{
color:#3373b7;
}

/* li width:Auto IE6 Bug Fix */
#menu ul li {
    width: 0;
    float: left;
    white-space: nowrap;
}
#menu ul > li {
    width: auto;
}
/*active submenu item */
#menu a.activeSub, #menu a.activeSub:hover {
background: none;
background-color:#3373b7;
border:1px solid #FFFFFF;
height:11px;
line-height:11px;
padding:4px;
color:#fff;
margin-top:11px;
}
#menu ul, #menu_r ul {padding:0 0 0 4px; }
/*all menu links*/
#menu ul li a {
color:#FFFFFF;
height:20px;
margin-top:6px;
}
/*all menu links Hover*/
#menu li a:hover {
color:#fff;
}
/* active tab hover fix*/
#menu li a.active:hover {
color:#fff;
background-color: #000000;
}

/*submenu links*/
#menu li ul li a {
color:#ffffff;
height:20px;
margin-top:6px;
}
/*submenu links Hover*/
#menu li ul li a:hover {
color:#fdf26e;
height:20px;
margin-top:6px;
}
#menu ul li ul li{padding:0 0 0 0;}
