body 
{ margin-top: 5;
  margin-bottom: 5;
  margin-left: 5;
  margin-right: 5;
  padding-left: 5;
  padding-right: 5;
background:darkred;
color:wheat;
font-family: "Verdana", "informal roman", serif 12pt ;  
scrollbar-3dlight-color:wheat; 
scrollbar-arrow-color:wheat;
scrollbar-base-color:darkred;
scrollbar-darkshadow-color:#ffa500;
scrollbar-face-color:darkred;
scrollbar-highlight-color:darkred;
scrollbar-shadow-color:wheat}
}

a:link {color: #d9b98b}
a:visited {color: #d9b98b}
a:hover {color: #ffffe0}
a:active {color: #00FF00}

#headerimg  {
  margin: 7px 9px 0; 
  height: 150px; 
  width: 950px; }




#header {
  margin: 20px;
  padding: 10px;
  height: 150px;
background:darkred;
background: url("/images/sunsetdr.jpg") 
  no-repeat bottom center;
color: white;

 }
}
#left {
  position: absolute;
  left: 15px;
  top: 200px;
  width: 150px;
background:darkred;

font-family:( "veranda", "informal roman", serif;
font-size: 12pt;
color:wheat); 
}

#left2{
 position: absolute;
  left: 15px;
  top: 525px;
  width: 165px;

background:wheat; 


color:darkred ;font-family:( "veranda", "informal roman", serif;
font-size: 12pt;font-weight: bold;
); 
border: dashed 2px silver;
}

#left3
{position: absolute;
  left: 15px;
  top: 525px;
  width: 165px;

background:darkred;}

#cell5
{ position: absolute;
  top: 650;
  margin-left: 15px;
 width:900px;
padding-top: 15pt; padding-bottom: 5pt; padding-left: 10pt; padding-right: 10pt; 
color:wheat ;font-family:( "veranda", "informal roman", serif;
font-size: 12pt;font-weight: bold;
); 
background:darkred;

 border-left:3px solid wheat;
border-top:1px solid wheat;
  

}



#center {
  top: 200;
  margin-left: 180px;
  margin-right: 15px;
background: url("/images/pine1.jpg")


  font-family:( "Veranda", "informal roman", serif;)

border: dotted 2pt; border-color:darkred;
}

#centercell1
{
  top: 270;
  margin-left: 15px;
  margin-right:15px;
color:wheat ;font-family:( "veranda", "informal roman", serif;
font-size: 12pt;font-weight: bold;
); 
background:darkred;


  
border: dotted 5pt; border-color:wheat;
}

#centercell2
{
  top: 270;
  margin-left: 15px;
  margin-right:15px;
color:wheat ;font-family:( "veranda", "informal roman", serif;
font-size: 12pt;font-weight: bold;
); 
background:darkred;


  
border: inset 2pt; border-color:wheat;
}

#cell3
{
position:absolute;
  top: 350;
  margin-left: 35px;
 width:250px;
height:250px;
color:wheat ;font-family:( "veranda", "informal roman", serif;
font-size: 12pt;font-weight: bold;
); 
background:darkred;

 border-left:3px solid wheat;
border-top:1px solid wheat;
  

}

#cell4
{ position:absolute;
  top: 450;
  margin-left: 150px;
 width:250 px;
height:188px

color:wheat ;font-family:( "veranda", "informal roman", serif;
font-size: 12pt;font-weight: bold;
); 
background:darkred;


  border-left:3px solid wheat;
border-top:1px solid wheat;


}


#cell6
{ position:absolute;
  top: 300;
  margin-left: 335px;
 width:280px;
height:188px;
color:wheat ;font-family:( "veranda", "informal roman", serif;
font-size: 12pt;font-weight: bold;
); 
text-indent:25px;

background:darkred;

 border-left:3px solid wheat;
border-top:1px solid wheat;

}

#cell7
{ position:absolute;
  top: 335;
  margin-left: 376px;
 width:250px;
height:188px;
color:wheat ;font-family:( "veranda", "informal roman", serif;
font-size: 12pt;font-weight: bold;
); 

background:darkred;

 border-left:3px solid wheat;
border-top:1px solid wheat;

}



#description {
position: absolute;
  left: 255px;
  top: 250px;
  width: 150px;
background:darkred;

font-family:( "veranda", "informal roman", serif;
font-size: 12pt;
color:wheat;) 
}


p {font-size: 12pt }
p:first-letter {font-size: 200%; float: left }

p1 {font-size: 10pt }



#footer{
 position: absolute;
  left: 380px;
  top: 700px;
  width: 750px;
background:darkred;

font-family:( "veranda", "informal roman", serif;
font-size: 12pt;
color:wheat); 
}

p.margin {margin: 10px 5px 5px 5px}

</style>
<style type="text/css">#coolmenu{
border: 1px solid darkred;
width: 170px;
background-color: #darkred;
}

#coolmenu a{
font: bold 13px Verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: wheat;
text-decoration: none;
border-bottom: 1px solid wheat;
}

html>body #coolmenu a{
width: auto;
}

#tabledescription{
width: 100%;
height: 3em;
padding: 2px;
filter:alpha(opacity=0);
-moz-opacity:0;
color: wheat;
}</style>
<script type="text/javascript">

// Cool CSS Menu- By JavaScriptKit.com (http://www.javascriptkit.com)
// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
// Fading routine based on Dynamic Drive script: http://www.dynamicdrive.com/dynamicindex4/highlightgrad.htm
// This notice must stay intact for use

var baseopacity=0

function showtext(thetext){
if (!document.getElementById)
return
textcontainerobj=document.getElementById("tabledescription")
browserdetect=textcontainerobj.filters? "ie" : typeof textcontainerobj.style.MozOpacity=="string"? "mozilla" : ""
instantset(baseopacity)
document.getElementById("tabledescription").innerHTML=thetext
highlighting=setInterval("gradualfade(textcontainerobj)",50)
}

function hidetext(){
cleartimer()
instantset(baseopacity)
}

function instantset(degree){
if (browserdetect=="mozilla")
textcontainerobj.style.MozOpacity=degree/100
else if (browserdetect=="ie")
textcontainerobj.filters.alpha.opacity=degree
else if (document.getElementById && baseopacity==0)
document.getElementById("tabledescription").innerHTML=""
}

function cleartimer(){
if (window.highlighting) clearInterval(highlighting)
}

function gradualfade(cur2){
if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.2, 0.99)
else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=20
else if (window.highlighting)
clearInterval(highlighting)
}