ul#mainMenu{
	list-style-type: none;
	text-align: right;
	background-color: #555;
	height: 20px;
	padding: 0px 0px 0px 10px;
}

ul#mainMenu li{
	display: block;
	float: left;
}

ul#mainMenu li a{
	display: block;
	float: left;
}
	
ul#mainMenu li a{
	padding: 0px 10px 0px 10px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	height: 20px;
}

ul#mainMenu li a:hover{
	color: #FFF;
	background: #cc0000;
	
}

/* ******************************************************************** */


ul#mainMenu li ul { 
	position: absolute;
	left: -999em; 
	
}
ul#mainMenu li ul li {
        display: block;
        text-align:left;
    } 


ul#mainMenu li:hover ul{ margin-top: 20px; }

ul#mainMenu li:hover ul,
ul#mainMenu li.sfhover ul { left: auto; clear: both !important;

	border-bottom: solid 1px #555;
	border-right: solid 1px #555;
	border-left: solid 1px #555;
	width: 195px ; 
}


ul#mainMenu li ul li a {
    	text-align: left;
    	text-decoration: none;
        display: block; 
        font-size: 11px; 
        font-weight: normal;
        margin: 0px 0px 0px 0px;
    	padding: 2px 5px 0px 10px;
    	background: #f6f6f6;
		color: #555;
 }
 
ul#mainMenu li:hover,
ul#mainMenu li.hover {
    position: static;
	
} 

ul#mainMenu li:hover ul li a:hover, 
ul#mainMenu li.sfhover ul li a:hover {
	color: #fff;
	background: #555;
}


ul#mainMenu li ul,
ul#mainMenu li ul li a,
ul#mainMenu li ul li {  width: 180px ;  }	

/* ******************************************************************** */


ul.list li ul{
	list-style-type: none;
	margin: 10px 0px 10px 0px !important;
}

/*sideMenu*/
	
	ul.list,
	div#conLeft ul,
	div#conRight ul{
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 0px 0px !important;
		list-style-type: none;
		
	}

	ul.list li,
	div#conLeft ul li,
	div#conRight ul li{
		display: block;
	}
		
	ul.list li a,
	div#conLeft ul li a,
	div#conRight ul li a{
		display: block;
		padding: 2px 0px 0px 10px;
		height: 20px;
		background: url("../img/layout/bg-li-center.gif") left center no-repeat;
	}
	
	ul.list li a:hover,
	div#conLeft ul li a:hover,
	div#conRight ul li a:hover{
		background: url("../img/layout/bg-li-center-hover.gif") left center no-repeat;
	}