@charset "UTF-8";

/**
 * Styling suckerfish drop-down-main_navigation
 * more information about suckerfish:
 * http://www.htmldog.com/examples/
 **/  

#main_navi { 
}

#main_navi ul {
}

#main_navi li {
	position: relative;
	z-index: 50;
}

#main_navi ul li a { 
}

#main_navi li ul {
	display: none;
	position: absolute;
	top: 2em;
	right: 4px;
	background: #fff;
	height: auto;
	width: 185px;
	padding: 10px;
	border: none;
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
	overflow: hidden;
	z-index: 800;
	text-align: left;
	border-bottom: 1px solid #313977;
}

*+html #main_navi li ul {
	top: 38px;
	left: 0px;
}

#main_navi li li {
	float: none;
	display: block;
	padding: 3px 0px;
	text-align: right;
	width: 100%;
}

#main_navi li:hover a, 
#main_navi li.sfhover a { 
	color: #600; 
	background: #fff;
	filter:alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity: 1; 
	border-top:5px solid #313977;
	}
 
#main_navi li.active a 
{ color: #313977; background: #fff; }

#main_navi li:hover ul li a, 
#main_navi li.sfhover ul li a 
{ color: #313977; padding: 0px 0px 0px 0px; background: #fff; border: none; font-size: 12px }


#main_navi li:hover ul li a:hover, 
#main_navi li.sfhover ul li a:hover { 	
	color: #313977; 
	border: none;
	filter:alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity: 1; 
	}

#main_navi li:hover ul li ul, 
#main_navi li.sfhover ul li ul 
{ position: static; padding: 0px 20px 0px 10px; border: 0px solid #fff; width: 180px; }

#main_navi li ul li ul li {
	line-height: 1.3em;
	padding: 0px 0px;
	}
#main_navi li:hover ul li ul li a, 
#main_navi li.sfhover ul li ul li a { 
	font-weight: normal; 
	font-size: 11px;
	color: #000; 
	border: none; 
	text-transform: capitalize;
	filter:alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity: 1;
	}

#main_navi li:hover ul li ul li a:hover, 
#main_navi li.sfhover ul li ul li a:hover 
{ color: #313977; border: none; }

#main_navi li:hover ul li ul li ul li a, 
#main_navi li.sfhover ul li ul li ul li a 
{ color: #313977; border: none; }

#main_navi li:hover ul li ul li ul li a:hover, 
#main_navi li.sfhover ul li ul li ul li a:hover 
{ color: #313977; border: none; }

#main_navi li:hover ul, #main_navi li.sfhover ul {
	display: block;
}

* html #main_navi li.sfhover ul {
  position: absolute;
  top: 40px;
  left: 0px;
  text-align: left;
}
* html #main_navi li.sfhover ul li {
  text-align: left;
}
* html #main_navi li.sfhover ul li a,
* html #main_navi li.sfhover ul li a:hover {
  text-align: left;
  padding-left: 0px;
}