/* Start Main Navigation */
div#navbar2 {
height: 32px;
width: 100%;
margin-top: 3px;
padding: 0;
border-top: solid #FFFFFF 1px;
border-bottom: solid #FFFFFF 1px;
background-color: #F5F5F5;
text-align: center;
}
div#navbar2 ul {
margin: 7px 0 0 5px;
padding: 0;
font: normal 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: #000000;
}
/* 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.75em Arial, Helvetica, sans-serif;
text-decoration: none;
margin: 0;
padding: 5px;
color: #FFFFFF;
}
ul.hdrnav li a:hover {
font: bold 0.75em Arial, Helvetica, sans-serif;
text-decoration: none;
color: #FF6E1F;
}
/* End Header Navigation */
/* Start Footer Navigation */
ul.ftrnav {
margin: 0;
padding: 10px 10px 5px 10px;
list-style-type: none;
text-align: center;
}
ul.ftrnav li { display: inline; }
ul.ftrnav li a {
font: bold 0.75em Arial, Helvetica, sans-serif;
text-decoration: none;
padding: 10px;
color: #FFFFFF;
}
ul.ftrnav li a:hover {
font: bold 0.75em Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000000;
}
/* End Footer Navigation */
/* Start Vert Navigation */
div#menu {
z-index:1000;
font: normal 13px Arial, Helvetica, sans-serif;
padding: 0 4px 10px 0; 
margin: 0 10px 0 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:172px;
}
/* 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:#000000;
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:13px;}
/* style the links */
div#menu a, div#menu a:visited {
display:block; 
text-decoration:none;
height:22px;
line-height:22px;
width:171px;
color:#ffffff;
text-align:left;
text-indent:10px;
border-top: 1px solid #BEBEBE;
border-bottom: 1px solid #000000;
border-left: 1px solid #BEBEBE;
border-right: 1px solid #000000;
}
/* hack for IE5.5 */
* html div#menu a, * html div#menu a:visited {background:#C41212; width:172px; w\idth:171px;}
/* style the link hover */
* html div#menu a:hover {color:#FFFFFF; background:#00BC00;}
div#menu :hover > a {
color:#FFFFFF; 
background:#00BC00;
border-top: 1px solid #000000;
border-bottom: 1px solid #BEBEBE;
border-left: 1px solid #000000;
border-right: 1px solid #BEBEBE;
}
/* 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:172px; 
}
/* 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 */
.buttonscontainer {
width: 90px;
}
.buttons a {
color: #FFFFFF;
border: 1px solid;
background-color: #00CC00;
padding: 2px;
padding-left: 1px;
font: 14px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
border-color: #00FF00 #005800 #005800 #00FF00;
display: block;
margin: 0px;
width: 100%;
text-align: center;
}
.buttons a:hover {
border: 1px solid;
padding-left: 2px;
padding-top: 3px;
padding-bottom: 1px;
padding-right: 1px;
background-color: #00BC00;
border-color: #005800 #00FF00 #00FF00 #005800;
color: #FFFFFF;
text-decoration: none;
}