/* first undo (a few) defaults which can disrupt a layout */

:link,:visited { text-decoration:none }


body { 
background-color: white;
font-family: Verdana;
font-size: 14px;
color:black;
margin:0px;
padding-bottom:20px;
}

#header { 
height:103px;
background:white;
border:2px solid brown;
background-image:url(images/woodsbanner.JPG);
background-repeat:no-repeat;
}


#mainbody { 
margin-left:155px;
padding-top:5px;
padding-right:20px;
padding-bottom:5px;
padding-left:20px;
background:white;
border:0px solid brown;
}

#menu { 
position:absolute;
top:105px;
left:0px;
width:155px;
background:cornsilk;
color:brown;
border:2px solid brown;
padding: 5px;
}

.menuitem { 
width:140px;
background:cornsilk;
color:brown;
font-size:12px;
border:3px solid cornsilk;
}

.menuitem a:link {
color:blue;
text-decoration:none;
}

.menuitem a:visited {
color:blue;
text-decoration:none;
}

.menuitem a:hover {
color:#990000;
background:cornsilk;
text-decoration:underline;
}

.menuitem a:active {
color:#666666;
text-decoration:none;
}

.right
{
	float: right;
}


.left
{
	float: left;
}

a:link {
color:red;
text-decoration: underline;
}

a:visited {
color:red;
text-decoration: underline;
}

a:hover {
background-color:white;
color:BLUE;
text-decoration: none;
}

.right a:link {
color:red;
text-decoration: underline;
}

.right a:visited {
color:red;
text-decoration: underline;
}

.right a:hover {
background-color:whitesmoke;
color:BLUE;
text-decoration: none;
}


h1 { font-size:30px}

h2 { font-size:24px}

h3 { font-size:20px}


.heading { 
font-family:Lucida Calligraphy;
font-size:36px;
background-color:yellow;
color:brown;
font-weight:bold;
text-align: center
}