#menu {
  border-bottom : 1px solid #eee;
  margin: 0;
  padding-bottom : 19px;
  padding-left : 10px;
}

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

  
#menu a:link, #menu a:visited {
  background : #B4B2B2;
  border : 1px solid #ccc;
  color : #666;
  float : left;
  font-size : 11px;
  font-weight : normal;
  line-height : 14px;
  margin-right : 8px;
  padding : 2px 10px 2px 10px;
  text-decoration : none;
}

#menu a:link.active, #menu a:visited.active {
  background : #fff;
  border-bottom : 1px solid #fff;
  color : #000;
}

#menu a:hover {
  color : #fff;
}

  
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 {
  background : #eee;
  border-bottom : 1px solid #eee;
  color : #000;
}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4 {
  display : none;
  width: 90%;
}

body.section-1 #menu ul#subnav-1, 
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4 {
  display : inline;
  left : 10px;
  position : absolute;
  top : 95px;
}

body.section-1 #menu ul#subnav-1 a, 
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a {
  background : #fff;
  border : none;
  border-left : 1px solid #ccc;
  color : #999;
  font-size : smaller;
  font-weight : bold;
  line-height : 10px;
  margin-right : 4px;
  padding : 2px 10px 2px 10px;
  text-decoration : none;
}

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

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