.MainNav
{
 margin-left:-40px;

}


.MainNav ul
{

  margin-top:8px;
 *padding-left:8px;
}

.MainNav li
{

   font:bold 14px Arial, Helvetica;
   display:inline;


}

.MainNav a
{

 display:inline-block;
 color:black;
 text-decoration:none;
 text-align:center;
 /* margin-right:10px; */
 margin-top:0px;
 vertical-align:middle;
 width:100px;
 height:36px;
 margin-bottom:0px;
 line-height:255%;
 *margin-left:-8px;

}






.MainNav a:hover
{
  /* background-color:#ff0000; */
   background-image:url("../img/design/NavHoverBG.png");
   background-repeat:repeat;
   background-position:0px 0px ;
 margin-top:0px;
 vertical-align:middle;
line-height:255%;
}



.subMegaBlock{
position: absolute;
display: none;
left: 0px;
top: 45px;
width:600px;
height:220px;

padding:0px;
font: normal 10px Arial;
z-index: 10000;
background-image:url("../img/design/subBlock-trans.png");
background-repeat:no-repeat;

}



.subMegaBlock ul
{



  display:inline-block;
 margin-left:-10px;

  vertical-align:top;

  /* IE 6 and 7 hack/fix to enable IE's hasLayout and display item as inline-block */


  zoom:1;
  *display:inline;
  _height:220px;
  *margin-top:15px;
  *margin-right:25px;
  *margin-left:10px;
  /* --- end IE fix ---    */
}


.subMegaBlock li
{

  list-style-type:none;


}

a.menulinks
{


 font:normal 11px Arial, Helvetica, san-serf;
 color:#BBCADC;

 text-decoration:underline;
 text-align:left;
 display:block;

 width:135px;

height:20px;

line-height:20px;

white-space: nowrap;

 left:0px;
 margin:0px;
 vertical-align:baseline;

  line-height:20px;

}

a.menulinks:hover
{
 line-height:20px;
 background-image:none;
}



.MainNav img
{

 margin-top:-1px;

margin-left:-6px;
margin-right:-4px;
padding:0px;

 vertical-align:middle;

}