/* css to control general style and div tag postions */




/* start of: headings - paragraph - links */

h1 
{
color: #387225;
font-family: verdana;
font-size: 80%;
font-style: bold;
}

h2 
{
color: white;
font-family: verdana;
font-size: 80%;
font-style: bold;
}

h3 
{
color: white;
font-family: verdana;
font-size: 90%;
}

h4 
{
color: white;
font-family: verdana;
font-size: 80%;
font-style: bold;
}

p
{
font-family: verdana;
font-size: 80%;
}

label 
{
color: #387225;
font-family: verdana;
font-size: 80%;
font-style: bold;
}

textarea 
{
font-family: verdana;
font-size: 80%;
}

input
{
font-family: verdana;
font-size: 80%;
}

select
{
font-family: verdana;
font-size: 80%;
}

ul.bullets
{
font-family: verdana;
font-size: 80%;
}

ol.bullets
{
font-family: verdana;
font-size: 80%;
}

A {font-family:verdana; font-size:100%; font-weight: bold; color: #387225;}
A:link {font-family:verdana; font-size:100%; font-weight: bold; color: #387225;}
A:visited {color: #97BC8C;text-decoration: underline;}
A:hover {color: #903433; text-decoration: underline;}
A:active {color: #97BC8C;text-decoration: underline;}

A.home {font-family:verdana; font-size:80%; font-weight: bold; color: #387225;}
A:link.home {font-family:verdana; font-size:80%; font-weight: bold; color: #387225;}

/* end of: headings - paragraph - links */




/* start of: key page elements positioning using div tags */


/* page container */

div.container
{
width:800px;
background-color:white; color:#000000

}


/* start of masthead */

div.header
{
height:62px;
color:white;
background-color:#387225;
font-family:Verdana; font-size:90%pt
}

div.header2
{
border-top:1px solid white;
height:25px;
color:#FFFFFF;
background-color:#97BC8C;
border-bottom:1px solid gray; font-family:Verdana; font-size:85%; font-weight:bold
}

div.button1
{
width:65;
float:left;
}

div.button2
{
width:90;
float:left;
}

div.button3
{
width:105;
float:left;
}

div.button4
{
width:115;
float:left;
}

div.button5
{
width:110;
float:left;
}

div.button6
{
width:70;
float:left;
}

div.button7
{
width:70;
float:left;
}

div.treetop
{
margin-left:650px;
margin-bottom:0px;
height:62px;
width:102px;
padding:0.em;
color:#FFFFFF;
background-color:#387225;
}

div.sitetitle
{
float:left;
margin-left:5px;
height:30px;
margin-bottom:5px;
width:102px;
padding:0.em;
color:#FFFFFF;
background-color:#387225;
}

div.stump
{
margin-left:673px;
margin-top:0px;
height:23px;
width:52px;
padding:0.em;
color:#FFFFFF;
background-color:#97BC8C;
}

/* end of masthead */



/* start of content area */

div.content
{

padding:0.5em;
background-color:white;
}

div.logo
{
float:left;
width:199px;

margin:15;
margin-top:10;
}

div.welcome
{
width:520px;

margin-left:255px;
margin-top:20;
}

div.themes
{

width:760px;
margin-left:10px;
margin-top:35;
font-family:Verdana; 
font-size:10px; 
color:#387225; 
font-weight:bold;

}

/* end of content area */



/* start of footer */

div.footer
{
height:15px;
padding:0.5em;
color:#FFFFFF;
background-color:#97BC8C;
border-top:1px solid gray;
font-color: white;
font-family: verdana;
font-size: 80%;
font-style: bold;
margin-bottom:0;
width:795px;
}

/* end of footer */


/* end of: key page elements positioning using div tags */