/*startfile KOKOKAHN*/
/* zero-out defaults on all elements EXCEPT ul, ol, li */
html, body, p,h1, h2, h3, h4, h5, h6,
form, fieldset, a {
margin: 0;
padding: 0;
border: 0;
}
/* element overrides */
html {
  height: 100%;
  overflow: scroll;
  }

body {
   /*overflow: scroll;*/
   /*height: 100%;*/
   font-family: Trebuchet, Verdana, Arial, Helvetica, 'sans serif';
   font-size: 0.8em;
 /* SMALL FONT IS DEFAULT (.8) */
   height: 100%;
/*   background-color: #523a2a;  */
   color: #322;
   line-height: 1.1em;
   }

/*body classes for changing page font size (uses javascript to change classname)*/
body.small  { font-size: 0.8em }
body.medium { font-size: 0.9em }
body.large  { font-size: 1.0em }

.xtralargetext  {
   font-size: 1.3em;
   line-height: 1.3em;
   }

.largetext  {
   font-size: 1.2em;
   line-height: 1.2em;
   }

.largertext {
   font-size: 1.1em;
   line-height: 1.2em;
   }

.largerpurp {
   font-size: 1.0em;
   line-height: 1.2em;
   color: #73598e;
   font-weight: bold;
   }

.normaltext  {
   font-size: 1.0em;
   line-height: 1.3em;
   }
.smalltext  {
   font-size: .9em;
   line-height: 1.3em;
   }

.tinytext  {
   font-size: .8em;
   line-height: 1.3em;
   color: #000;
   }

.xtinytext {
   font-size: .7em;
   line-height: 1.0em;
   color: #666
   }

/* defaults */
a {
   display: inline;
   }

h1 {
   color: #828f75;
   text-align: left;
   font-family: Arial, Verdana, Helvetica, 'sans serif';
   display: inline;
   line-height: 1.1em;
   }

h2 {
   color: #828f75;
   text-align: left;
   font-family: Arial, Verdana, Helvetica, 'sans serif';
   display: inline;
   line-height: 1.2em;
   }

h3, h4 {
   color: #523a2a;
   text-align: left;
   line-height: 1.2em;
   font-family: Arial, Verdana, Helvetica, 'sans serif';
   display: inline;
   }

h5, h6 {
   color: #523a2a;
   text-align: left;
   font-family: Arial, Verdana, Helvetica, 'sans serif';
   display: inline;
   }

hr  {
   width: 100%;
   height: 1px;
   color: #523a2a;
   }

form {
  display: inline;
  }

/*
OTHER FORM ELEMENTS HERE, such as:
input {
   font-size:
   color:
   background-color:
   border-style:
   border-width:
   border-color:   }*/

/* LINKS */

a {
   color: #828f75;
   text-decoration: none;
   }

a.visited {
   color: #828f75;
   text-decoration: none;
   }

a:hover {
   color: #73598e;
   text-decoration: underline;
   }

a.footer {
   color: #828f75;
   text-decoration: underline;
   }

a.footer:visited {
   color: #828f75;
   text-decoration: none;
   }

a.footer:hover {
   color: #73598e;
   text-decoration: underline;
   }

div#pagecontainer {
   position: relative;
   width: 920px;
   margin: 0 auto 20px auto;
   background: #fff;
   /*height: 100%;*/
   }

div#innerpage {
   width: 100%;
   background: url('../images/seafoam-curve.jpg') no-repeat;
   }

div#vprop500 {
   width: 1px;
   height: 500px;
   float: right;
   }

div#clearing {
   clear: both;
   }

div#footer {
   width: 100%;
   background: #fff;
   text-align: center;
   margin: 0 auto 0 auto;
   padding: 2px 0 2px 0;
   font-size: 10px;
   }

table.delta {
   position: relative;
   width: 920px;
   margin: 0;
   padding: 0;
   border: 0;
   border-collapse: collapse;
   }

/* special classes for data dumps */
.nbgdate {
   font-size: .9em;
   color: #8b6043;
   }