/*Son of Suckerfish Dropdowns
---------------------------------------------------------
Originally developed by Patrick Griffiths and Dan Webb
http://www.htmldog.com/articles/suckerfish/dropdowns/
---------------------------------------------------------
NOTE: After a deep research, we decide to divide this
CSS into 2 parts. The first part will define the layout.
The second part will define the visual look for this menu.
---------------------------------------------------------
--------------------------- LAYOUT ----------------------------*/
#selSubHeader, #selSubHeader UL
{
	padding: 7px 0px 40px 70px;
	margin: 0;
	line-height: 20px;
}
#selSubHeader A
{
	display: block;
	line-height: 20px;
	margin: 0;
	padding: 10px 20px;
}
#selSubHeader LI
{
/*all list items*/
	float: left;
	margin: 0;
	padding: 0;
}
#selSubHeader LI UL
{
/*second-level lists*/
	position: absolute;
	width: 202px;
/*
* Using left instead of display to hide menus because display: none isn't
* read by screen readers
*/
	left: -999em;
}
#selSubHeader UL UL A
{
/*sub-links*/
	width: 160px;
}
#selSubHeader LI UL UL
{
/*third-and-above-level lists*/
	margin: -42px 0 0 200px;
}
#selSubHeader LI:hover UL UL, #selSubHeader LI:hover UL UL UL, #selSubHeader LI.sfhover UL UL, #selSubHeader LI.sfhover UL UL UL
{
	left: -999em;
}
#selSubHeader LI:hover UL, #selSubHeader LI LI:hover UL, #selSubHeader LI LI LI:hover UL, #selSubHeader LI.sfhover UL, #selSubHeader LI LI.sfhover UL, #selSubHeader LI LI LI.sfhover UL
{
/*lists nested under hovered list items*/
	left: auto;
}
/*--------------------------- VISUAL ----------------------------
-------- All levels --------*/
#selSubHeaderwrap
{
	border-top: 1px solid #666666;
	background: #444444;
}
#selSubHeader UL, #selSubHeader LI
{
	background-image: none;
	/*[empty]list-style:;*/
}
#selSubHeader SPAN.separator
{
	display: none;
}
/*-------- Top level --------*/
#selSubHeader>UL
{
	background-color: #030202;
	padding-left: 20px;
}
#selSubHeader>UL>LI
{
	background-color: #444444;
	/*[empty]border-left:;*/
	/*[empty]border-right:;*/
	margin-right: 1px;
}
#selSubHeader>UL>LI.active
{
	background: #444444 url(../images/bullet-bluearrow.jpg) no-repeat bottom center;
	color: #CCCCCC;
}
#selSubHeader>UL>LI:hover, #selSubHeader>UL>LI:active, #selSubHeader>UL>LI:focus
{
	background: #555555 url(../images/bullet-bluearrow.jpg) no-repeat bottom center;
	color: #FFFFFF;
}
/*-------- sub-levels --------*/
#selSubHeader UL UL LI
{
	border-left: 1px solid #666666;
	border-right: 1px solid #333333;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #333333;
	margin-bottom: 1px;
}
#selSubHeader LI UL
{
/*second-level lists*/
	background-color: #555555;
}
#selSubHeader LI A
{
	color: #CCCCCC;
	font-weight: bold;
	text-decoration: none;
}
#selSubHeader UL UL LI:hover, #selSubHeader UL UL LI:active, #selSubHeader UL UL LI:focus
{
	background: #444444;
	color: #FFFFFF;
}
/*old css
Son of Suckerfish Dropdowns
---------------------------------------------------------
Originally developed by Patrick Griffiths and Dan Webb
http://www.htmldog.com/articles/suckerfish/dropdowns/
---------------------------------------------------------
NOTE: After a deep research, we decide to divide this
CSS into 2 parts. The first part will define the layout.
The second part will define the visual look for this menu.
---------------------------------------------------------*/
#selSubHeader UL.menu
{
	margin: 0;
/*all lists*/
	padding: 0;
	float: left;
	/*[empty]border-right:;*/
}
#selSubHeader UL.menu UL
{
	margin: 0;
/*all lists*/
	padding: 0;
}
#selSubHeader UL.menu LI
{
	margin: 0;
/*all list items*/
	padding: 0;
	float: left;
	display: block;
	background: #020202 none;
	cursor: pointer;
	position: static;
	list-style: none;
}
#selSubHeader UL.menu LI UL
{
	width: 16.4em;
	position: absolute;
/*second-level lists*/
	z-index: 99;
	height: auto;
	w\idth: 12.2em;
}
#selSubHeader UL.menu LI UL UL
{
	margin: -1.5em 0 0 14em;
/*third-and-above-level lists*/
}
#selSubHeader UL.menu LI LI
{
	padding: 0 1em 0 0;
	margin: 0;
	width: 11.3em;
}
#selSubHeader UL.menu UL A
{
	width: 14.8em;
	w\idth: 10.8em;
}
#selSubHeader UL.menu LI UL
{
	left: -999em;
/*using left instead of display to hide menus because display: none isn't read by screen readers*/
}
#selSubHeader UL.menu LI:hover UL UL, #selSubHeader UL.menu LI:hover UL UL UL, #selSubHeader UL.menu LI.sfhover UL UL, #selSubHeader UL.menu LI.parentsfhover UL UL, #selSubHeader UL.menu LI.parent-activesfhover UL UL, #selSubHeader UL.menu LI.activesfhover UL UL, #selSubHeader UL.menu LI.sfhover UL UL UL, #selSubHeader UL.menu LI.parentsfhover UL UL UL, #selSubHeader UL.menu LI.parent-activesfhover UL UL UL, #selSubHeader UL.menu LI.activesfhover UL UL UL
{
	left: -999em;
}
/*This "unhides" the sub-menus (left: -999em is what hides them)*/
#selSubHeader UL.menu LI:hover UL, #selSubHeader UL.menu LI LI:hover UL, #selSubHeader UL.menu LI LI LI:hover UL, #selSubHeader UL.menu LI.sfhover UL, #selSubHeader UL.menu LI.parentsfhover UL, #selSubHeader UL.menu LI.parent-activesfhover UL, #selSubHeader UL.menu LI.activesfhover UL, #selSubHeader UL.menu LI LI.sfhover UL, #selSubHeader UL.menu LI LI.havesubchildsfhover UL, #selSubHeader UL.menu LI LI.havesubchild-activesfhover UL, #selSubHeader UL.menu LI LI.activesfhover UL, #selSubHeader UL.menu LI LI LI.sfhover UL, #selSubHeader UL.menu LI LI LI.havesubchildsfhover UL, #selSubHeader UL.menu LI LI LI.havesubchild-activesfhover UL, #selSubHeader UL.menu LI LI LI.activesfhover UL
{
	left: auto;
}
/*STYLING THE MENU
-----------------------------------
1st level*/
#selSubHeader UL.menu LI A
{
	margin: 0;
	padding: 10px 20px;
	/*[empty]border-left:;*/
	/*[empty]border-right:;*/
	display: block;
	color: #CCCCCC;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
}
#selSubHeader UL.menu LI A:hover, #selSubHeader UL.menu LI A:active, #selSubHeader UL.menu LI A:focus
{
	background: #555555 url(../images/bullet-bluearrow.jpg) no-repeat bottom center;
	color: #FFFFFF;
}
#selSubHeader UL.menu LI
{
	margin: 0;
}
#selSubHeader UL.menu LI:hover, #selSubHeader UL.menu LI.sfhover, #selSubHeader UL.menu LI.parentsfhover, #selSubHeader UL.menu LI.parent-activesfhover
{
	background: #555555 url(../images/bullet-bluearrow.jpg) no-repeat bottom center;
	color: #FFFFFF;
}
#selSubHeader UL.menu LI.active A, #selSubHeader UL.menu LI.active A:hover, #selSubHeader UL.menu LI.active A:active, #selSubHeader UL.menu LI.active A:focus
{
	background: url(../images/bullet-bluearrow.jpg) no-repeat bottom center;
	color: #FFFFFF;
}
/*2nd level and above*/
#selSubHeader UL.menu LI UL
{
	border: 1px solid #555555;
	background: #150909;
	text-align: center;
}
#selSubHeader UL.menu LI UL LI
{
	border-top: 1px solid #777777;
	border-bottom: 1px solid #444444;
	background: #060303;
}
#selSubHeader UL.menu LI UL A
{
	border-right: none;
	margin: 0;
	padding: 7px 10px;
	background: none;
	color: #CCCCCC;
	font-weight: normal;
	line-height: normal;
	text-transform: none;
}
#selSubHeader UL.menu LI.havesubchild, #selSubHeader UL.menu LI.havesubchild-active
{
	background: url(../images/bullet2.gif) no-repeat 94% 50%;
}
#selSubHeader UL.menu LI UL A:hover, #selSubHeader UL.menu LI UL A:active, #selSubHeader UL.menu LI UL A:focus, #selSubHeader UL.menu UL LI:hover, #selSubHeader UL.menu UL LI.sfhover, #selSubHeader UL.menu UL LI.havesubchildsfhover, #selSubHeader UL.menu UL LI.havesubchild-activesfhover, #selSubHeader UL.menu UL UL LI:hover, #selSubHeader UL.menu UL UL LI.sfhover, #selSubHeader UL.menu UL UL LI.havesubchildsfhover, #selSubHeader UL.menu UL UL LI.havesubchild-activesfhover
{
	background: #333333;
	color: #CCCCCC;
}
#selSubHeader UL.menu UL LI.active A, #selSubHeader UL.menu UL LI.active A:hover, #selSubHeader UL.menu UL LI.active A:active, #selSubHeader UL.menu UL LI.active A:focus
{
	background: none !important;
	color: #FFFFFF;
	font-weight: bold;
}
#selSubHeader UL.menu LI.active LI A, #selSubHeader UL.menu LI.active LI A:hover, #selSubHeader UL.menu LI.active LI A:active, #selSubHeader UL.menu LI.active LI A:focus
{
	background: none !important;
}
#selSubHeader H3
{
	display: none;
}
#selSubHeader .moduletable_menu
{
	background: none;
	margin: 0;
	padding: 0;
}