/*set a vertical length on it so that the image did not go under the banner or table. so it is in the center of the page.*/
body { color: #000066; font-size: 10pt; font-family: "Goudy Old Style", "Century Schoolbook", "Hoefler Text", Times, serif; background: url(logo.jpg) no-repeat fixed center 3.5cm; text-decoration: none; text-align: left; border-width: 12px; }
p { color: #000066; font-size: 10pt; font-family: "Goudy Old Style", "Century Schoolbook", "Hoefler Text", Times, serif; }
.update  /* positioning and formatting for the 'last updated' piece */ { color: #000066; font-size: 8pt; font-family: "Century Schoolbook", "Hoefler Text", Times, serif; text-align: right; position: absolute; right: 12px; float: right; }
h1, h2, h3 { color: #003399; font-family: Helvetica, Arial, Verdana, Geneva, "sans serif"; font-weight: bold; font-style: normal; line-height: normal; text-decoration: none; margin: 0.67em 0; }
h1 { font-size: 16pt; font-weight: bold; margin: 0.67em 0; }
h2 { font-size: 14pt; font-weight: bold; margin: 0.83em 0; }
h3 { font-size: 12pt; font-weight: bold; margin: 1em 0; }
a { color: #990000; font-size: 10pt; font-weight: normal; font-style: normal; line-height: normal; text-decoration: none; }
a:link { color: #990000; font-size: 10pt; font-weight: normal; font-style: normal; line-height: normal; text-decoration: none; }
a:visited { color: #600; font-size: 10pt; font-weight: normal; font-style: normal; line-height: normal; text-decoration: none; }
a:hover { color: #cc0000; font-size: 10pt; font-weight: normal; font-style: normal; line-height: normal; text-decoration: none; }
a:active { color: #900; font-size: 10pt; font-weight: normal; font-style: normal; line-height: normal; text-decoration: none; }
.nav { font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: normal; text-decoration: none; }
.thumbbar  /* Thumbnail bars on gallerys. use div class='thumbbar' */ { position: absolute; left: 0; width: 120px; height: 600px; z-index: 2; overflow: scroll; float: left; }
.gallerypic { position: absolute; left: 150px; z-index: 0; }
.gallery  /*  unused? This style is for a vertical list of thumbnails down the page  */ { line-height: 55px; text-align: left; width: 110px; visibility: visible; z-index: 0; float: left; border-style: solid; border-width: 1pt; }
/*(class . menu) is to keep the footer navigation bar at the bottom and center of the page with width of 100% and relative top 0*/
.menu { background-color: #e8e8e8; position: fixed; left: 200px; bottom: 5px; width: 100%; z-index: 1; float: left; max-width: 400px; }
/*margins of 12pt so that it doesnt hit directly to the sides of the window*/
.bodytext { font-size: 10pt; position: absolute; top: 121px; left: 0; z-index: 0; float: left; margin-right: 40pt; margin-left: 40pt; }
div { z-index: 1; }
.dropdown { position: absolute; width: 100%; z-index: 2; visibility: hidden; margin-top: 2pt; }
/*table is set to absolute so that it doesnt move off to the side so that it stays underneath the banner. */
 table { background-color: inherit; position: absolute; top: 100px; float: none; }
table.info { background-color: transparent; position: static; color: #000066; font-family: "Century Schoolbook", "Hoefler Text", Times, serif; font-size: 10pt;}
table.picture  /* for tables of pictures in bodytext divisions */ { position: absolute; left: 0; }
td { background-color: inherit; text-align: center; vertical-align: middle; }

/*(class .image) has a static position 2cm to the right of the page so that text can wrap instead of going under the picture. so dont use float. and it has a set size of 200x267 so that it fits in the */
.image { background-color: #039; position: static; right: 2cm; width: 200px; height: 267px; z-index: 0; visibility: visible; float: right; border-style: solid; border-width: 1pt; }
.label { color: #003; font: small-caps bold 10pt Helvetica, Arial, Verdana, Geneva, "sans serif"; text-decoration: none; text-align: left; vertical-align: text-top; }
/*the style .teacher has been added to format each division of teacher to take up the same amount of space.  The HR is between each div (class .teacher).*/
.teacher { color: #006; font-size: 10pt; font-weight: normal; font-style: normal; text-decoration: none; position: static; height: 276px; }
hr { width: 75%; }
/*(class .banner) is there for the small gradient underneath the table. so that it will stay right underneath it using absolute top to 121px*/
.banner { position: absolute; top: 121px; left: 0; float: none; }

/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
  
/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; visibility:hidden; background: url(photos/navbar.jpg);}

/*Styles for level 0*/
.clLevel0,.clLevel0over{ position:absolute; padding:4px; font-size:14px; font-family: "Goudy Old Style", "Century Schoolbook", "Hoefler Text", Times, serif; /*background: url(navbar.jpg);*/ }
 .clLevel0{ color:#660000; font-family: "Goudy Old Style", "Century Schoolbook", "Hoefler Text", Times, serif; }
 .clLevel0over{ color:blue; cursor:pointer; cursor:pointer; }
 .clLevel0border{position:absolute; visibility:hidden; } 

/*Styles for level 1*/
.clLevel1, .clLevel1over{ position:absolute; padding:2px; font-size:14px; font-family: "Goudy Old Style", "Century Schoolbook", "Hoefler Text", Times, serif; font-weight: lighter; }
.clLevel1{ background-color:navy; layer-background-color:Navy; color:#e6e6e6; font-family: "Goudy Old Style", "Century Schoolbook", "Hoefler Text", Times, serif; }
.clLevel1over{background-color:#039; layer-background-color:#336699; color:yellow; cursor:pointer; cursor:pointer; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}

/*Styles for level 2*/
.clLevel2, .clLevel2over{ position:absolute; padding:2px; font-size:12px; font-family: "Goudy Old Style", "Century Schoolbook", "Hoefler Text", Times, serif; font-weight: lighter; }
.clLevel2{background-color:Navy; layer-background-color:Navy; color:white;}
.clLevel2over{ layer-background-color:#0099cc; color:yellow; background-color: #039; cursor:pointer; cursor:pointer; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}