html { 
height: 100%; 
padding: 0px; 
margin: 0px; 
}

body {
margin: 0px;
padding: 0px;
background-color: #ffffff;
}

body, td
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
line-height: 130%;
}

pre {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 130%;
}

img {
border: 0px;
}

td img {
display: block;
}

.questheader {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #d73300;
}
.quest {
font-size: 11px;
font-family: monospace;
}

.rightanswer {
background-color: #a3fa18;
}

#marginal {
padding-left: 15px;
padding-right: 15px;
}

#textbox {
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px; 
}

.doicolpopup {
position: absolute;
z-index: 10;
margin-top: -16px;
visibility: hidden;
}

.col1 {
background-color: #b3e6e9;
font-weight: bold; 
}
.col2 {
background-color: #dfb3e8;
}
.col3 {
background-color: #e4e9b3;
font-style:italic; 
}

.col4 {
background-color: #f3b0a9;
font-weight: bold; 
}
.col5 {
background-color: #b3f1aa;
}
.col6 {
background-color: #b2a9f2;
font-style:italic; 
}

.backlink {
color: #ff4100;
}
.backlink a {
color: #ff4100;
}

.textblock {
padding-left: 15px;
padding-right: 15px;
}

#header {
font-size: 26px;
color: #ff4100;
line-height: 110%;
}
#smallheader {
font-size: 12px;
font-weight: bold;
color: #ff4100;
line-height: 80%;
}

#smallheader1 {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #6c850f;
}
#smallheader2 {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #54007b;
}
#smallheader3 {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #343b5b;
}
#smallheader4 {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #6f5f50;
}
#smallheader5 {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #700b1c;
}
#smallheader6 {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #0586a7;
}
#smallheader7 {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #33690e;
}

a {
font-style:italic; 
}

a:link {color: #003a98; text-decoration: none;}
a:visited {color: #003a98; text-decoration: none;}
a:hover {color: #13294e; text-decoration: underline; }
a:active {color: #003a98; text-decoration: none;}

a.mainlink {
font-style: normal; 
color: #e22101;
font-size: 11px;
text-decoration: underline;
}

a.mainlink:hover {
color: #ac2405;
}


.blacklink a {
font-style: normal; 
}

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

.orangelink a {
font-style: normal; 
}

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

#menu {
left: 255px;
position: absolute;
top: 68px;
z-index: 2;
}

#secondmenu {
background-image: url(images/secondmenubg.png);
background-repeat: repeat-x;
background-position: top left;
left: 20px;
position: absolute;
top: 91px;
width: 985px;
height: 61px;
z-index: 2;
}

#doisearch {
position: absolute;
left: 20px;
top: 98px;
width: 985px;
height: 20px;
z-index: 2;
}

.submenu {
visibility: hidden;
color: #ffffff;
z-index: 5;
}

.subtab {
background-image: url(images/submenu.png);
background-repeat: repeat;
background-position: top left;
}

.subtab td {
padding-left: 20px;
padding-right: 20px;
}

.subtab a {
color: #ffffff;
font-style: normal;
}
.subtab a:link {color: #ffffff; text-decoration: none;}
.subtab a:visited {color: #ffffff; text-decoration: none;}
.subtab a:hover {color: #ff4100; text-decoration: none; }
.subtab a:active {color: #ffffff; text-decoration: none;}

#doilogo {
background-image: url(images/doilogo.png);
background-repeat: no-repeat;
background-position: top left;
position: absolute;
left: 20px;
top: 15px;
width: 985px;
height: 76px;
z-index: 1;
}

#nafdoi {
position: absolute;
left: 700px;
top: 38px;
width: 305px;
height: 42px;
z-index:3;
}

#doicols {
position: absolute;
left: 194px;
top: 27px;
width: 155px;
height: 17px;
z-index:3;
}

#main {
position: absolute;
left: 20px;
top: 159px;
width: 985px;
z-index: 3;
}

.horline {
height: 4px;
background-image: url(images/horline.png);
background-repeat: repeat-x;
background-position: center left;
}

.vertline {
width: 13px;
background-image: url(images/vertline.png);
background-repeat: repeat-y;
background-position: top center;
}

.leftline {
padding-top: 10px;
padding-bottom: 10px;
height: 1px;
width: 100%;
background-image: url(images/leftline.png);
background-repeat: repeat-x;
background-position: center left;
}

.line1 {
padding-top: 10px;
padding-bottom: 10px;
height: 1px;
width: 100%;
background-image: url(images/line1.png);
background-repeat: repeat-x;
background-position: center left;
}
.line2 {
padding-top: 10px;
padding-bottom: 10px;
height: 1px;
width: 100%;
background-image: url(images/line2.png);
background-repeat: repeat-x;
background-position: center left;
}
.line3 {
padding-top: 10px;
padding-bottom: 10px;
height: 1px;
width: 100%;
background-image: url(images/line3.png);
background-repeat: repeat-x;
background-position: center left;
}
.line4 {
padding-top: 10px;
padding-bottom: 10px;
height: 1px;
width: 100%;
background-image: url(images/line4.png);
background-repeat: repeat-x;
background-position: center left;
}
.line5 {
padding-top: 10px;
padding-bottom: 10px;
height: 1px;
width: 100%;
background-image: url(images/line5.png);
background-repeat: repeat-x;
background-position: center left;
}
.line6 {
padding-top: 10px;
padding-bottom: 10px;
height: 1px;
width: 100%;
background-image: url(images/line6.png);
background-repeat: repeat-x;
background-position: center left;
}

input.searchbox {
width: 418px;
color: #000000;
}

#startmain {
position: absolute;
left: 20px;
top: 111px;
width: 985px;
z-index: 3;
}


