/* CSS Document */

/*--------------------------------------------
Left Nav
---------------------------------------------*/


#menu{		
font-family:arial;	/* Font for main menu items */
width:120px;	/* Width of main menu */
margin:0 0 0 17px ;
padding:0 0 0 17px ;
float: left;
text-align: left;
font-size: 11px;
}


#menu	li{	/* Main menu <li> */
list-style-type:none;	/* No bullets */
margin:0px;	/* No margin - needed for Opera */
padding: 0;
border-right: 1px solid #ffffff;
}

#menu ul{	
margin:0px;	/* No <ul> air */
padding:0px;	/* No <ul> air */
}

#menu ul li ul{	/* Styling for those who doesn't have javascript enabled */
padding:0;
}

#menu	li a{	/* Main menu links */
text-decoration:none;	/* No underline */
display:block;
color: #007F30;
padding: 5px;
border-right: 5px solid #007F30;
margin: 0;
background-color: #CBDFD7;
width: 120px;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-left: 1px solid #ffffff;

}

	
#menu	li a:hover,#menu .activeMainMenuItem{
color: #CBDFD7;
background-color: #6CB54E;
}

.subMenu{
visibility:hidden;
position:absolute;
overflow:hidden;
border-right: 5px solid #007F30;
background-color: #CBDFD7;
font-family:arial;
text-align:left;
font-size: 11px;
}

.subMenu ul{
margin:0px;
padding:0px;
width: 150px;
}

.subMenu ul li{
border-top: 1px solid #ffffff;
list-style-type:none;
padding:0;	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
}

.subMenu ul li a{	/* Sub menu items */
white-space:nowrap;	/* No line break */
text-decoration:none;	/* No underline */
color:#666666;	/* Black text color */
height:16px;	/* 16 pixels height */
line-height:16px;	/* 16 pixels height */
padding:5px;	/* 1px of "air" inside */
display:block;	/* Display as block - you shouldn't change this */
width: 150px
}

.subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
color: #CBDFD7;
background-color: #6CB54E;
width: 150px;
padding: 5px;
}