/***************************************************
# CSS_JS_MENU [ Main navigation ]
***************************************************/
#tab {
	margin:0; 
	padding:0;
	width:60%;
	height:40px;
	position:relative;
}
#tab ul {
	position:absolute;
	margin:0;
	text-align:right;
	padding-top:0px;
	/*left: 290px;*/
	right:-20px;
}
#menu {
 position:fixed;
 font-family:"Century Gothic";
 font-size:14px;
 z-index:100;
 padding:0;
 margin:0px;
 width:400px;
 padding-left:250px;

}
#menu li {
 float:left;
 list-style-type:none;
 
}
#menu li:hover, 
#menu li.selected {
color:#fff;
}
#menu li:hover {
 z-index:100;
}
#menu li li {
 float:left;
 position:relative;
 display:block;
 margin:0;
 padding:0;
 border:none;
}
#menu li li,
#menu li li:hover{
 width:100%;
 display:inline;
}
#menu li ul {
 display:block;
 position:auto;
 width:auto;
 width:80px;
}
#menu li ul {
 
 padding:0px;
 margin-left:0px; /* to set the position of the next level*/
 margin-top:0px;
 /*background-color:#CCCCCC;*/

}
#menu li ul ul {
 /*background-color:#FF0000;*/
 padding:0px;
 float:left;
 top:0px;
 margin-top: 0px;
 margin-right: 0px;
margin-left:184px;

}
#menu li ul, 
#menu li ul ul, 
#menu li:hover ul ul, 
#menu li:hover ul ul ul{
 left:-999em;
 z-index:100;
}
#menu li:hover ul, 
#menu li li:hover ul, 
#menu li li li:hover ul {
 left:auto;
 padding-left:7px;
 
}
#menu a {
 display:block;
 color:#5E6366;
 text-align:center;
 text-decoration:none;
 font-family:Tahoma;
 font-weight:normal;
 font-size:12px;
 background-repeat:no-repeat;
 background-position:center;
 padding-top:12px;
 font-size:14px;
 padding-bottom:11px;
 padding-right:0px;
 padding-left:0px;
 margin:0px;
  width:80px;
}
#menu a span {
 padding:10px 0px;
}
#menu a:hover, 
#menu li:hover a, 
#menu li.selected a {
 color:#5E6366;
background-image:url(../images/button_image.jpg);
 
}
#menu li li a, 
#menu li:hover li a{
 width:100%;
 color:#000;
 font-weight:normal;
 padding:0;
 margin-left:0px;
 margin-bottom:0px;
 font-weight:normal;
 background-image: none;
 text-align:left;
 padding-left:5px;
 padding-top:0px;
 padding-right:5px;
 padding-bottom:5px;
 background-color:#56afd1;
border-bottom:1px solid #333333;
}
#menu li li li a, 
#menu li:hover li li a{
 width:100%;
/* font-size:1em;*/
 color:#000;
 font-weight:normal;
 padding:0px;
 margin-left:0px;
 margin-bottom:0px;
 font-weight:normal;
 text-align:left;
 padding-left:5px;
 padding-top:5px;
 padding-right:5px;
 padding-bottom:5px;
 background-color:#56afd1;
}
#menu li li a span {
 padding:0px;
}
#menu li li a:hover,
#menu li li li a:hover
{
color:#fff;
font-weight:normal;
padding-left:5px;
 padding-top:0px;
 padding-right:5px;
 padding-bottom:5px;
 background-color:#2f628d;
}
#menu li li a:hover span {
 /*background:url(../images/ico_arrow.gif) 100% 50% no-repeat;*/
 
}
