body {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    text-align: center;
}

td {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}


.bg {
    background-color: #0A5B93;
}

.bg2 {
    background-color: #CCCCCC;
}

.toplayer {
    text-align: center;
    width: 780px;
    margin: 0 auto;
    left: auto;
    background-color: #999999;
    z-index: 2;
}

.usernamelayer {
    text-align: right;
    width: 780px;
    margin: 0 auto;
    left: auto;
    z-index: 1;
}
.mainloginlayer {
    text-align: center;
    width: 780px;
    margin: 0 auto;
    left: auto;
    background-color: #FFFFFF;
}

.mainlayer {
    text-align: center;
    margin: 0 auto;
    background-color: #FFFFFF;
    text-align: left;
}

.mainscrolllayer {
    background-attachment: fixed;
    background-color: #FFFFFF;
    overflow: scroll;
    height: 90%;
    clear: both;
}

.nt {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

.bt {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #000000;
}

.loginelement {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #FFFFFF;
}

.loginelement2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

.loginelement3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bolder;
    font-variant: normal;
    color: #000000;
}

.news {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #000000;
}

.tableheader1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #000000;
    background-color: #0099CC;
}

.tableheader2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #000000;
    background-color: #0099CC;
}

.tableheader3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #000000;
    background-color: #CCCCCC;
}

.tableheader4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #000000;
    background-color: #0099CC;
}

.tableelement {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
}

.tableelementred {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #FF0000;
}

.debriefheader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bolder;
    color: #000000;
}

.debriefsubheader {

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bolder;
    color: #000000;
}

.question {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

.questioncorrect {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #000000;
}

.questioncorrect {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #000000;
}

.ptheader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #FFFFFF;
}

.ptsubheader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #FFFFFF;
}

.topicheader1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #000000;
}

.topicheader2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}


#hintbox{ /*CSS for pop up hint box */
    position:absolute;
    top: 0;
    background-color: lightyellow;
    width: 150px; /*Default width of hint.*/ 
    padding: 3px;
    border:1px solid black;
    font:normal 11px Verdana;
    line-height:18px;
    z-index:100;
    border-right: 3px solid black;
    border-bottom: 3px solid black;
    visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
    font-weight: bold;
    color: navy;
    margin: 3px 8px;
}

#fadeinbox{
position:absolute;
width: 300px;
left: 0;
top: -400px;
border: 2px solid black;
background-color: red;
padding: 4px;
z-index: 100;
visibility:hidden;
}

.newpage {
    page-break-before: always;
}