/* Css MENU AFRASIA*/

.topMenu{	width:1000px;	height:33px;	float:none;	position:relative;}

/* Root = Horizontal, Secondary = Vertical */
ul#mainMenu {  margin:0; /* border:1px solid #000;*/  padding: 0;  width:1000px; /*For KHTML*/  list-style: none;  height:33px;}

ul#mainMenu li {
  margin:0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 30px;
}

ul#mainMenu ul {   /*padding on dropdown box*/
  margin:0;
  width:210px;
  list-style: none;
  padding:0;
  display: none;
  position: absolute;
  top: 28px;
  left: 0;
  height:auto;
}

ul#mainMenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#mainMenu ul li {
  width: 212px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#mainMenu a {
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #666668;
  margin:0px;
  padding:0px;   /* text box*/
  font:normal 11px/28px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,"Trebuchet MS",sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}


.menu1 {width:270px; height:33px; float:left; background:url(../images/menu1.jpg) left top no-repeat;}
.menu1:hover {background:url(../images/menu1_2.jpg) left top no-repeat; cursor:pointer;}

.menu2 {width:292px; height:33px; float:left; background:url(../images/menu2.jpg) left top no-repeat;}
.menu2:hover {background:url(../images/menu2_2.jpg) left top no-repeat; cursor:pointer;}
	
.menu3 {width:187px; height:33px; float:left; background:url(../images/menu3.jpg) left top no-repeat;}
.menu3:hover {	background:url(../images/menu3_2.jpg);cursor:pointer;}

.menu4 {width:251px; height:33px; float:left; background:url(../images/menu4.jpg) left top no-repeat;}
.menu4:hover {background:url(../images/menu4_2.jpg) left top no-repeat;cursor:pointer;}

.menu1 a, .menu2 a, .menu3 a, .menu4 a{ text-align:center;}

/* Root Menu Hover Persistence */
ul#mainMenu a:hover,
ul#mainMenu li:hover a,
ul#mainMenu li.iehover a {
  color: #FF0000;
}

/* 2nd Menu */
ul#mainMenu li:hover li a,
ul#mainMenu li.iehover li a {
  float: none;
  text-align:left !important;
  padding:0 5px;
  font:normal 11px/16px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,"Trebuchet MS",sans-serif;
  background:none;
  color: #666668;    /*dropdwn text*/
  
}

/* 2nd Menu Hover Persistence */
ul#mainMenu li:hover li a:hover,
ul#mainMenu li:hover li:hover a,
ul#mainMenu li.iehover li a:hover,
ul#mainMenu li.iehover li.iehover a {
  background:none; 
  color: #BCBCBC;      /*dropdwn hover*/
}


ul#mainMenu li:hover ul li:hover ul,
ul#mainMenu li.iehover ul li.iehover  ul {    /*  2level dropdown*/  
 	color: #666668;
  	width:210px !important;				/*box size*/
	display:block;
	display:table;
	padding:0px;
	margin:0px;
	border:2px solid #E4E4E4;/*E4E4E4*/  /* bordercolor  2nd level*/ 
	/*background:#F7F7F7;
	filter:alpha(opacity=90);
	opacity:0.90;*/
		background:url(../images/drop.png) left top repeat-y;

	padding:0px;
	z-index:1;
}


/* 3rd Menu */
ul#mainMenu li:hover li:hover li a,
ul#mainMenu li.iehover li.iehover li a {  
  background:none !important;
  color: #666668;     /* 2nd level text*/
}

/* 3rd Menu Hover Persistence */
ul#mainMenu li:hover li:hover li a:hover,
ul#mainMenu li:hover li:hover li:hover a,
ul#mainMenu li.iehover li.iehover li a:hover,
ul#mainMenu li.iehover li.iehover li.iehover a {
  background:none !important;
  color:#f00  !important;
  z-index:2 !important;
}

ul#mainMenu ul ul,
ul#mainMenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left:180px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#mainMenu li:hover ul ul,
ul#mainMenu li:hover ul ul ul,
ul#mainMenu li.iehover ul ul,
ul#mainMenu li.iehover ul ul ul {
  display: none;
}

ul#mainMenu li:hover ul,
ul#mainMenu ul li:hover ul,
ul#mainMenu ul ul li:hover ul,
ul#mainMenu li.iehover ul,
ul#mainMenu ul li.iehover ul,
ul#mainMenu ul ul li.iehover ul {
  display: block;
}


.borderStyle{
	width:200px !important;
	display:table;
	padding:5px 0px;
	margin:0px;
	border:2px solid #E4E4E4;
	/*background:#F7F7F7;
	filter:alpha(opacity=90);
	opacity:0.90;*/
	background:url(../images/drop.png) left top repeat-y;
	float:left;
	height:auto;
}