BODY {
  color: #000000;
  font-size: 12px; 
  font-family: arial, helvetica, sans-serif;
  margin-left: 0;
  margin-top: 0;
  marginheight: 0;
  marginwidth: 0;
  background-repeat: repeat-y;
  marginheight: 0;
  marginwidth: 0;
}

P,
.content P, 
.content OL, 
.content UL,
.content DL,
.content TD  {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 14px; 
  line-height: 18px;
margin-right: 5px;
}

.gototop  {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px; 
  line-height: 14px;
margin-right: 5px;
}

H1, H2, H3, H4, H5, H6,
P, UL, OL, DL, TD,
.topnav, 
.content DIV.bottomnav P,
.content DIV.bottomnav-top P,
.date {
  font-family: verdana, Arial, helvetica, sans-serif;
  text-decoration: none;
}

H1, H2, H3, H4, H5, H6, 
P, DL {
  margin-left: 0px;
}

OL, UL {
  margin-left: 30px;
}


H1 {
  margin-top: 0px;
  padding-top: 10px;
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 5px;
}

H2 {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  margin-top: 15px;
  margin-bottom: 5px;
}

H3 {
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  margin-top: 15px;
  margin-bottom: 5px;
}
 
H4 {
  font-weight: lighter;
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 5px;
}

H5 {
  font-weight: bold;
  font-size: 14px;
  font-style: italic;
  margin-top: 10px;
  margin-bottom: 5px;
}

H6 {  
  font-weight: bold;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 0px;
}

OL UL, 
UL UL,
UL OL {
  margin-left: 20px;
}

hr {
height: 1;
color: #339;
}

.leftnav h1,
.leftnav h2,
.leftnav h3,
.leftnav h4,
.leftnav h5,
.leftnav h6,
.leftnav p,
.leftnav-top h1,
.leftnav-top h2,
.leftnav-top h3,
.leftnav-top h4,
.leftnav-top h5,
.leftnav-top h6,
.leftnav-top p{
  color: white;
}

.leftnav p{
  font-size: 14px;
  line-height: 14px;
}

.bottomnav p,
.bottomnav-top p {
  font-size: 12px;
}

.bottomnav p,
.bottomnav-top p {
  text-align: right;
}

.index-html H6{
  font-weight: normal;
  color: white;
}

.followsH {
  margin-top: -5;
}

P.followsH {
  margin-top: -0;
}

SUP {
  font-size: x-small;
}


/* ----- LINKS ----- */

A:link, A:visited,
.content A:link, .content A:visited 
.content A:hover {
  text-decoration: none;
  font-weight: bold;
}

.bottomnav A:link, 
.bottomnav-top A:link,
.leftnav A:link, 
.leftnav A:visited,
.gototop A:link, 
.gototop A:visited {
  font-weight: bold;
  text-decoration: none;
}

A:link, A:visited, 
.bottomnav A:link, 
.bottomnav A:visited,
.bottomnav-top A:link, 
.bottomnav-top A:visited,
.gototop A:link, 
.gototop A:visited {
  color: #339;
}

.leftnav A:link, 
.leftnav A:visited {
  color: #fff;
}

.bottomnav P A:visited,
.bottomnav-top P A:visited {
  font-weight: normal;
  text-decoration: none;
}

.leftnav A:hover {
 color: #f90;
 text-decoration: none;
}

A:hover, 
.gototop A:hover, 
.bottomnav A:hover,
.bottomnav-top A:hover {
 color: #f90;
 text-decoration: none;
}


/* ----- FORMS ----- */

FORM,
FORM P,
FORM INPUT {
 font-family: verdana, arial, helvetica, sans-serif;
  font-size: 0.9em;
}

.leftnav INPUT{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 0.9em;
}

.leftnav INPUT{
  margin-left: 0px;
  margin-top: 2px;
  width: 100px;
  line-height: 1.0em;
}

/* ----- MISCELLANEOUS CLASSES ----- */

.box {
	border: thin solid #FFFFFF;
	width: 70%;
	padding: 5px;
}

.homecaption {
  color: white;
  font-size: 10px;
  text-align: right;
}

.jobs {
  margin-top: 0px;
  margin-bottom: 0px;
}


.modified,
.address,
div.content p.copyright {
  font-size: 10px;
  margin: 0px;
}

.date {
  font-size: x-small;
  font-style: italic;
  padding-top: 30px;
}

.address {
  padding-top: 5px;
  text-align: right;
}

.copyright {
  padding-top: 0px;
  text-align: left;
}


/* ----- ABSOLUTE POSITIONING ----- */

/* NB. V.4 BROWSERS CAN'T DEAL WITH UNDERSCORE CHARACTER IN CLASS NAME */
/* USE HYPHEN INSTEAD */

.backdrop {
  position:absolute; 
  z-index: 0;
  overflow: visible;
  top: 0;
  left:0;  
  height: 50;
  width: 100%;
  margin-top: 0;
  background-color: #039; 
  layer-background-color: #039; 
  overflow: visible;
  background-image: url(../images/backdrop.jpg);
}

.index-pic {
  position:absolute; 
  visibility: visible;
  z-index:10; 
  top:111; 
  left:639;
  height:300;  
  padding: 0;
  overflow: visible;
  background-color: #669; 
  layer-background-color: #669; 
}

.picture {
  position:absolute; 
  visibility: visible;
  top:0; 
  right: 0;
  height:110; 
  overflow: hidden;
  padding-left: 0;
  padding-top: 5;
  padding-right: 0;
  margin-right: 0;
  z-index:1; 
  background-color: #336; 
  layer-background-color: #336; 
}

.topborder {
  position: absolute;
  visibility: visible;
  z-index: 2;
  left: 0;
  top: 0;
  height: 50;
}

.leftnav,
.leftnav-top {
  position: absolute;
  visibility: visible;
  z-index: 3;
  left: 0;
  top: 49;
  width: 150;
  height: 600;
  padding-top: 0;
  padding-left: 10;
  background-attachment: fixed;
  background-repeat: repeat-y;
  overflow: visible;
  background-image: url(../images/border.jpg);
}

.topnav {
  position: absolute;
  visibility: visible;
  z-index: 4;
  left: 151;
  top: 50;
  width: 490;
  height: 50;
  margin: 0;
  padding: 0;
}

.topnav p {
  padding-top: 8;
}

.content {
  visibility: visible;
  margin-top: 110;
  margin-left: 171;
  margin-right: 100;
  padding-right: 0;
  clip:    rect(   );
}

.bottomnav,
.bottomnav-top {
  display: block;
  padding-left:0;
  padding-top: 2;
  padding-bottom: 0;
  position: relative; clip:  rect(   );
  background-image: url(../images/bottomnavline.gif); 
  border-bottom: 2px solid #000000;
}

.gototop {
visibility:visible; 
z-index:1000;
}