/* CSS Document */ 

#menu {padding-left: 15px; padding-top: 5px; height:120px; padding-bottom: 5px } 

#menu ul {list-style: none;margin: 0;padding: 0;width: 50px; } 

#menu a, #menu h2 {font-family: verdana, Arial;color: #fff;display: block;margin: 0;padding: 2px 2px 2px 2px;font-weight: normal;} 

html>body #menu a { border-bottom: 1px solid transparent; padding: 2px 2px 2px 2px; font-size: 11px;} 

#menu h2 {color: #000;text-transform: uppercase;} 

#menu a {color: #E6078F;text-decoration:none;} 

#menu a:hover {color: #E6078F; border-bottom: 1px solid #E6078F;padding: 2px 2px 2px 2px; } 

#menu li {position: relative; font-family: verdana, Arial;} 

#menu li.firstNav {top: 0px; width: 39px} 
#menu li.secondNav {top: -20px; left: 66px; width: 124px; } 
#menu li.thirdNav {top: -37px; left: 210px; width: 95px; font: normal 11px verdana}  
#menu li.thirdNav .thirdBorder {width: 132px;} 
#menu li.fourthNav {top: -64px; left: 434px; width: 95px;font: normal 11px verdana} 
#menu li.fourthNav .fourthBorder{width: 88px;}
#menu li.fifthNav {top: -77px; left: 627px; width: 108px;font: normal 11px verdana} 
#menu li.fifthNav .fifthBorder{width: 130px;} 

#menu ul ul ul {position:absolute; top: 0; left: 100%; width: 100%;} 

div#menu ul ul ul, 
div#menu ul ul li:hover ul ul {}

div#menu ul ul li:hover ul, 
div#menu ul ul ul li:hover ul {display: block;} 

div#menu ul ul li ul li a {border-left: 1px solid #333;padding: 2px 2px 2px 2px; } 

html>body div#menu ul ul li ul li a { border-bottom: 1px solid transparent; padding: 2px 2px 2px 2px;} 

html>body div#menu ul ul li ul li a:hover { border-bottom: 1px solid #E6078F; padding: 2px 2px 2px 2px;} 
        
img {border: 0px}