body, h1, h2 , h3, p, div, a, ul, li,
fieldset, legend, img{
border: 0;
margin: 0;
padding: 0;
background: transparent;
font-family: verdana, arial, 'sans serif';
font-weight: bold;
color: #dddddd;
font-size: 100%;

}

body {
	background-image: url('images/bg.gif');
	background-repeat: repeat;
}

a {
   text-decoration: none;
}
a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}

a:hover {
   text-decoration: underline ;
} /* hover rmust come after visted */
a:active {
  text-decoration: none;
}
a:visited:hover {
   text-decoration: underline ;
}
h1 {
     padding: 7px 0px 2px 3px;
     color: #d0d0d0;
     font: 1.4em Candara, georgia, serif;
     letter-spacing: -0.03em;
     color: #ffcc00;
     border-bottom: 1px solid #d0d0d0;
     margin-bottom: 5px;
}


h2.clearbelow {
     padding: 10px 0px 3px 3px;
     letter-spacing: -0.03em;
     color: #d0d0d0;
     font: 1.4em Candara, georgia, serif;
}

h3 {
     padding: 5px 0px 1px 0px;
     color: #397DBD;
     font-size: 1em;
}

fieldset	{
margin: 20px 0px 0 0px; padding: 0.5em 0.5em;
border-width: 1px; border-style: dotted; border-color: #ccc;
text-align: left;
position: relative;
}

* html fieldset {padding-top: 0;}

legend	{
border-width: 1px; border-style: solid; border-color: #ccc;
padding: 0 0.5em;
font: normal "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
color: blue;
font-size: 12px;
background: #fbfbfb;
line-height: 1.5em;
position: relative;
top: -0.75em;
}

p { font-size: 0.8em; color: #f0f0f0 ; padding: 3px;  margin-top: 5px; margin-bottom: 0px; line-height: 1.4em}
p.smalltxt { font-size: 0.7em; line-height: 1.2em}
p.dotted {border-style: dotted; border-width: 1px; padding: 5px; margin-top: 2px; margin-bottom: 2px }
p.dashed {border-style: dashed; width: 504px}
p.solid {border-style: solid; border-bottom-width: 15px }
p.topline { padding: 5px; margin-top: 2px; margin-bottom: 0px}
p.smallpara {
  margin-top: 20px;
  padding: 6px;
  width: 250px;
}
.indentlist{
   font: inherit;
   padding-left: 20px;
   list-style-type: square;
}
.indentlist li{
   font: inherit;
}


.bigh1 {
    padding: 3px 0px 1px 0px;
    font-size: 1.8em;
    background-color: #999999;
}

.noindent { padding: 3px 0px 1px 5px;}
.floatright { float: right; }
.floatleft { float: left; }
.clear { clear: both; }
.tindent { padding-left: 20px; }

#image {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100%;
  height: 600px;
  float: left;
  background: url(../images/blueeye.jpg) no-repeat ;
  background-attachment: fixed;
  z-index: -1;
  border: 1px solid black;
}

#container{
  position: relative;
  width: 900px;
  background-color: #666666;
  border: 1px solid gray;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 0 0;

}

#maincontainer {
  position: relative;
  padding: 0;
  margin-left: 20px;
  margin-top: 20px;
  width: 100%;
  overflow: auto; /* causes the div to contain any floated elements */

}

#blackbox {
float: left;
padding-top: 5px;
padding-left: 5px;
padding-right: 0px;
margin-left: 10px;
width: 500px;
background-color: #404040;
padding-bottom: 20px;
border: 1px dotted #dddddd;  }


#dispDate {
float: right;
font-size: 0.75em;
margin-right: 20px;
}

#logo {
margin-left: 60px;
margin-top: 30px;
}
#logotext {
  margin-left: 170px;
  margin-top: 20px;
  padding-top: 15px;
  color: #99cc00;
  text-decoration: none;
  text-transform: lowercase;
  background: transparent;
  font: 2.2em Candara, georgia, serif;
  letter-spacing: -0.03em;
}
.col {
  float: left;
  margin-top: 10px;
  padding-bottom: 10px;
}
.col>a {
  font-size: 0.75em;
  font: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
  color: #99cc00;
 /* font-family: Arial, Helvetica, Tahoma, Sans-serif;    */
  line-height: 1.5em;
  padding: 5px;
  padding-left: 15px;
}
.col>h2 {
  padding-left: 15px;
  font: 1.5em Candara, georgia, serif;
  letter-spacing: -0.03em;
  color: #ffcc00;
  text-transform: lowercase;
  margin-bottom: 1px;
}


#freebox {
  margin-top:10px;
  margin-left: 10px;
  border-style: dotted; border-width: 1px; padding: 5px 2px 5px 2px;
  width: 184px;
}
a.plink {
  color: #99cc00;
}
a.pulink {
  color: #99cc00;
}
a.plink, a.pulink {  font-size: 1.0em;  }
a.plink:link, a.plink:visited, a.plink:hover,a.plink:active, a.plink:focus,
a.pulink:link, a.pulink:visited, a.pulink:active, a.pulink:focus{
  text-decoration: none
}

a.plink:link,a.plink:visited{color: #99cc00; }
a.pulink:link,a.pulink:visited{color: #99cc00; }

a.plink:hover { border-bottom: 2px dotted #99cc00;}
a.pulink:hover {text-decoration: underline; }
a.plink:active, a.pulink:active,a.plink:focus, a.pulink:focus
{  background-color: lightgrey; color: #f0f0f0; border: none;}





