body {
font-size: 12px;
font-family : Georgia, Garamond, Times, Serif, Arial, Geneva, Helvetica;
background-image: url('../images/docrat_background_gradient.gif');
background-repeat: y;
margin: 0px
 
}
 
H1
{
color:ffffff;
font-size : 17px;
font-weight:normal;
margin-top:3px;
  margin-left : 20px;
  margin-right : 20px;
}

H2 {

margin-top: -10px;
font-size : 17px;
font-weight: normal;
color: navy;
}

H3 {

font-size : 17px;
font-weight: normal;
color: navy;
}


Nav
{
  margin-left : 50px;
  margin-right : 20px;
}
 
.archive
{
  font-size: 11px;
  line-height: 150%;
  margin-top: 1px;
  margin-bottom: 1px;  
}  
p, td
{
  font-size: 11px;
  color: 000000;
}  
ol, li
{
  font-size: 11px;
}  

 
a {color : #718CB6; text-decoration:underline;  font-weight:bold;}
a:visited {color : #AC5928; text-decoration:none;}
a:hover {color : #AC5928; text-decoration:underline;}


hr {
border: 1px dotted;
height: 1px;
color: #cccccc;{
}

b {font : bold;}
 
input {font-size:97%;}
 
select {font-size:97%;}
 
textarea {font-size:97%;}
 
table {}
 
th {font-weight : bolder; vertical-align : top;}
 

.requiredfield, .requiredFieldHead {
 
  color : RED;
 
}
 
.white {
background-image: url('images/white.gif');
} 
 
td.requiredfield {
 
  vertical-align:middle;
 
}
 
 
 
 
.messagefield {
 
  /*
 
  used in td tags (form item labels)
 
  */
 
  color : ORANGE;
 
}
 
 
 
.Form {
 
  /*
 
  used in the table tag that is used to format a form
 
  */
 
}
 
 
 
.Form td { 
 
}
 
table.Form {
 
      /* border: 1px solid #767A7D; */
 
}
 
table.Form tr {
 
     /*     background-color : #D0D9E8; */
 
}
 
 
div.subtitle {
 
        font-size : small;
        margin-bottom : 2px;
 
}
 
 
 
.tinytext {
 
  /*
 
  used in span tags to display the format of a input in a form
 
  */
 
  font-size : 10px;
 
  vertical-align : top;
 
}