/*------------------------------------------------------------------------
# NCWO - EXMENU CSS > September, 2007 (v1.0)
# ------------------------------------------------------------------------
# Copyright (C) 2007 PICNet, Inc. All Rights Reserved.
# Author: Ryan Belisle
# Website:  http://www.picnet.net
-------------------------------------------------------------------------*/



/* Exmenu Main Horizontal
--------------------------------------------------------- */
/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
div.menu-sfHM {
	margin-left:0px;
	margin-right:10px;
	margin-bottom:6px;
	background:#65aad8 url("../images/bck_nav.gif");
	color:#ffffff;
	font-size:12px;
	line-height:35px;
	padding-top:0px;
	padding-left:0px;
	font-weight:bold;
	height:35px;
}



/*---------------------------------------------------------------------
	COLORS
-------------------------------------------------------------------------*/

/*	MAIN LEVEL
-------------------------------------------------------------------------*/

/* Main Level Off */
a.mainlevel-sfHM, a.mainlevel-sfHM:link, a.mainlevel-sfHM:visited {	color: #ffffff; }

/* Main Level Off:Hover */
a.mainlevel-sfHM:hover { color: #ffffff; background-color:#8fc2e6; }

/* Main Level Current & Active Section */
a.mainlevel_current-sfHM, a.mainlevel_current-sfHM:link, a.mainlevel_current-sfHM:visited,
a.mainlevel_active-sfHM, a.mainlevel_active-sfHM:link, a.mainlevel_active-sfHM:visited { color: #f4c100;  }

/* Main Level Current & Active Section:Hover */
a.mainlevel_current-sfHM:hover, a.mainlevel_active-sfHM:hover {	color: #ffffff; background-color:#8fc2e6;
}

/*	SUB LEVEL 1
-------------------------------------------------------------------------*/

/* Sub Level 1 Off */
a.sublevel-sfHM, a.sublevel-sfHM:link, a.sublevel-sfHM:visited { background-color: #8fc2e6; color: #fff;
	border-top: 2px solid #9dcaea; }
/* Sub Level 1 Off:Hover */
a.sublevel-sfHM:hover {	background-color: #3a94cd; color: #fff;
	border-top: 2px solid #3a94cd; }

/* Sub Level 1 Current & Active Section */
a.sublevel_current-sfHM, a.sublevel_current-sfHM:link, a.sublevel_current-sfHM:visited,
a.sublevel_active-sfHM, a.sublevel_active-sfHM:link, a.sublevel_active-sfHM:visited { background-color: #8fc2e6; color: #fff;
	border-top: 2px solid #9dcaea; }

/* Sub Level 1 Current & Active Section:Hover */
a.sublevel_current-sfHM:hover, a.sublevel_active-sfHM:hover { background-color: #3a94cd	; color: #fff; 
	border-top: 2px solid #3a94cd;}

/*	SUB LEVEL 2
-------------------------------------------------------------------------*/

/* Sub Level 2 */
/*
ul.mainlevel-sfHM ul ul a.sublevel-sfHM, ul.mainlevel-sfHM ul ul a.sublevel_active-sfHM, ul.mainlevel-sfHM ul ul a.sublevel_current-sfHM,
ul.mainlevel-sfHM ul ul a.sublevel-sfHM:link, ul.mainlevel-sfHM ul ul a.sublevel_active-sfHM:link, ul.mainlevel-sfHM ul ul a.sublevel_current-sfHM:link,
ul.mainlevel-sfHM ul ul a.sublevel-sfHM:visited, ul.mainlevel-sfHM ul ul a.sublevel_active-sfHM:visited, ul.mainlevel-sfHM ul ul a.sublevel_current-sfHM:visited {
	background-color: blue;
	color: white;
}

ul.mainlevel-sfHM ul ul a.sublevel-sfHM:hover, ul.mainlevel-sfHM ul ul a.sublevel_active-sfHM:hover, ul.mainlevel-sfHM ul ul a.sublevel_current-sfHM:hover {
	background-color: #E0E0E0;
	color: blue;
}

ul.mainlevel-sfHM ul .expanded {
	display: block;
	background-image: url("../images/arrow_right.gif");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 10px;
}
*/



/*---------------------------------------------------------------------
	STYLE AND LAYOUT
-------------------------------------------------------------------------*/

/* Main Level Links */
a.mainlevel-sfHM, a.mainlevel_active-sfHM, a.mainlevel_current-sfHM, span.mainlevel-sfHM,
a.mainlevel-sfHM:link, a.mainlevel_active-sfHM:link, a.mainlevel_current-sfHM:link,
a.mainlevel-sfHM:visited, a.mainlevel_active-sfHM:visited, a.mainlevel_current-sfHM:visited,
a.mainlevel-sfHM:hover, a.mainlevel_active-sfHM:hover, a.mainlevel_current-sfHM:hover {
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	display: block;
	padding:0px 13px 0px 13px;
	text-transform:uppercase;
}
a.mainlevel-sfHM, a.mainlevel_active-sfHM, a.mainlevel_current-sfHM, span.mainlevel-sfHM {
	float: left;
	width: auto;
}

/* Sub Level Links */
a.sublevel-sfHM, a.sublevel_active-sfHM, a.sublevel_current-sfHM, span.sublevel-sfHM,
a.sublevel-sfHM:link, a.sublevel_active-sfHM:link, a.sublevel_current-sfHM:link,
a.sublevel-sfHM:visited, a.sublevel_active-sfHM:visited, a.sublevel_current-sfHM:visited,
a.sublevel-sfHM:hover, a.sublevel_active-sfHM:hover, a.sublevel_current-sfHM:hover {
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	display: block;
	padding:6px 15px;
	/*height:30px;*/
	line-height: 1.2em;
	font-weight: bold;
	z-index: 301;
	border-bottom: 1px solid #65aad8;
	text-transform:uppercase;
}
a.sublevel-sfHM, a.sublevel_active-sfHM, a.sublevel_current-sfHM, span.sublevel-sfHM {
	/*font-size: 90%;
	border-top: 0px solid silver;*/
}

#active_menu-sfHM,
a.mainlevel_active-sfHM, a.mainlevel_current-sfHM,
a.mainlevel_active-sfHM:link, a.mainlevel_current-sfHM:link,
a.mainlevel_active-sfHM:visited, a.mainlevel_current-sfHM:visited,
a.mainlevel_active-sfHM:hover, a.mainlevel_current-sfHM:hover,
a.sublevel_active-sfHM, a.sublevel_current-sfHM,
a.sublevel_active-sfHM:link, a.sublevel_current-sfHM:link,
a.sublevel_active-sfHM:visited, a.sublevel_current-sfHM:visited,
a.sublevel_active-sfHM:hover, a.sublevel_current-sfHM:hover {
	/*font-weight: bold;*/
	border-bottom:0px solid #65aad8;
}
ul.mainlevel-sfHM, .mainlevel-sfHM ul {
	padding: 0;
	margin: 0;
	list-style: none;
	background-image: none;
}

ul.mainlevel-sfHM {
	width: auto;
	z-index: 301;
}

ul.mainlevel-sfHM ul {
	z-index: 302;
}

ul.mainlevel-sfHM ul ul {
	z-index: 303;
}


ul.mainlevel-sfHM li { 
	padding: 0 0px 0 0; 
	margin: 0; 
	list-style: none; 
	float: left; 
	position: relative; 
	z-index: 302; 
	background: url("../images/bck_nav_divider.gif") no-repeat; }
/*ul.mainlevel-sfHM li.active_menu-sfHM { padding: 0 18px 0 0; margin: 0; background: url(../images/nav/mm-right.gif) no-repeat right top; list-style: none; float: left; position: relative; z-index: 302; }*/


ul.mainlevel-sfHM li li { position: relative; width: 230px; margin: 0; z-index: 302; border-left: 0px solid #f4c100; border-right: 0px solid #f4c100; background:  /*url(../images/nav/mm-subDiv.gif) repeat-x left bottom*/; padding: 0px 0px 0px 0px !important; }
ul.mainlevel-sfHM li li.active_menu-sfHM { position: relative; width: 230px; margin: 0; z-index: 302; background: #65aad8/*url(../images/nav/mm-subDiv.gif) repeat-x left bottom*/; padding: 0px 0px 1px 0px !important; }



ul.mainlevel-sfHM li li ul {
	left: 150px;
	top: -1px;
	z-index: 302;
}

ul.mainlevel-sfHM ul { display: none; position: absolute; top: 20px; left: 0; z-index: 302; background: url(../images/nav/mm-subTop.gif) no-repeat left top; padding-top: 5px; border-bottom: 0px solid #f4c100; }
ul.mainlevel-sfHM li > ul {
	top: 30px;
	left: 0px;
	z-index: 302;
}


ul.mainlevel-sfHM li:hover ul, ul.mainlevel-sfHM li.hover ul {
	display: block;
}
ul.mainlevel-sfHM li:hover ul ul, ul.mainlevel-sfHM li.hover ul ul {
	display: none;
}
ul.mainlevel-sfHM li:hover ul li:hover ul, ul.mainlevel-sfHM li.hover ul li.hover ul {
	display: block;
	z-index: 302;
}
ul.mainlevel-sfHM, ul.mainlevel-sfHM li li {
	clear: left;
}


/* separator */
span.mainlevel-sfHM, span.sublevel-sfHM {
	border-width: 0px;
	padding: 0px;
}