/*       A good page for studying styling Son of Sucker Fish menu can be: http://www.htmldog.com/ptg/archives/000050.php
	http://www.csscreator.com/node/19621
 */
#mainNaviMenu 
{
	position: absolute; 
	top: 0px;
	margin: 0; /* all lists */
}

#mainNaviMenu a {
}

#mainNaviMenu ul 
{
}

#mainNaviMenu li {
	margin: 0; /* all list items */
	float: left;
	display: block;
	background: none;
	cursor: pointer;
	width: 155px;
	text-align: left;
}

#mainNaviMenu li ul {
	width: 10em;
	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 */
	top: 2px;
	height: 300px;
	width: 240px;		
	margin: 0 0 0 -76px;
	text-align: left;
}

#mainNaviMenu li ul ul {
	margin: -1.5em 0 0 13em; /* third-and-above-level lists */
}

#mainNaviMenu li li {
	padding: 0;
	margin: 0 0 2px -2px;
	width: auto;
}

#mainNaviMenu ul a {	
	width: auto;
}

/* STYLING THE MENU
-----------------------------------*/
#mainNaviMenu li ul {
	background-color: transparent;
}

#mainNaviMenu li ul li 
{
	padding: 2px 0 0 82px;
	width: 100%;
}

#mainNaviMenu li ul a {
	border-right: none;
	padding: 0 0 0 0;
	border-top: none;
	font-weight: bold;
	text-transform: none;
	background-color: transparent;
	color: #22394f !important;
	line-height: 18px;
} 

#mainNaviMenu li ul a:hover,
#mainNaviMenu li ul a:active,
#mainNaviMenu li ul a:focus {
	color: #FFFFFF !important;
}

#mainNaviMenu li a {
	margin: 0;
	padding: 0;
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff !important;
	padding: 16px 0 0 0;
	font-size: 16px;
	line-height: 18px;
	
}

div.subMenuHeader 
{
	font-size: 16px !important;
	font-weight: bold;
	height: 48px;
	margin: 0px 0 10px 67px;
	padding: 14px 0 0 9px;
	color: #ffffff !important;
}

#mainNaviMenu li a:hover {
}

#mainNaviMenu li a.active {
}

#mainNaviMenu li a.active:hover,
#mainNaviMenu li a.active:active,
#mainNaviMenu li a.active:focus {
}

#mainNaviMenu li li a.active {
}

#mainNaviMenu li.havechild {
}

#mainNaviMenu li.levelhavechild {
	background: url(arrow7.gif) no-repeat 94% 50%;
}
#mainNaviMenu li.levelhavechild:hover {
	background: url(arrow7.gif) no-repeat 94% 50%;
}
#mainNaviMenu li:hover , #mainNaviMenu li:hove a, 
#mainNaviMenu li.sfhover {
}

#mainNaviMenu ul li:hover, #mainNaviMenu ul ul li:hover,
#mainNaviMenu ul li.sfhover, #mainNaviMenu ul ul li.sfhover {
}

li.menu.36 { padding-left: 30px !important; }
li.menu.54 { margin-right: 10px !important; }
li.menu.55 { padding-left: 15px !important; }
li.level1First a { margin-top: 18px; background: red; }
ul.submenu_36 { background: transparent url('submenu_36.gif') no-repeat 0px -7px; padding-top: 55px !important; opacity: 0; filter:Alpha(opacity=0); }
ul.submenu_54 { background: transparent url('submenu_54.gif') no-repeat 0px -7px; padding-top: 55px !important; opacity: 0; filter:Alpha(opacity=0); }
ul.submenu_55 { background: transparent url('submenu_55.gif') no-repeat 0px -7px; padding-top: 55px !important; opacity: 0; filter:Alpha(opacity=0); }
ul.submenu_56 { background: transparent url('submenu_56.gif') no-repeat 0px -7px; padding-top: 55px !important; opacity: 0; filter:Alpha(opacity=0); }