/* common styling */




#menu{
	text-align: center;
	font-family: sans-serif;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	width: 100%;
	height: 32px;
	text-decoration: none;
	overflow :visible;
	
}
#menu ul li a:hover
			{
			  display:block;
			  text-decoration:none;
			  width:110px; 
			  height:32px;
			  text-align:center;
			  text-indent : 4px;
			  line-height:32px;
			  overflow:hidden;
			  color:#000000;
			  font-weight : bold;
			 }
#menu ul li a:link,
#menu ul li a:visited,
#menu ul li a:active
			 {
			  display:block;
			  text-decoration:none;
			  width:110px; 
			  height:32px;
			  text-align:left;
			    text-indent : 4px;
			  color:#000000;
			  line-height:32px;
			  overflow:hidden;
			  font-weight : bold;
			  border-right : 1px solid #000000;
			  border-bottom : 1px solid #000000; 
			 }
			 
			  
#menu ul {padding:0; margin:0; list-style: none; width : 100%;}
#menu ul li {float:left; position:relative;}
#menu ul li ul {display: none;}

/* specific to non IE browsers */
#menu ul li:hover a 	{
			  display:block;
			  text-decoration:none; 
			  width:110px; 
			  height:32px;
			  text-align:left;
			    text-indent : 4px;
			  line-height:32px;
			  overflow:hidden;
			 }
			 
#menu ul li a
			 {
			  display:block;
			  text-decoration:none;
			  color:#000000; 
			  width:110px; 
			  height:32px;
			  text-align:left;
			    text-indent : 4px;
			  line-height:32px;
			  overflow:hidden;
			 }			 
			 			 
#menu ul li:hover ul {display:block; position:absolute; top:32px; left:0; width:110px;}
#menu ul li:hover ul li ul {display: none;}


#menu ul li:hover ul li a {position : relative; left : -1px;border-left : 1px solid #000000; display:block; background : #54be46; color:#FFFFFF; height : 25px; width : 110px; text-decoration : none; text-align : left;   text-indent : 4px; line-height : 25px;}
#menu ul li:hover ul li a:hover {background : #54be46; color:#FFFFFF;}