body   { color: #000000; font-family: Arial; background: white url(graphics/blue_side_bar.jpg) repeat-y; margin: 0px }

.header  { 
/*position of header including banner*/
margin-top: 16px; 
margin-left: 8px 
} 

.main_text_box      { color: #000000; font-family: Arial, Verdana, Eyechart, Geneva, Helvetica, sans-serif; background: #ffffff url(graphics/background_image.jpg) no-repeat center 80px; margin-top: -86px; margin-left: 150px; padding: 5px; border: solid 0.1px #ffffff; width: 640px; height: 500px }

.menubar      { text-align: center; position: absolute; top: 140px; left: 8px }         

.table_cell      { td valign: top; width: 80; bgcolor: #ffefd5; align: center }

.footer {
/*footer box at bottom of page*/
background: #d6d6d6;
color : #000000;
font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-size: 12px;
padding : 2px;
margin: 2px;
border-color : #000000;
border-style : groove;
border-width : 1px;
}
h1   { color: maroon; font-weight: bold; font-size: large; font-family: arial }

h2 {
/*settings of text type 'header 2'*/
color: #000000;
font-weight: bold;
font-size: medium;
font-family: arial
}

h3    { color: black; font-weight: normal; font-size: small; font-family: arial }


h4   { color: maroon; font-style: normal; font-weight: normal; font-size: ; font-family: arial; text-decoration: none }

/*main menu box section*/

.navbox  { font-weight: 500; font-size: 14px; line-height: 16px; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; background-color: #d6d6d6; margin: 2px 1px; padding: 2px; border-style: solid; border-width: 0 1px 1px 0; border-color: #000000; width: 125px }

a.nav  { color: #000000; text-decoration: none; background-color: transparent; display: block; border-top: #d3d3d3; width: 105px }

a.nav:visited  { color: black; text-decoration: none; background-color: transparent; display: block; width: 105px }

a.nav:hover {
background: #c0c0c0;
color: #000000;
display: block;
text-decoration: none;
width: 105px;
}


/*submenu box section*/

.navbox2  { font-size: 12px; line-height: 16px; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; background-color: #c0c0c0; margin: 2px 1px 2px 16px; padding: 2px; border-style: solid; border-width: 0 1px 1px 0; border-color: #000000; width: 110px; button: 500 }

a.nav2 {
/*colours for unvisited links in sub menu boxes*/
background: transparent;
color: #000000;
display: block;
text-decoration: none;
width: 90px;
}

a.nav2:visited  { color: black; text-decoration: none; background-color: transparent; display: block; width: 90px }

a.nav2:hover {
background: #d6d6d6;
color: #000000;
display: block;
text-decoration: none;
width: 90px;
}

/*these are the pop-up notes for the menu*/

a.nav span {display: none;}

a.nav:hover span {
display: block;
position: absolute; 
top: 300px; 
left: 8px; 
width: 100px;
padding: 6px; 
z-index: 100;
color: #000000; 
background: #D6d6d6;
font: 12px Arial, Verdana, sans-serif;
border-color: #000000;
border-width: 0px 1px 1px 0px;
border-style: solid;
}