<style>
#menu ul {
	margin: 0;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	list-style: none;
}

#menu li { /* all list items */
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	float: left;
	position: relative;
	list-style: none;
}

#menu li ul {/* second-level lists */
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 1px;
	padding-bottom: 0px;
	margin-left: 0px;
	position: absolute;
	top: 21px;
	z-index : 5000;
        left: 0;
}

#menu li>ul {/* to override top and left in browsers other than IE */
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 5px;
	position: absolute;
	top: 12px;
	z-index : 5000;
	left: 0px;
}


/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */


#menu li:hover>ul { visibility:visible; }

#menu ul ul { visibility:hidden; }		

/* Make-up syles */
#menu ul, li {
    margin: 0 0 0 0; 
}

/* Styles for Menu Items */
#menu ul a {
	font-family : Arial, sans-serif;
	font-weight : bold;
	font-size : 11px;
	line-height : 15px;
	text-decoration: none;
	color: #cfcfcf;
	list-style: none;
	margin-top: 3px;
	margin-bottom: 3px;

}
/* Hover Styles */
#menu ul a:hover { 
	color: #ffffff;
 
	
} 

/* Active Styles */
#menu ul a:active { 
	color: #ffffff;

	
} 

/* Sub Menu Styles */
#menu li ul a {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	display: block;
	margin-top: 0px;
	list-style: none;
	margin-bottom: 0px;
	padding: 5px;
	border: 1px solid #ccd8e4;
	margin-left: 0px;
	background: #ffffff; /* IE6 Bug */ 
} 

/* Sub Menu Hover Styles */
#menu li ul a:hover { 
	color: #000000; 
	display: block;
	padding: 5px;
	background: #ccd8e4;
} 


.sidemenulink:link {
	background-color: #f3f3f3;
	margin-left:0px;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;  
	padding-left:10px;
	padding-top:2px;
	padding-bottom: 2px;
	display:block;
	text-decoration: none;
	color: #000000;
	height: 20px;
	FONT-SIZE: 11px; 
	LINE-HEIGHT: 15px; 
	FONT-FAMILY: Arial, sans-serif;

}

.sidemenulink:visited {
	background-color: #f3f3f3;
	margin-left:0px;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;  
	padding-left:10px;
	display:block;
	text-decoration: none;
	color: #000000;
	height: 20px;
	FONT-SIZE: 11px; 
	LINE-HEIGHT: 15px; 
	FONT-FAMILY: Arial, sans-serif;

}

.sidemenulink:hover {
	background-color: #ccd8e4;
	margin-left:0px;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;
	color: #000000;  
	padding-left:10px;
	display:block;
	text-decoration: none;
	FONT-SIZE: 11px; 
	LINE-HEIGHT: 15px; 

}

.sidemenulink:active {
	background-color: #f3f3f3;
	display:block;
	text-decoration: none;
	FONT-SIZE: 11px; 
	LINE-HEIGHT: 15px; 
	color: #005d93;
}





.sidesubmenu:link {
	background-color: #f3f3f3;
	margin-left:10px;
	padding-left:10px;
	padding-top:0px;
	padding-bottom: 0px;
	MARGIN-TOP: 0px; 
	display:block;
	text-decoration: none;
	color: #666666;
	height: 20px;
	FONT-SIZE: 11px; 
	MARGIN-BOTTOM: 0px; 
	LINE-HEIGHT: 15px; 
	FONT-FAMILY: Arial, sans-serif;
	border: 1px;
	border-color: #000000;
}

.sidesubmenu:visited {
	background-color: #f3f3f3;
	margin-left:10px;
	padding-left:10px;
	padding-top:0px;
	padding-bottom: 0px;
	MARGIN-TOP: 0px; 
	display:block;
	text-decoration: none;
	color: #666666;
	height: 20px;
	FONT-SIZE: 11px; 
	MARGIN-BOTTOM: 0px; 
	LINE-HEIGHT: 15px; 
	FONT-FAMILY: Arial, sans-serif;
	border: 1px;
	border-color: #000000;
}

.sidesubmenu:hover {
	background-color: #ccd8e4;
	margin-left:10px;
	padding-left:10px;
	padding-top:0px;
	padding-bottom: 0px;
	MARGIN-TOP: 0px; 
	display:block;
	text-decoration: none;
	color: #666666;
	height: 20px;
	FONT-SIZE: 11px; 
	MARGIN-BOTTOM: 0px; 
	LINE-HEIGHT: 15px; 
	FONT-FAMILY: Arial, sans-serif;
	border: 1px;
	border-color: #000000;
}

.sidesubmenu:active {
	background-color: #ccd8e4;
	color: #666666;
}

.hide{
display: none;
}

.show{
display: block;
}

</style>

