#menu {
	vertical-align:middle;	
	width : 100%;
	line-height : normal;
	clear : both;
	margin : 0 0 0 0px;
	overflow : hidden;
	border-bottom: 4px solid #0c6c08;
	background: #383838;
    background: -moz-linear-gradient(top, rgba(62,62,62,1) 0%, rgba(33,33,33,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(62,62,62,1)), color-stop(100%,rgba(33,33,33,1)));
    background: -webkit-linear-gradient(top, rgba(62,62,62,1) 0%,rgba(33,33,33,1) 100%);
    background: -o-linear-gradient(top, rgba(62,62,62,1) 0%,rgba(33,33,33,1) 100%);
    background: -ms-linear-gradient(top, rgba(62,62,62,1) 0%,rgba(33,33,33,1) 100%);
    background: linear-gradient(to bottom, rgba(62,62,62,1) 0%,rgba(33,33,33,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#212121',GradientType=0 );
    -webkit-font-smoothing: subpixel-antialiased;
}
#menu div, ul, li{
	margin : 0;
	padding : 0;
}
#menu ul {
    list-style: none outside none;
   
}
#menu li {
    float: left;
	font-family: roboto,Arial,'Kh Battambang','Khmer Battambang',calibri,Helvetica,sans-serif;
	text-transform:uppercase;
	text-align:center;
}
#menu a {
	color: #fff;
    display: block;
    line-height: 34px;
    padding: 10px 10px;
    text-decoration: none;
	text-transform: uppercase;
	border-right: 1px solid #363636;
    border-left: 1px solid #212121;
}
#menu a.langicon {
   padding: 0 0px;
    margin-right: 10px;
}
#menu a.langicon:hover {
    background: none;
    opacity: 0.7;
}
#menu a.langicon img {
   height: 40px;

}
#menu a:hover {
	text-decoration: none;
    color: #eeeeee;
    background-color: #085f04;
    -moz-box-shadow: inset 0px 9px 8px -10px #085f04, inset 0px -9px 8px -10px #0c6c08;
    -webkit-box-shadow: inset 0px 9px 8px -10px #085f04, inset 0px -9px 8px -10px #0c6c08;
    box-shadow: inset 0px 9px 8px -10px #085f04, inset 0px -9px 8px -10px #0c6c08;
}
#menu li.current {
	/*background :#CA9812;
	height: 44px;
	line-height: 34px;
    border:1px solid #CA9812;
    border-bottom:none;*/

}
#menu li.section {
	background : url(activeNav.png) no-repeat 0% 0;
	width : 160px;
	height : 34px;
	line-height : 34px;
}
#menu li.section a {
	color : #c7d8ec;
	text-decoration: none;
}
#menu li.current a, #menu li.current a:hover {
    text-decoration: none;
    color: #eeeeee;
    background-color: #085f04;
    -moz-box-shadow: inset 0px 9px 8px -10px #085f04, inset 0px -9px 8px -10px #0c6c08;
    -webkit-box-shadow: inset 0px 9px 8px -10px #085f04, inset 0px -9px 8px -10px #0c6c08;
    box-shadow: inset 0px 9px 8px -10px #085f04, inset 0px -9px 8px -10px #0c6c08;
}
/* ------------------------- COLOR PALETTE FOR BLUE STORK

Dark blue color: 			#146295 		RGB: 20/98/149
Med blue color: 			#025A8D 		RGB: 2/90/141
Light blue color: 			#70ace4 		RGB: 112/172/228
Extra light blue color: 	#BED6FF 		RGB: 190/214/255
Orange color: 				#FC8F30 		RGB: 252/143/48
Light grey color:			#f7f7f7 		RGB: 247/247/247
Medium grey color:			#d7d7d7 		RGB: 215/215/215
Dark grey color:			#666666 		RGB: 102/102/102
Border grey color:			#CCCCCC 		RGB: 204/204/204

----------------------------------------------------------*/

#header-left ul {   	
   clear:both;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   text-align:left;
   width: 100%;
}
#header-left ul li{     
   display:block;   
   list-style:none;
   margin:0px;
   padding:0px;
   margin-top:3px;
   margin-bottom:3px;
   position:relative;
   border: 1px solid #ccc;

}
#header-left ul li a {
    color: #0C6C08;
    display: block;
	border:0px solid #EDF7DF;
    font-family: "Lucida Grande",Tahoma,"Bitstream Vera Sans",Arial,sans-serif,'Kh Battambang','Khmer Battambang';
    /*font-family: 'Kh Battambang','Khmer Battambang',Arial,Helvetica,sans-serif;*/
    font-size: 14px;
    font-weight: normal;
    line-height: 35px;
    padding: 0px 5px;
	border-right-color:#9BC37C;
	border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;    
	text-decoration:none;
    text-shadow: 0 1px 0 #EEEEEE;
}

#header-left ul li span {    
    display: block;
    font-family: "Lucida Grande",Tahoma,"Bitstream Vera Sans",Arial,sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 35px;
    padding: 0 5px;
	/*width:189px;*/
	text-decoration:none;
    text-shadow: 0 1px 0 #EEEEEE;
}
span.current-left {    
    background: none repeat scroll 0 0 #EDF7F8;
	border: 1px solid #9DA2DD; 
	border-right-color:#EDF7F8;  
  /* border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border:1px solid #9BC37C; 
    */
    color: #333333;
    margin-top: -1px;
	padding: 0 24px;
    text-shadow: 1px 1px 1px #C6D9E9;
}
#header-left ul li a:hover,
#header-left ul li a:active,
#header-left ul li a:focus{	
	background: #EDF7F8;
  /*  border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;	*/	
}
/*---------------------end slide left-------------------------*/
.langiconen{  color:red; background:url('../images/en.jpg') left top no-repeat;width:42px;height:33px; }
.langiconkh{  color:red; background:url('../images/km.gif') left top no-repeat;width:42px;height:33px;  }
@media (min-width: 768px) and (max-width: 992px) {
	#menu a {
	    padding: 10px 6px;
	}
}