/**
 * navigation styles
 */
#nav, #nav ul {padding:0; margin:0; list-style:none;}
 #nav a {display:block; text-decoration:none;}
 #nav li {float:left;}
  #nav li ul {position:absolute; left:-999em;}
  #nav li:hover ul, #nav li.sfhover ul {left:auto; margin-top:-1px;}
  #nav li ul {width:213px;}
   #nav li ul li {clear:both;}
    #nav li ul li a {display:block;}
    /*
    	these are the classes that control the buttons that appear in the links

    	to change the buttons that appear you will need to add a class in the html to the link
    	and declare it here for it's normal state and it's hover state

    	eg change .navBtn to whatever you named your class in the html and change button.gif to
    	the button for the normal state and button-hover.gif to the button for the hover state.

    	You need a separate class for each drop down item.
     */
    #nav li ul li a.navsim {background:transparent url('../images/btnsim.gif') no-repeat; width:186px; height:27px;}
    #nav li ul li a.navsim:hover {background:transparent url('../images/btnsim2.gif') no-repeat;}

    #nav li ul li a.navhik {background:transparent url('../images/btnhik.gif') no-repeat; width:186px; height:27px;}
    #nav li ul li a.navhik:hover {background:transparent url('../images/btnhik2.gif') no-repeat;}

    #nav li ul li a.navhik2 {background:transparent url('../images/btnhikbik.gif') no-repeat; width:186px; height:27px;}
    #nav li ul li a.navhik2:hover {background:transparent url('../images/btnhikbik2.gif') no-repeat;}

    #nav li ul li a.navpho {background:transparent url('../images/btnpho.gif') no-repeat; width:186px; height:27px;}
    #nav li ul li a.navpho:hover {background:transparent url('../images/btnpho2.gif') no-repeat;}

    #nav li ul li a.navhis {background:transparent url('../images/btnhis.gif') no-repeat; width:186px; height:27px;}
    #nav li ul li a.navhis:hover {background:transparent url('../images/btnhis2.gif') no-repeat;}

    #nav li ul li a.navgol {background:transparent url('../images/btngol.gif') no-repeat; width:186px; height:27px;}
    #nav li ul li a.navgol:hover {background:transparent url('../images/btngol2.gif') no-repeat;}

    #nav li ul li a.navmin {background:transparent url('../images/btnmin.gif') no-repeat; width:186px; height:27px;}
    #nav li ul li a.navmin:hover {background:transparent url('../images/btnmin2.gif') no-repeat;}

    #nav li ul li a.navadr {background:transparent url('../images/btnadr.gif') no-repeat; width:186px; height:27px;}
    #nav li ul li a.navadr:hover {background:transparent url('../images/btnadr2.gif') no-repeat;}

    #nav li ul li a.navadv {background:transparent url('../images/btnadv.gif') no-repeat; width:186px; height:27px;}
    #nav li ul li a.navadv:hover {background:transparent url('../images/btnadv2.gif') no-repeat;}

    #nav li ul li a.naveas {background:transparent url('../images/btneas.gif') no-repeat; width:186px; height:27px;}
    #nav li ul li a.naveas:hover {background:transparent url('../images/btneas2.gif') no-repeat;}

    #nav li ul li a.navspe {background:transparent url('../images/btnspe.gif') no-repeat; width:186px; height:27px;}
    #nav li ul li a.navspe:hover {background:transparent url('../images/btnspe2.gif') no-repeat;}