body { 
background-color: white;
font-family: Comic Sans MS;
font-size: small;
color:#003399;
margin:20px;
padding-bottom:20px;
scrollbar-face-color:white;
scrollbar-highlight-color:red;
scrollbar-3dlight-color:orange;
scrollbar-darkshadow-color:brown;
scrollbar-shadow-color:pink;
scrollbar-arrow-color:red;
scrollbar-track-color:ivory;
}
p {
font-family:Comic Sans MS;
font-size:small;
margin:0px;
}
li {
font-family:Comic Sans MS;
font-size:small;
margin-left:15px;
}

#bar { 
position:absolute;
left:0px;
top:0px;
width:100%;
background-color: white;
text-align:center;
}

#bar h1 {
font-family:Comic Sans MS;
font-style:italic;
font-size:x-large;
font-weight:bold;
margin:10px;
}
#bar h2 {
font-family:Comic Sans MS;
font-style:italic;
font-weight:bold;
font-size:large;
margin:10px;
}

a { font-family:Comic Sans MS;
font-size:small;
background-color:white;
color:#003399;
font-weight:bold;
vertical-align:text-bottom;
}

a:hover { font-family:Comic Sans MS;
font-size:small;
background-color:#15fffe;
color:darkblue;
font-style:italic;
}


.note {
width:130px;
font-family:Comic Sans MS;
font-size:small;
background-color:white;
color:#003399;
font-weight:bold;
vertical-align:center;
text-align:left;
}
.note p {
width:130px;
font-family:Comic Sans MS;
font-size:small;
background-color:white;
color:#003399;
font-weight:bold;
font-style:italic;
vertical-align:center;
text-align:left;
}


.header { height:160px;
background:antiquewhite;
border:1px solid brown;
}

#mainbody { margin-left:150px;
padding-top:100px;
padding-right:20px;
padding-bottom:5px;
padding-left:20px;
background:white;
min-height:250px;
}

#menu { 
position:absolute;
top:100px;
left:0px;
width:150px;
background:white;
color:brown;
border:0px solid #003399;
text-align: center;
}

.menuitem { width:140px;
background:white;
color:brown;
font-size:small;
border:3px solid #003399 ;
text-align: center;
}

.menuhead { left: 0px;
width:135px;
background:cornsilk ;
color:brown;
border:3px solid cornsilk ;
text-align: center;
font-weight:bold;
font-size:small;
}

.footer { 
width:100%;
text-align:center;
margin-top:5px;
padding:1px;
background:white;
color:#003399;
border:1px solid #003399;
}


.heading { 
font-family:Comic Sans MS;
font-size:large;
background-color:yellow;
color:brown;
font-weight:bold;
text-align: center}

.buttonscontainer {width: 140px;}

.buttons a {
color: white;
background-color: #003399;
padding: 5px;
padding-left: 3px;
min-height:30px;
display: block;
border-left: 10px solid black;
font-family: Comic Sans MS;
font-size:small;
font-weight: bold;
text-decoration: none;
text-align: left;
margin-top: 10px;
margin-bottom:10px}


.buttons a:hover {
border-left: 10px solid red;
background-color:#a5fffe;
font-style:italic;
font-size:small;
text-decoration: none;
color: darkblue;}

.smallbuttons a {color: white;
background-color: #003399;
padding: 5px;
padding-left: 3px;
display: block;
border-left: 10px solid black;
font-family: Comic Sans MS;
font-size:small;
font-weight: bold;
text-decoration: none;
text-align: left;
margin-top: 2px;
margin-bottom:2px}

.smallbuttons a:hover {
border-left: 10px solid red;
background-color:#15fffe;
font-style:italic;
text-decoration: none;
color: darkblue;}