/* red color 232 31 3 = E81F03 */
/* blue color 3 85 142 = 03558E */
/* yellow color 209 153 18 = D19912 */
/* green color 11 78 47 = 0B4E2F */
/* cream color 255 255 224 = FFFFE0 */

body { 
background-color: #FFFFE0;
margin: 0px 0px 0px 0% 
}

a:link {color: #000000; text-decoration: none}
a:visited {color: #000000; text-decoration: none}
a:hover {text-decoration: underline; color: #000000 }
a:active {color: #000000}

.redlink a:link {color: #E81F03; text-decoration: none}
.redlink a:visited {color: #E81F03; text-decoration: none}
.redlink a:hover {color: #E81F03; text-decoration: underline}
.redlink a:active {color: #E81F03}

.bluelink a:link {color: #03558E; text-decoration: none}
.bluelink a:visited {color: #03558E; text-decoration: none}
.bluelink a:hover {color: #03558E; text-decoration: underline}
.bluelink a:active {color: #03558E}

.greenlink a:link {color: #0B4E2F; text-decoration: none}
.greenlink a:visited {color: #0B4E2F; text-decoration: none}
.greenlink a:hover {color: #0B4E2F; text-decoration: underline}
.greenlink a:active {color: #0B4E2F}

.yellowlink a:link {color: #D19912; text-decoration: none}
.yellowlink a:visited {color: #D19912; text-decoration: none}
.yellowlink a:hover {color: #D19912; text-decoration: underline}
.yellowlink a:active {color: #D19912}

h1 {font-size: 14pt}
h2 {font-size: 12pt}
h3 {font-size: 12pt; line-height:1.0; font-weight: bold;}
p {font-size: 10pt}

table
{ 
margin-left: auto;
margin-right: auto;
}


div {
font-family : helvetica, arial, sans-serif;
font-size: 14pt;
position: absolute;
width: 500px;
height: 200px;
padding: 0px;
z-index: 1;
}

div.infobox {
position: absolute;
margin: 2% 0px 0px 60%;
padding: 0px;
width: 300px;
height: 150px;
color: #000000;
font-size: 10pt;
z-index: 2;
}

div.gpsbox {
position: absolute;
margin: 50% 0px 0px 40%;
padding: 0px;
width: 200px;
height: 50px;
color: #000000;
font-size: 10pt;
z-index: 2;
}


div.studentbox {
position: absolute;
margin: 30% 0px 0px 20%;
padding: 0px;
width: 500px;
height: 200px;
color: #000000;
font-size: 10pt;
text-align: center;
z-index: 2;
}


div.blackbox {
margin: 20% 0px 0px 5%;
color: #000000;
z-index: 2;
}

div.redbox {
margin: 32% 0px 0px 40%;
color: #E81F03;
z-index: 3;
}

div.bluebox {
margin: 45% 0px 0px 5%;
color: #03558E;
z-index: 1;
}

div.greenbox {
margin: 78% 0px 0px 40%;
color: #0B4E2F;
z-index: 2;
}

div.yellowbox {
margin: 68% 0px 0px 5%;
color: #D19912;
z-index: 1;
}

div.leftside {
width: 300px;
left: 0px;
text-align: right;
}

div.rightside {
left: 310px;
width: 380px;
text-align: left;
}

div.textbox{
margin: 100px; 0px; 0px; 0px;
color: #000000;
 }