body {
background-image: url(images/pinebough_bkgd.jpg);
}

li { 
list-style-type: none;
line-height: 1.5em;
 }


h1 { 

font-family: Georgia, "Times New Roman", Times, serif; 

font-size: 32px; 

font-weight: bold; 

color: red; 

text-align: center

} 

h2 { 

font-family: Georgia, "Times New Roman", Times, serif; 

font-size: 28px; 

font-weight: bold; 

color: #000000; 

text-align: center

} 

h3 { 

font-family: Georgia, "Times New Roman", Times, serif; 

font-size: 20px; 

font-weight: bold; 

color: #000000; 

text-align: center

} 

img {
img-align: center;
border: none;
}

p {
text-align: center;
}


#container {
position: absolute;
top: 0;
left: 50%;
width: 840px;
margin-left: -420px;
font-family: Georgia, "Times New Roman", Times, serif; 
background-color: #F9F9F9; 
border: 4px solid #C6EC8C; 
border-top: none;
border-bottom:none
}

#main {
float:right;
width:580px;
margin:20px 20px 0px 0; /*top, right, left, bottom */
padding: 0px;
display: inline;
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif; 
border-left: 2px solid #C6EC8C;
}

#sidebar {
float:left;
width:200px;
margin:5px;
padding: 10px 5px 5px 20px;
display: inline;
border-right: 0px solid #C6EC8C; 
border-left: 0px solid #C6EC8C;
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif; 
}




.menu{
margin: 5px 0;
margin-left:-40px;
margin-top:20px;
padding: 10px;
width: 225px;
border: 0;
border-bottom-width: 0;
}

.menu li a{
background: white url(images/glossyback3.gif) repeat-x bottom left;
font: bold 13px Georgia, "Times New Roman", Times, serif; 
color: white;
display: block;
width: auto;
padding: 5px 0;
text-decoration: none;
text-align: center;

}


* html .menu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 240px;
}

.menu li a:visited, .menu li a:active{
color: ltgreen;
}

.menu li a:hover{
background-image: url(images/glossyback4.gif);
}

</style>