/* Main Nav with using of JavaScript */
#navbox {margin-bottom:10px;}
#nav, #nav ul {padding:0;margin:0;width:auto;border:dotted 1px #b0b0b0; border-bottom:0} 
#nav li {margin:0;padding:0;list-style-type:none;width:auto;border-bottom:dotted 1px #b0b0b0;background:#ffffcc} 
#nav li span.firstnavc {color:#333; display:block; padding:3px;background:#ffffcc url(/img/dotted/arrows.gif) no-repeat right 0px;cursor:pointer}
#nav li span.firstnavo {color:#333; display:block; padding:3px;background:#fff url(/img/dotted/arrows.gif) no-repeat right -21px;cursor:pointer}
#nav li:hover span.firstnavc, #nav li.sfhover span.firstnavc {background:#fff url(/img/dotted/arrows.gif) no-repeat right 0px;}

#nav a {color:#333; text-decoration:none;display:block;padding:3px;}
#nav a:visited {background-color:#ffffcc}
#nav a:focus {background-color:#fff}
#nav a:hover {background-color:#fff}
/* second-level lists */
#nav li ul.secondnavc {margin:0;padding:0;display:none; border:none;}
#nav li ul.secondnavo {margin:0;padding:0;display:block; border:none;}
#nav li li {padding:0;margin:0;border-bottom:solid 1px #FFFFCC;border-top:dotted 1px #b0b0b0;}
#nav li li.sfhover  {border-bottom:solid 1px #fff;}
#nav li li a, #nav li li a:visited, #nav li li a:hover {text-decoration:none;padding-left:20px;padding-bottom:2px;}
/* END Nav*/