body
{
position: relative;
width: 770px;
height: 1200px;

margin-left: auto;
margin-right: auto;
background-color: white;
}



#header

{
position: absolute;
top: 0px;
left: 0px;
width: 770px;
height: 132px;

background: transparent url(images/header.jpg) no-repeat top left;
border-style: none; 

}

#guts 
{
position: absolute;
top: 140px;
width: 770px;
background: transparent url(images/grass.jpg) top right repeat-y;
background-color: white;
border-style: none;
}




#foot
{position: relative;
width: 770px; height: 80px;
background-color: white;
border-bottom-style: none;
}

h1
{
font-family:  Times;
font-size: 25px;
text-align: left;
margin: 10px 145px 0px 15px;
color: black;
letter-spacing: 0px;

}

.wider {margin: 10px 0px 0px 15px; }

h2
{
font-family:  Helvetica, sans-serif;
font-size: 20px;
text-align: left;
margin: 20px 0 0 15px;
color: #055248;
letter-spacing: 0px;

}


h3
{
font-family:  Times;
font-style: italic;
font-size: 16px;
text-align: left;
margin: 12px 0 0px 15px;
color: #055248;
letter-spacing: 0px;

}


/*main text format*/

p
{
font-family: Helvetica, sans-serif;
font-size: 14px;

text-align: left;

margin: 0px 165px 6px 15px;
color: #464646;
letter-spacing: 0px;
line-height: 20px;
}

.right { text-align: right; margin: 0px 0px 0px 0px; }
.bold { font-size: 15px; font-weight: bold; }
.table { margin: 0px 0px 0px 15px; }
.credit { font-style: italic; text-align: right; }
.caption { font-size: 11px; text-align: left; margin: 0px 10px 20px 15px;}
.footer { font-size: 10px; text-align: center; margin: 0px 15px 0px 15px; }
.box {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #000000;
}



/*classes based on main text format for additional positioning, smaller columns, footer*/




/*navigation menu*/


#button {
position: absolute;
top: 0px; width: 130px;
height: 600px; margin-left: 640px ;

padding: 0 0 0 0;
font-family:  Helvetica, sans-serif;

text-align: right;
font-size: 15px;


}


#button ul 
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}
		

#button li 
{
border-bottom: 1px solid #c4b075;
margin: 0;
}

#button li a 
{
display: block;
padding: 7px 5px 9px 0.5em;
border-left: none;

background-color: white;
color: black;
text-decoration: none;
width: 100%;
}


#button li a {
width: auto;
}


#button li a:hover {
background-color: #58491c;
color: white;
}


#button li a:active {
background-color: #d1bf8a;
color: #024934;
}



/*navigation styling for any links outside the menu*/


a {
color: #7b6935;
text-decoration: underline;
border-style: none; 
}



a:hover
{color: #005073;
text-decoration: underline;
border-style: none; 
}


a:active
{color: #008DC6;
border-style: underline; 
}