h1 {
  font-size: 130%;
  background-color: transparent; 
  color: rgb(153,0,0);
}

h2 {
  font-size: 120%;
  background-color: transparent; 
  color: rgb(153,0,0);
}

h3 {
  font-size: 110%;
  background-color: transparent; 
  color: rgb(153,0,0);
}

hr { 
  color: #990000;
}

table { 
  border: medium ridge #336699;
  background-color: #336699;
}

tr {  
  background-color: #dbdfe8;
}

body {
 /* width: 100%;*/
/*
  background: url(img/grad_bg.jpg) repeat-x;
  background-position: 0px 67px;
*/
  background: url(img/bg.jpg) repeat-x;
  background-position: 0px 0px;
  margin: 0px 0px 0px 0px;
  padding-bottom: 6%;
  background-color: rgb(219,223,232); 
}

#logofield {
  background: url(img/logo.gif) no-repeat top left;
 /* background-color: rgb(22,47,87);*/
  padding: 67px 0px 0px 0px;
}

#container { 
  background-color: white;
  /*width: 100%;*/
  margin:0% 6% 0% 6%;
  border: medium ridge #336699;
}

#textarea {
  overflow: auto;
  padding-left: 110px;	
  padding-right: 20px;
  padding-bottom: 50px;	
  margin-top: 50px;
}

#linkList {  
  margin-left: 0px; 
  padding: 20px 0px 20px 0px;
  position: absolute; 
  top: 270px; 
  left: 8%;
}

#linkList a {

  display: block;
  width: 75px;
  padding: 2px 0px 4px 0px;
  margin: 5px 5px 5px 5px; 
  border-top: ridge medium #336699;
  border-bottom: ridge medium #336699;
  background-color: rgb(219,223,232); 
}

#linkList a:link { 
  color: rgb(22,47,87);
}
#linkList a:visited {
  color: rgb(22,47,87);
}

#linkList a:hover {
  background-color: rgb(22,47,87);
}

#l1 a:hover {
  color: rgb(153,0,0);
}

#l2 a:hover {
  color: rgb(204,51,0);
}

#l3 a:hover {
  color: rgb(204,102,0);
}

#l4 a:hover {
  color: rgb(204,153,0);
}

#l5 a:hover {
  color: rgb(204,102,0);
}

#l6 a:hover {
  color: rgb(204,51,0);
}

#bottomfield {
  margin:3% 6% 0% 6%;
  text-align: right;	
}

b {
   font-weight: bold
}

strong {
   font-weight: bold
}

i {
   font-style: italic
}

.sub {  
  position: relative;
  bottom: -0.8ex;
}

.white{  
  background-color: white;
}