#banner-bar
{
    display:block;
    position:relative;
}

/***********----------------------------------------------------------------- DROPDOWN MENUS **********/
#nav, #nav ul { margin-left:-25px; clear: both; background-color:#5c5d14; width:885px; height:60px; padding:20px 40px 0 65px; z-index:1000; }

/* ------------------------------------------- [ 670d0d ] -------- */

#nav li { float:left; padding:0 20px; }

#nav li a { text-decoration:none; font-size:11px;font-weight:bold; color:#FFF; }
#nav li a:hover { text-decoration:none; font-size:11px; }
#nav li em{margin:0 0 0 10px;font-size:14px; font-style:italic;}



#nav li ul.second { position: absolute; padding: 0; width:200px; left: -999em; background-color: #5c5d14; }
li.seconditem { width: 200px; background-color:#5c5d14; float:left; }
li.seconditem:hover { width: 200px; background-color:#FFF; visibility: visible; }

#nav li ul.third { position: absolute; padding: 0; width:200px; left: -999em; background-color: #5c5d14; }
li.thirditem { width: 200px; background-color:#5c5d14; float:left; }
li.thirditem:hover { width: 200px; background-color:#FFF; visibility: visible; }

#nav li ul.fourth { position: absolute; padding: 0; width:200px; left: -999em; background-color: #5c5d14; }
li.fourthitem { width: 200px; background-color:#5c5d14; float:left; }
li.fourthitem:hover { width: 200px; background-color:#FFF; visibility: visible; }

#nav li ul.fifth { position: absolute; padding: 0; width:200px; left: -999em; background-color: #5c5d14; }
li.fifthitem { width: 200px; background-color:#5c5d14; float:left; }
li.fifthitem:hover { width: 200px; background-color:#FFF; visibility: visible; }

#nav li ul.sixth { position: absolute; padding: 0; width:200px; left: -999em; background-color: #5c5d14; }
li.sixthitem { width: 200px; background-color:#5c5d14; float:left; }
li.sixthitem:hover { width: 200px; background-color:#FFF; visibility: visible; }




#nav li ul a { display: block; width:  auto; color: #FFF; text-decoration: none; padding: 10px 10px 10px 20px; margin:0 0 0 0px; }
#nav li ul a:hover { display: block; width:  auto; color: #5c5d14; text-decoration: none; padding: 10px 10px 10px 20px; margin:0 0 0 0px; }

#nav li:hover ul { left: auto; padding: 0; margin:0 0 0 0px; }
#nav li:hover ul, #nav li.sfhover ul { padding: 0; margin:0 0 0 0px; }




/*-- Buttons --*/
#hea-classes { width:135px;	height:45px; display:block;font-size:15px!important;margin-left:19px; }
#shop { width:143px; height:45px; display:block;font-size:15px!important;margin-left:19px; }
#news { width:142px;height:45px;  display:block;font-size:15px!important;margin-left:19px;  }
#happily-team { width:177px; height:45px; display:block;font-size:15px!important;margin-left:19px;}
#teacher-training { width:202px; height:45px;font-size:15px!important; }


#twitter { width:111px; height:43px; text-indent:-5000px; display:block; background: transparent url(../images/home/hea-on-twitter.png) 0 0 no-repeat; }
#twitter:hover { background:url(../images/home/hea-on-twitter.png) 0 -41px no-repeat; }

#facebook { width:126px; height:43px; text-indent:-5000px; display:block; background: transparent url(../images/home/hea-on-facebook.png) 0 0 no-repeat; }
#facebook:hover { background:url(../images/home/hea-on-facebook.png) 0 -41px no-repeat; }