/* CSS Document */
.mainmenu{
}
.mainmenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float:left;
	height:27px;
}
.mainmenu ul li {
    position: relative;
    margin:0;
    padding:0;
	height:27px;
	width:99px;
	
}
.mainmenu li ul {
    position: absolute;
    left:0px;
    top:16px;
    display: none;
}
.mainmenu li ul li {
    clear:left;
}

/*define different menu color*/
.mainmenu ul li a {
    float:left;
    width:99px;
    text-align:center;
	font-size:11px;
	font-weight:bold;
	display: block;
    text-decoration: none;
    color: #000000;
	padding:0px;
	margin:0px;
}

.mainmenu ul li.status1 a{
    background-color:#50a125;
	width:99px;
}
.mainmenu ul li.status2 a{
    background-color:#c7c8ca;
	width:100px;
}
.mainmenu ul li.status3 a{
    background-color:#000000;
    color:#FFFFFF;
	width:100px;
}
.mainmenu ul li.status4 a{
    background-color:#b6d199;
}
.mainmenu ul li.status5 a{
    background-color:#81cad0;
}
.mainmenu ul li.status6 a{
    background-color:#50a125;
}
.mainmenu ul li.status7 a{
    background-color:#7fa9ad;
}
.mainmenu ul li.status8 a{
    background-color:#ffffff;
}
.mainmenu li ul {
	top:27px;
	border-top:solid 2px #000;
}
.mainmenu li ul li {
	border-bottom:2px solid #000;
	height:27px;
	overflow:hidden;
}
.mainmenu li ul li a{
    width:99px;
	border-bottom:2px solid #000;
    margin:0;
    background-color:#c7c8ca;
    display:block;
	height:27px;
}
.mainmenu li ul li a:hover{
    width:99px;
	border-bottom:2px solid #CCC;
    margin:0;
    background-color:#a1a2a5;
    display:block;
	height:27px;
}
/* Fix IE. Hide from IE Mac \
* html ul li { 
	float: left; 
}
* html ul li a {
	height: 1%; 
}
*/
/* End */
.mainmenu li:hover ul, li.over ul { 
    display: block; 
}