﻿/*-------------------
    Styles by RDH
  -------------------*/

body { 

color: black;

font-family: Arial, sans-serif;

line-height: 110%;

background-image: url('http://russelldavidharper.com/images/screen_204.jpg');

}

pre {

font-family: monospace;

}

a:link {color: blue}
a:visited {color: rgb(204, 0, 0)}
a:hover {color: rgb(204, 0, 0)}
a:active {color: rgb(204, 0, 0)}

h1,h2,h3,h4 { 

font-family: Georgia, "Times New Roman", serif;

margin-left: 30px;

margin-right: 30px;

line-height: 150%;

}


h5 { 

margin-left: 30px;

margin-right: 30px;

line-height: 100%;

}


p {

font-family: Arial, sans-serif;

margin-left: 30px;

margin-right: 30px;

font-size: 80%;

}


.left {

color: white;

margin-left: 20px;

margin-right: 20px;

margin-top: 0;
    
}

a:link.plain {

color: white;

}

a:visited.plain {

color: white;

}

a:hover.plain {

color: white;

}


a:active.plain {

color: white;

}

a:link.plain1 {

color: white;
text-decoration: none;

}

a:visited.plain1 {

color: white;
text-decoration: none;

}

a:hover.plain1 {

color: white;

}


a:active.plain1 {

color: white;

}
.right {

color: rgb(204, 0, 0);

margin-left: 20px;

margin-right: 10px;

margin-top: 12px;

}

strong {

font-weight: bold;

}

.blurb {
color:white;
font-family: Georgia, Times New Roman, serif;
margin-left: 20px;
margin-right: 20px;
margin-top: 0;
font-size: 80%;
}


.copyright {
color:white;
font-size: 70%;
margin-right: 20px;
margin-left: 20px;
}

.copyright_blank {
color:black;
font-size: 70%;
margin-right: 20px;
margin-left: 30px;
margin-top: 0;
margin-bottom: 10px;
}

.dateline {
font-weight: bold;
font-size: 70%;
}

.top_buttons {
margin-top: 18px;
}

.bottom_buttons {
margin-bottom: 10px;
}

.level_1 {
margin-left: 30px;
}

.level_2 {
margin-left: 45px;
}

.level_3 {
margin-left: 60px;
}

.bq {
margin-left: 60px;
margin-right: 60px;
}

.survey_li {
font-family: monospace;
margin-left: 45px;
margin-right: 30px;
font-size: 100%;
}

.survey {
font-family: monospace;
margin-left: 30px;
margin-right: 30px;
font-size: 100%;
}

div.search {
margin-right: 10px;
margin-left: 30px;
}

div.color {
background: white;
padding: 1em;
border: solid;
border-width: 20px;
border-color: rgb(0, 0, 204);
font-size: 80%;
}

div.color2 {
background: white;
padding: 0.5em;
border: solid;
border-width: 1px;
border-color: rgb(204, 0, 0);
margin-right: 30px;
margin-top: 10px;
margin-left: 10px;
margin-bottom: 10px;
width: 180px;
float:right;
font-size: 80%;
}

div.column1 {
background: white;
padding: 0em;
border: none;
margin-right: 340px;
margin-top: 0px;
margin-left: 30px;
margin-bottom: 10px;
width: 200px;
font-size: 80%;
}

div.column2 {
background: white;
padding: 0em;
border: none;
margin-right: 120px;
margin-top: 0px;
margin-left: 10px;
margin-bottom: 10px;
width: 180px;
float:right;
font-size: 80%;
}

TABLE { empty-cells: show }

CAPTION { 
    caption-side: top; 
    width: auto;
    text-align: left }
TABLE {
    border-collapse: collapse;
    margin-left: 30px;
    margin-right: 30px;
    font-size: 80%;
    empty-cells: show;
}

TH {
    padding: .5em;
    vertical-align: top;
    text-align: right;
}

TH.special1 {
    padding: 0 0 .5em 0;
    text-align: left;
}

TH.special2 {
    border-bottom: solid;
    border-width: 2px;
    border-color: rgb(0, 0, 204);
}

TH.special3 {
    border-top: solid;
    border-top-width: 2px;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-color: rgb(0, 0, 204);
}

TH.special4 {
    border-top: solid;
    border-top-width: 5px;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-color: rgb(0, 0, 204);
}

TD {
    padding: .5em;
    vertical-align: top;
    text-align: left;
}

TD.special {
    border-top: solid;
    border-top-width: 5px;
    border-bottom: solid;
    border-bottom-width: 2px;
    border-color: rgb(0, 0, 204);
}

TD.special2 {
    border-bottom: solid;
    border-width: 2px;
    border-color: rgb(0, 0, 204);
}

TD.special3 {
    border-top: solid;
    border-top-width: 2px;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-color: rgb(0, 0, 204);
}

TD.special4 {
    border-top: solid;
    border-top-width: 5px;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-color: rgb(0, 0, 204);
}

#left { position: absolute; top: 0; bottom: 0; left: -200px; width: 200px; height=100%; background-color: rgb(0, 0, 204); }
#middle {position: absolute; top: 0; left: 199px; width: 625px; height=100%; background-color: white;
     border-right: solid;
     border-left: none;
     border-top: none;
     border-bottom: none;
     border-right-width: 2px;
     border-color: rgb(204, 0, 0) ;
}
#right {position: absolute; top: 0; left: 825px; width: 175px; height=100%; background-color: transparent; }
