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;
}