/* Start Main Navigation */
div#navbar2 {
height: 35px;
width: 100%;
margin-top: 4px;
padding: 0;
border-top: solid #ffffff 1px;
border-bottom: solid #ffffff 1px;
background-color: #F5F5F5;
text-align: center;
background-image: url(navback.jpg); 
background-repeat: repeat-x;
}
div#navbar2 ul {
margin: 8px 0 0 5px;
padding: 0;
font: 1em Arial, Helvetica, sans-serif;
color: #000000; 
line-height: normal;
white-space: nowrap;
}
div#navbar2 li {
list-style-type: none;
display: inline;
}
div#navbar2 li a {
text-decoration: none;
padding: 4px 8px 4px 8px;
color: #000000;
}
div#navbar2 li a:visited {
color: #000000;
}
div#navbar2 li a:hover {
color: #ffffff;
background-color: #01d000;
}
/* End Main Navigation */
/* Start Header Navigation */
ul.hdrnav {
margin-top: 5px;
margin-right: 20px;
padding: 0;
list-style-type: none;
text-align: right;
}
ul.hdrnav li { display: inline; }
ul.hdrnav li a {
font: bold 0.7em Arial, Helvetica, sans-serif;
text-decoration: none;
margin: 0;
padding: 5px;
color: #FFFFFF;
}
ul.hdrnav li a:hover {
font: bold 0.7em Arial, Helvetica, sans-serif;
text-decoration: none;
color: #00ff00;
}
/* End Header Navigation */
/* Start Footer Navigation */
ul.ftrnav {
margin: 0;
padding: 10px;
list-style-type: none;
text-align: center;
}
ul.ftrnav li { display: inline; }
ul.ftrnav li a {
font: bold 0.7em Arial, Helvetica, sans-serif;
text-decoration: none;
padding: 10px;
color: #FFFFFF;
}
ul.ftrnav li a:hover {
font: bold 0.7em Arial, Helvetica, sans-serif;
text-decoration: none;
color: #00ff00;
}
/* End Footer Navigation */
/* Start Vert Navigation */
div#menu {
z-index:1000;
font: bold 0.8em Arial, Helvetica, sans-serif;
padding: 0 0 10px 0; 
margin: 0 12px 7px 0; 
float: right;
}
/* remove all the bullets, borders and padding from the default list styling */
div#menu ul {
padding: 0;
margin: 0;
list-style-type:none;
width:175px;
}
/* hack for IE5.5 */
* html div#menu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
div#menu li {
position:relative;
background: #00152a;
height:24px;
float: left;
}
/* get rid of the table */
div#menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size: 0.8em;}
/* style the links */
div#menu a, div#menu a:visited {
display:block; 
text-decoration:none;
height:22px;
line-height:22px;
width:174px;
color:#ffffff;
text-align:left;
text-indent:10px;
border: 0;
}
/* hack for IE5.5 */
* html div#menu a, * html div#menu a:visited {background:#C41212; width:175px; w\idth:174px;}
/* style the link hover */
* html div#menu a:hover {color:#FFFFFF; background:#01d000;}
div#menu :hover > a {
color:#FFFFFF; 
background:#01d000;
border: 0;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
div#menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:175px; 
}
/* make the second level visible when hover on first level list OR link */
div#menu ul li:hover ul,
div#menu ul a:hover ul {
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
div#menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
div#menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
div#menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
div#menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
<!--[if IE 7]>
div#menu li {float:left;}
<![endif]-->
/* End Vert Navigation */