BODY {
	background-color: #99BBDD; /* 99BBDD pale gray-blue */
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 10px;
}

/**** TOPNAVTABLE *****
*
* This controls the very top navigation table.
*
*/

TABLE.topnavtable {
	width: 650px;
}

TABLE.topnavtable2 {
	float: right;
	text-align: right;
	font-family: verdana, arial, helvetica, sans-serif;
}

TD.topnav {
	font-size: 11px;	
	font-weight: bold;
	text-align: right;
	font-family: verdana, arial, helvetica, sans-serif;
}

TD.topnav A:link {
	text-decoration: none;
	color: #330033;
}

TD.topnav A:visited {
	text-decoration: none;
	color: #330033;
}

TD.topnav A:active {
	text-decoration: none;
	color: #330033;
}

TD.topnav A:hover {
	color:#996699;
	text-decoration: none;
}

/**** LOGOTABLE *****
*
* This controls the 2nd main section which contains the logo and search box.
*
*/

TABLE.logotable {
	background-image: url(graphics/background.jpg);
	border: solid 1px #330033;
	width: 650px;
}


/**** NAVTABLE *****
*
* This controls the 3rd main section which contains the main navigation controls.
*
*/

/* The menu bar showing the main course topic categories */
TABLE.navtable {
border-top: 0px solid #FFFFFF;
	border-left: 1px solid #330033;
	border-right: 1px solid #330033;
	font-family: verdana, arial, helvetica, sans-serif;
	width: 650px;
}

/* Sets the style of the menu bar words */
.nav {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #99CCFF;
	font-family: verdana, arial, helvetica, sans-serif;
	padding: 4px;
}

.nav A:link {
	color:#330033;
	text-decoration: none;
}

.nav A:visited {
	color:#330033;
	text-decoration: none;
}

.nav A:active {
	color:#330033;
	text-decoration: none;
}

.nav A:hover {
	color:#996699;
	text-decoration: none;
}

/* The drop down menu styles are defined here */
.dropdownnav {
   font-size: 11px;
   font-weight: bold;
   text-align: left;
   margin-top: 0px;
   padding-right: 0px;
}

.dropdownnav A:link {
   color: #330033;
   text-decoration: none;
}

.dropdownnav A:visited {
   color: #330033;
   text-decoration: none;
}

.dropdownnav A:active {
   color: #EEEEEE;
   text-decoration: none;
}

.dropdownnav A:hover {
   color: #996699;
   text-decoration: none;
}

/* navlayers - control the size and look of the drop down menus. */
#layer1 {
   position: absolute;
   left: 10px;
   top: 127px;
   width: 140px;
   z-index: 90;
   border: 1px solid #330033;
   background-color: #99CCFF;
   layer-background-color: #99CCFF;
   visibility: hidden;
}

#layer2 {
   position: absolute;
   left: 98px;
   top: 127px;
   width: 140px;
   z-index: 90;
   border: 1px solid #330033;
   background-color: #99CCFF;
   layer-background-color: #99CCFF;
   visibility: hidden;
}

#layer3 {
   position: absolute;
   left: 182px;
   top: 127px;
   width: 175px;
   z-index: 90;
   border: 1px solid #330033;
   background-color: #99CCFF;
   layer-background-color: #99CCFF;
   visibility: hidden;
}

#layer4 {
   position: absolute;
   left: 278px;
   top: 127px;
   width: 140px;
   z-index: 90;
   border: 1px solid #330033;
   background-color: #99CCFF;
   layer-background-color: #99CCFF;
   visibility: hidden;
}

#layer5 {
   position: absolute;
   left: 370px;
   top: 127px;
   width: 140px;
   z-index: 90;
   border: 1px solid #330033;
   background-color: #99CCFF;
   layer-background-color: #99CCFF;
   visibility: hidden;
}

#layer6 {
   position: absolute;
   left: 460px;
   top: 127px;
   width: 140px;
   z-index: 90;
   border: 1px solid #330033;
   background-color: #99CCFF;
   layer-background-color: #99CCFF;
   visibility: hidden;
}

#layer7 {
   position: absolute;
   left: 540px;
   top: 127px;
   width: 120px;
   z-index: 90;
   border: 1px solid #330033;
   background-color: #99CCFF;
   layer-background-color: #99CCFF;
   visibility: hidden;
}

/**** CONTENTTABLE *****
*
* This controls the 4th main section which contains the scoreboard and action
* buttons in the left column and the main text/quiz in the large right column.
*
*/

TABLE.contenttable {
	font-family: verdana, arial, helvetica, sans-serif;
/*	background-color: #AADDFF;*/
	border: 1px solid #330033;
	width: 650px;
}

TABLE.contenttable TR {
	vertical-align: top;
}

TD.contentnav {
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #AADDFF;
	border-right: 1px solid #330033;
	width: 150px;
	padding-top: 15px;
}

TD.contentnotes {
	padding: 1em; /* gives a bit of space around margins */
	background-color: #FFFFFF; /* a white background */
	font-size: .85em;
}


div.center {text-align: center;}

/**** COPYRIGHTTABLE *****
*
* This controls the 5th main section which contains the copyright info.
*
*/
TABLE.copyrighttable {
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #6070C0;
	border-left: 1px solid #330033;
	border-right: 1px solid #330033;
	border-bottom: 1px solid #330033;
	width: 650px;
}

TD.copyright {
	padding: 4px; /* gives a bit of space around margins */
	font-size: 10px;
	text-align: center;
	color: #CCCCCC;
}