body { background-color: #FFFFFF;
font-family: Helvetica,Arial,sans-serif;
font-size: medium;
color:black;
margin:0px;
top:0px;
padding-bottom:20px;
}

.header { position: absolute;
left: 0px;
width: 100%;
height:105px;
background:#FFFFFF;
border-bottom:1px solid black;
}

#mainbody { position: absolute;
left: 25%;
width: 55%;
top: 150px;
background:#FFFFFF;
border:0px solid black;
padding-bottom: 20px;
}

#menu { position:fixed;
top:120px;
left: 0px;
width:20%;
padding-left: 5%;
background:#FFFFFF;
color:002EB8;
text-align: left;
line-height: 170%;
}

/*
 *  We use this to make the vertical bars that appear between menu
 *  items on non-CSS browsers invisible on CSS browsers.
 *
 */

.invisible {

  display:        none;          /* hide on browsers that render CSS      */
}


.menuitem { width:20%;
padding-left:5%;
display:        block;         /* forces line breaks between items       */
background:#FFFFFF;
color:brown;
font-size:medium;
font-family: Helvetica, Arial, sans-serif;
text-align: left;
line-height: 170%;
}

#searchbox  { position:fixed;
top:150px;
margin-left:80%;
width: 20%;
padding-right: 5%;
background:#FFFFFF;
color:002EB8;
text-align: left;
}

.footer { width:100%;
text-align:center;
padding:1px;
background:#FFFFFF;
color:black;
border-top:1px solid black;
bottom:0;
}