#menu {
border-bottom : 1px solid #ccc;
margin : 0;
padding-bottom : 24px;/*padding-bottom : 19px;*/
padding-left : 20px;
margin-bottom: 10px;
width: 100%;
position: relative;;
bottom: 0;
}

#menu ul, #menu li{
display : inline;
list-style-type : none;
margin : 0;
padding : 0;

}


#menu a:link, #menu a:visited{
background : #ddd;
margin:0;
bottom: 0;
border : 1px solid #bbb;
border-bottom: 1px solid #ddd;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;

-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
height:14px;

color : #666;
float : left;
font-size : 1.1em;
font-weight : normal;
line-height : 1.3em;
margin-right : 8px;
padding : 2px 10px 2px 10px;

text-decoration : none;
padding-bottom: 7px;
}

#menu a:link.active, #menu a:visited.active{
position: relative;
bottom:0;;
background : #fff;
border-bottom : 2px solid #fff;
color : #000;
color: #5D7CBA;
color: #002277;
/*below is relatively new */
padding-bottom: 7px;
font-weight: 800;
font-size: 1.3em;
line-height: 1.1em;

}

#menu a:hover{
color : #f00;

}


body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a, 
body.section-3 #menu li#nav-3 a, 
body.section-4 #menu li#nav-4 a,
body.section-5 #menu li#nav-5 a,
body.section-6 #menu li#nav-6 a {
background : #fff;
border-bottom : 1px solid #fff;
color : #000;

}

 #menu ul a:hover {
 color : #f00 !important;
}

#contents {
background : #fff;
border : 1px solid #ccc;
border-top : none;
clear : both;
margin : 0px;
padding : 15px;

}

#menu li { float: left; }