@charset "utf-8";
/* Son of Suckerfish Dropdowns
---------------------------------------------------------
Based upon original development by the lovely and talented Patrick Griffiths and Dan Webb
http://www.htmldog.com/articles/suckerfish/dropdowns/
---------------------------------------------------------*/

#cssmenu {
	margin:0; /* all lists */
	padding:0;
	float:left;
}
#cssmenu ul {
	margin:0; /* all lists */
	padding:0;
}
#cssmenu li {
	margin:0; /* all list items */
	padding:0;
	float:left;
	display:block;
	background:none;
	border-right:1px solid #75AAD2;
	cursor:pointer;
}
#cssmenu li ul {
	width:16.4em;
	position:absolute; /* second-level lists */
	z-index:99;
	left:-999em; /* using left instead of display to hide menus because display:none isn't read by screen readers -- yeah, go figure */
	height:auto;
	w\idth:16em;
}
#cssmenu li ul ul {
	margin:-2em 0 0 15em; /* third-and-above-level lists */
}
#cssmenu li li {
	padding:0 1em 0 0;
	margin:0;
	width:15em;
}
#cssmenu ul a {
	width:14.9em;
	w\idth:10.9em;
}
#cssmenu li:hover ul ul, #cssmenu li:hover ul ul ul, #cssmenu li.sfhover ul ul, #cssmenu li.havechildsfhover ul ul, #cssmenu li.havechild-activesfhover ul ul, #cssmenu li.activesfhover ul ul, #cssmenu li.sfhover ul ul ul, #cssmenu li.havechildsfhover ul ul ul, #cssmenu li.havechild-activesfhover ul ul ul, #cssmenu li.activesfhover ul ul ul {
	left:-999em;
}
/* This "unhides" the sub-menus (left: -999em is what hides them) */
#cssmenu li:hover ul, #cssmenu li li:hover ul, #cssmenu li li li:hover ul, #cssmenu li.sfhover ul, #cssmenu li.havechildsfhover ul, #cssmenu li.havechild-activesfhover ul, #cssmenu li.activesfhover ul, #cssmenu li li.sfhover ul, #cssmenu li li.havesubchildsfhover ul, #cssmenu li li.havesubchild-activesfhover ul, #cssmenu li li.activesfhover ul, #cssmenu li li li.sfhover ul, #cssmenu li li li.havesubchildsfhover ul, #cssmenu li li li.havesubchild-activesfhover ul, #cssmenu li li li.activesfhover ul {
	left:auto;
}
/* MENU STYLE */
/* 1st level */
#cssmenu li a {
	display:block;
	text-decoration:none;
	line-height:35px;
	padding:0 18px;
	color:#C3DBED;
	font-size:100%;
	font-weight:bold;
	font-family:Trebuchet MS, Arial, Tahoma;
	border-right:1px solid #2B6484;
}
#cssmenu li a:hover, #cssmenu li a:active, #cssmenu li a:focus {
	color:#FFF;
}
#cssmenu li:hover, #cssmenu li.sfhover, #cssmenu li.havechildsfhover, #cssmenu li.havechild-activesfhover {
	color:#FFF;
	background:url(../images/grad2-1.gif) repeat-x top #2B6484;
}
#cssmenu li a.active, #cssmenu li a.active:hover, #cssmenu li a.active:active, #cssmenu li a.active:focus {
	color:#FFF;
	background:url(../images/grad2-2.gif) repeat-x top #91AE4E;
}
/* 2nd level and above */
#cssmenu li ul {
	border:1px solid #2B6484;
	background:url(../images/grad2.gif) repeat-x bottom #5192C3;
}
#cssmenu li ul li {
	border-bottom:1px solid #2972A8;
	border-right:none;
	background:none;
}
#cssmenu li ul a {
	border-right:none;
	margin:0;
	padding:5px 0px 5px 10px;
	line-height:normal;
	background:none;
	color:#FFF;
	font-weight:normal;
	font-size:92%;
}
/* #cssmenu li.havesubchild, #cssmenu li.havesubchild-active {
	background:url(../images/arrow3.png) no-repeat 94% 50%;
}
*/
#cssmenu li ul a:hover, #cssmenu li ul a:active, #cssmenu li ul a:focus, #cssmenu ul li:hover, #cssmenu ul li.sfhover, #cssmenu ul li.havesubchildsfhover, #cssmenu ul li.havesubchild-activesfhover, #cssmenu ul ul li:hover, #cssmenu ul ul li.sfhover, #cssmenu ul ul li.havesubchildsfhover, #cssmenu ul ul li.havesubchild-activesfhover {
	background:url(../images/grad2-1.gif) repeat-x top #2B6484;
	color:#FFF;
}
#cssmenu ul li a.active, #cssmenu ul li a.active:hover, #cssmenu ul li a.active:active, #cssmenu ul li a.active:focus {
	background:none !important;
	color:#FFF;
	font-weight:bold;
}
