html{
	height:100%;
}
body{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:0px;
	padding:0px;
	height:100%;
	text-align:left;
}
.clear{
	clear:both;
}
/*
General rules
*/

#slidedown_menu li{
	list-style-type:none;
	position:relative;
}
#slidedown_menu ul{
	margin: 0px;
	padding: 0px;
	position: relative;
}

/* 	Layout CSS */
#slidedown_menu{		
	width:180px;	
	margin:0px;
	padding:0px;
	display: block;
}

#slidedown_menu_bottom {
	width: 180px;
	height: 105px;
	background: url(../menu/icons/bg_menu_bottom.gif) #ffffff repeat-y;
}

/* All A tags - i.e menu items. */
div#slidedown_menu ul li a{
    font-size: 10px;
	color: #333333;
	text-decoration: none;	
	display: block;
	clear: both;
	background: url(../menu/icons/bg_menu_level1.gif) 0 0 no-repeat;
}

/*
A tags 
*/
#slidedown_menu .slMenuItem_depth1{	/* Main menu items */
	margin-top: 0;
	font-weight:bold;
	background: url(../menu/icons/bg_menu_level1.gif) 0 0 no-repeat;
	padding: 7px 0 0 8px;
	width: 172px;
	height: 19px;
	display: block;
	text-transform: uppercase;
}
#slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
	width: 169px;
	margin: 0;
	background: #fff;
	color: #999;
	padding: 4px 0 4px 10px;
	border-bottom: 1px dotted #c5c5c5;
	font-weight: bold;
	display: block;
}
#slidedown_menu .slMenuItem_depth2:hover {
	background: url(../menu/icons/bg_menu_level2_hover.gif) repeat-y;
	color: #000;
	font-weight: bold;
}
#slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
	width: 163px;
	margin-top:0;
	font-style:normal;
	color:#666;
	background: url(../menu/icons/bg_menu_level3.gif) repeat-x;
	padding: 2px 0 2px 16px;
	display: block;
}
#slidedown_menu .slMenuItem_depth3:hover {
	color:#cc0000;
	background: url(../menu/icons/bg_menu_level3_hover.gif) repeat-x;
}
#slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
	margin-top:1px;
	color:red;
}	
#slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
	margin-top:1px;
}

/* UL tags, i.e group of menu utems. 
It's important to add style to the UL if you're specifying margins. If not, assign the style directly
to the parent DIV, i.e. 

#slidedown_menu .slideMenuDiv1

instead of 

#slidedown_menu .slideMenuDiv1 ul
*/

#slidedown_menu .slideMenuDiv1 ul{
	padding:0;
}
#slidedown_menu .slideMenuDiv2 ul{
	margin-left: 0;
	padding:0;
}
#slidedown_menu .slideMenuDiv3 ul{
	width: 179px;
	margin-left: 0;
	padding:0;
	border-bottom: 1px solid #e2e2e2;
}
#slidedown_menu .slMenuItem_depth4 ul{
	margin-left:15px;
	padding:1px;
}
#slidedown_menu #mainMenuItem1 .slMenuItem_depth1, 
#slidedown_menu #mainMenuItem7 .slMenuItem_depth1, 
#slidedown_menu #mainMenuItem6 .slMenuItem_depth1, 
#slidedown_menu #mainMenuItem2 .slMenuItem_depth1, 
#slidedown_menu #mainMenuItem3 .slMenuItem_depth1, 
#slidedown_menu #mainMenuItem4 .slMenuItem_depth1, 
#slidedown_menu #mainMenuItem8 .slMenuItem_depth1,
#slidedown_menu #mainMenuItem9 .slMenuItem_depth1,
#slidedown_menu #mainMenuItem10 .slMenuItem_depth1,
#slidedown_menu #mainMenuItem5 .slMenuItem_depth1 {
	margin-top: 0;
	font-weight:bold;
	background: url(../menu/icons/bg_menu_level1.gif) -360px 0 no-repeat;
	padding: 7px 0 0 8px;
	width: 172px;
	height: 19px;
	display: block;
}
#slidedown_menu #mainMenuItem1 .slMenuItem_depth1:hover, 
#slidedown_menu #mainMenuItem7 .slMenuItem_depth1:hover, 
#slidedown_menu #mainMenuItem6 .slMenuItem_depth1:hover, 
#slidedown_menu #mainMenuItem2 .slMenuItem_depth1:hover, 
#slidedown_menu #mainMenuItem3 .slMenuItem_depth1:hover, 
#slidedown_menu #mainMenuItem4 .slMenuItem_depth1:hover, 
#slidedown_menu #mainMenuItem8 .slMenuItem_depth1:hover,
#slidedown_menu #mainMenuItem9 .slMenuItem_depth1:hover,
#slidedown_menu #mainMenuItem10 .slMenuItem_depth1:hover,
#slidedown_menu #mainMenuItem5 .slMenuItem_depth1:hover {
	background: url(../menu/icons/bg_menu_level1.gif) -540px 0 no-repeat;
}