a.slink1 {
font-weight: normal;
font-style:normal;
text-transform: uppercase;
font-size: 10px;
color: #639d00;
letter-spacing: 2px
}
a.slink2 {
font-weight: normal;
text-transform: uppercase;
font-style:normal;
color: #ff9d00;
font-size: 10px;
letter-spacing: 2px
}
a.slink3 {
font-weight: normal;
text-transform: uppercase;
font-size: 10px;
font-style:normal;
color: #ffff00;
letter-spacing: 2px
}
a.slink4 {
font-weight: normal;
text-transform: uppercase;
font-size: 10px;
font-style:normal;
color: #10beff;
letter-spacing: 2px
}
a.slink5 {
font-weight: normal;
text-transform: uppercase;
font-size: 10px;
font-style:normal;
color: #ff10da;
letter-spacing: 2px
}
a.slink6 {
font-weight: normal;
text-transform: uppercase;
font-size: 10px;
font-style:normal;
color: #68de59;
letter-spacing: 2px
}
a.slink7 {
font-weight: normal;
text-transform: uppercase;
font-size: 10px;
font-style:normal;
color: #a95ae0;
letter-spacing: 2px
}
a.slink8 {
font-weight: normal;
text-transform: uppercase;
font-size: 10px;
font-style:normal;
color: #10ffeb;
letter-spacing: 2px
}

.tipsatext {
font-size: 10px;
color: #e0421d;
text-transform: uppercase;
font-weight: bold;
}


a.link1 {
color: #527929;
}
a.link1:hover {
color: #527929;
}
a.link2 {
color: #5a2473;
}
a.link2:hover {
color: #5a2473;
}
a.link3 {
color: #213c5a;
}
a.link3:hover {
color: #213c5a;
}
a.link4 {
color: #63594a;
}
a.link4:hover {
color: #63594a;
}
a.link5 {
color: #6b1c18;
}
a.link5:hover {
color: #6b1c18;
}
a.link6 {
color: #0086b5;
}
a.link6:hover {
color: #0086b5;
}

.ocol1 {
background-color: #527929;
color: #ffffff;
font-weight: bold; 
}
.ocol2 {
background-color: #5a2473;
color: #ffffff;
}
.ocol3 {
background-color: #213c5a;
color: #ffffff;
font-style:italic; 
}
.ocol4 {
background-color: #63594a;
color: #ffffff;
font-weight: bold; 
}
.ocol5 {
background-color: #6b1c18;
color: #ffffff;
}
.ocol6 {
background-color: #0086b5;
color: #ffffff;
font-style:italic; 
}