BODY
{font-family: verdana, tahoma, arial, sans-serif;
font-size: 10pt;
margin: 0px;
margin-left: 3px;
margin-right: 3px;
padding: 0px;}

P
{padding-left: 10px;
margin: 0px;
}

H1
{font-size: 16pt;
font-weight: bold;
padding-top: 15px;
margin: 0;}

H2
{font-size: 24pt;
font-weight: bold;
color: red;
padding-top: 15px;
margin: 0;}

H3
{font-size: 16pt;
font-weight: bold;
padding-top: 15px;
margin: 0;}

/* This is the main menu title text. It is a table with one row and has the main menu items */
table.navbar
{font-size: 10pt;
width: 1000px;
margin: 0px;
padding: 0px; 
border: 0px; 
font-weight: bold;}

/* This is the item texts of the main menu. */
table.menu
{font-size: 10pt;
width: 150px;
margin: 0px;
padding: 0px;
font-weight: bold;}

/* padding is the space between the down arrow and the text. */
/* Background image is the down arrow bit map. */
td.menuNormal
{display: block;
width: 145px;
float: left;
border: 2px solid #00ffff;
padding-left: 15px;
margin: 0px;
color: navy;
font-weight: normal;
background-image: url('DownArrow.bmp');
background-repeat: no-repeat;
background-position: left center;
}

td.menuHover
{display: block;
border: 2px solid #8E35EF;
width: 145px;
float: left;
padding-left: 5px;
color: black;
font-weight: bold;
vertical-align: top;
background-color: #00ffff;
}

/* div is the border around the drop down list */
div.menuNormal
{display: none;
position: static;
border: 2px;
}

div.menuHover
{background-color: #00ffff;
display: inline;
border: 2px;
position: absolute;
}

/* a is the individual menu items */
/* link make the white grid around the menu items */
a.menuitem:link
{text-decoration: none;
color: black;
background-color: white;
display: block;}

/* visited can change how the menu item looks after visited, here there is no change */
a.menuitem:visited
{text-decoration: none;
color: black;
background-color: white;
display: block;}

/* hover causes the hovered item to change color */
a.menuitem:hover
{text-decoration: none;
color: white;
font-weight: bold;
background-color: #8E35EF;
display: block;}

/* active */
a.menuitem:active
{text-decoration: none;
color: black;
background-color: #00ffff;
display: block;}

#instructions
{float: right;
margin-right: 15px;
}

#changes
{background-color: #808080;
width: 60%;
}