body {
  padding: 52px 0 20px;
  background-color: #ccffff;
}
#container {
  margin: 0 0px 0 30px;
  width: 800px;
}
#header {
  height: 155px;
  width: 800px;
  position: relative;
}
#mainmenu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: medium;
  top: 0px;
  font-style: normal;
  font-family: "Trebuchet MS","Lucida Sans Unicode","Verdana","Arial",sans-serif;
  font-size-adjust: none;
  list-style-image: none;
  font-weight: bold;
  font-variant: normal;
  font-stretch: normal;
  left: 0px;
  list-style-position: inside;
  position: absolute;
  height: 30px;
}
#mainmenu li {
  margin: 0;
  padding: 0;
  left: 0px;
  float: left;
  position: relative;
  display: inline;
  list-style-type: none;
  line-height: 30px;
  list-style-position: inside;
}
#mainmenu li a {
  padding: 0px 10px;
  display: block;
  float: left;
  margin: 0;
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  border-left: 1px solid #ccffff; 
  border-top: 1px solid #ccffff;
  border-right: 1px solid #ccffff; 
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  box-shadow: 7px 7px 3px #667f7f;
  cursor: pointer; cursor: hand;
}
#mainmenu li ul {
  margin: 0;
  padding: 0;
  left: 0;
  position: absolute;
  visibility: hidden;
  top: 30px;
}
/* Make the second level visible when hover on first level list 
 * The .sfhover stuff is a javascript solution for IE6 ...
 * The cursor: pointer; cursor hand; is a cross browser 
 * setting which also does it for IE6 ...
 */
#mainmenu li:hover ul, #mainmenu li.sfhover ul {
  visibility: visible;
  cursor: pointer; cursor: hand;
  z-index: 100;
}
#mainmenu li a:link, #mainmenu li a:visited {
  background: #016994 none repeat scroll 0% 50%;
  color: #ffffff;
}
#mainmenu li a:hover {
  border-left: 1px solid #667f7f; 
  border-top: 1px solid #667f7f;
  border-right: 1px solid #667f7f; 
}
#mainmenu li a:active, #mainmenu li a:focus {
  background: #ffffff none repeat scroll 0% 50%;
  color: #016994;
}
#mainmenu li.active a:link, #mainmenu li.active a:visited {
  background: #aad9ed none repeat scroll 0% 50%;
  color: #016994;
}
#header-text {
  margin: 0px;
  background-repeat: no-repeat;
  height: 125px;
  background-image: url(pix/bg-header.gif);
  top: 30px;
  position: relative;
}
#header-text p {
  left: 125px;
  font-size: 30pt;
  font-style: normal;
  font-weight: bold;
  position: absolute;
  font-family: "Trebuchet MS","Lucida Sans Unicode","Verdana","Arial",sans-serif;
  color: darkblue;
  font-stretch: normal;
  font-size-adjust: none;
  font-variant: normal;
  line-height: normal;
  margin-top: 35px;
}
#content {
  float: left;
  width: 800px;
  position: relative;
}
#menu {
  margin-left: 840px;
  position: fixed;
  width: 300px;
}
#mozToc li {
  list-style-type: none;
  list-style-position: inside;
}