/* 
Use these markers to add any comments. 
*/

.oversize {font-size:200%;}
/* this is the same as span.oversize, use with <span class=oversize> </span> */


Body { 
   background-color: #ECECEC;
   color: black;
   width: 960px;
   height: 3000px;
   font-family: serif;
   } /* pale grey */
   
div#header {
   position: absolute;
   top: 265px; 
   left: 220px;
   width: 634px;
   height: 120px;
   line-height: 180%;
   font-family: serif;
   }

div#banner_caption {
   position: absolute;
   top: 248px;
   left: 250px;
   padding-left: 0px;
   font-family: arial;
   text-align: left;
   text-indent: 0pt;
   color: darkblue;
   font-size: 8pt;
   font-family: arial;
   }

div#hd {
   position: absolute;
   top: 0px;
   left: 250px;
   }
   
div#bg {
   position: absolute;
   top: 0px;
   left: 10px;
   } 
   
div#navigation {
   position: absolute;
   top: 380px;
   left: 25px;
   width: 160px;
   line-height: 190%;
   padding-right: 24px;
   padding-top: 10px;
   border-right: 1px solid #023A67;  /* width, style, color */ 
   margin-right: 15px;
   margin-top: 15px;
   font-family: arial;
   font-size: small;
   }
   
#navigation a {display: block} /* this sets each link as a block element so it starts a new paragraph */
     
div#content {
   position: relative;
   top: 325px;
   left: 220px;
   width: 634px;
   margin-bottom: 20px;
   padding-left: 10px;
   font-family: arial;
   font-size: 14px;
   border-width: 0px;
   border-style: solid;
   border-color: green;
   }
   
html>body #content {
   position: relative;
   top: 310px;
   left: 220px;
   width: 634px;
   margin-bottom: 20px;
   padding-left: 10px;
   font-family: arial;
   font-size: 14px;
   border-width: 0px;
   border-style: solid;
   border-color: green;
   }
   
div#content2 {
   position: relative;
   top:310px;
   left: 220px;
   width: 634px;
   padding-left: 10px;
   font-family: arial;
   font-size: 14px;
   border-width: 0px;
   border-style: solid;
   border-color: green;
   }
   
a.nav {
  color: white;
  font-family: arial;
  }
 
a:link {
  color: darkred;
  font-family: arial;
  }
  
a:visited {
  color: darkblue;
  font-family: arial;
  }
  
a:hover {
  color: darkblue;
  font-family: arial;
  }
  
a:active {
  color: darkblue;
  font-family: arial;
  }
   
hr {
   color: #A50063;  /* color doesn't seem to work in Firefox but OK in IE */
   height: 10px;
   position: relative;
   top: -15px;
   text-align: left;
   }

h1 {
   text-align: center;
   letter-spacing: .07em; /* increases the spacing between letters */
   color: #022F55; /* dark blue, deep green is #004E4A*/
   font-style: normal;
   font-weight: 700;
   font-size: 16pt;
   }

h2 {
   text-align: left;
   color: darkblue;
   font-style: normal;
   font-size: 13pt;
   font-family: arial;
   }

h3 {
   position: relative;
   left: 10px;
   text-align: left;
   color: #023A67; /* blue */
   font-style: normal;
   }
 

h3.underline {
   border-bottom: solid 0.15em darkred;
   }
 
h4 {
   position: relative;
   left: 10px;
   text-align: left;
   color: #0561A5; /* blue */
   font-style: normal;
   }
 
ol {
  list-style-type: decimal;
  line-height: 160%}
  
ul {
  line-height: 160%}
        
p {
  position: relative;
  left: 10px;
  text-align: justify;
  text-indent: 0pt;
  text-indent: 0em; /* could have negative indent */
  font-style: normal;
  font-size: 11pt;
  font-family: arial;
  line-height: 120%}
    
p.caption {
  position: relative;
  left: 0px;
  top: -8px;
  text-align: left;
  text-indent: 0pt;
  color: darkblue;
  font-size: 8pt;
  font-family: arial;
  }
  
table {
  border-right: 0.2em solid darkred;
  border-left: 0.2em solid darkred;
  border-bottom: solid 0.3em #960014;
  border-top: solid 0.3em #960014; /* brownish */
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 8px;
  padding-left: 4px;
  font-size: 14px;
  position: relative;
  left: 20px;
  }
    
thead {
  font-weight: normal;
  font-size: 15px;
  }