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

margin-left: auto;
margin-right: auto;
background-color: #f9f0e4;
}



#header

{
position: absolute;
top: 0px;
left: 0px;
width: 960px;
height: 155px;

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

}

#guts 
{
position: absolute;
top: 10px;
width: 960px;
background-color: white;
border-style: none;
}

#tablestuff
{
position: relative;
margin: 6px 0px 0px 230px;
}

#events
{
position: absolute;
top: 0px;
left: 0px;
width: 300px;
background-color: yellow;
}

#home
{
position: absolute;
top: 250px;
left: 300px;
width: 480px;
background-color: blue;
}

#banner
{
position: absolute;
top: 0px;
left: 300px;
width: 480px;
height: 250px;
background-color: white;
}


#foot
{position: relative;
width: 960px; height: 100px;
background-color: #efe9e1;
border-bottom-style: none;
}

h1
{
font-family:  Lato, sans-serif;
font-size: 22px;
text-align: left;
margin: 15px 145px 0px 230px;
color: #577ea6;
letter-spacing: 0px;

}

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

h2
{
font-family:  Lato, sans-serif;
font-size: 18px;
text-align: left;
margin: 20px 0 5px 230px;
color: #577ea6;
letter-spacing: 0px;

}

.table { margin: 0px 0px 0px 0px;  }



h3
{
font-family:  Lato, sans-serif;
font-style: italic;
font-size: 16px;
text-align: left;
margin: 12px 0 0px 230px;
color: #577ea6;
letter-spacing: 0px;

}


/*main text format*/

p
{
font-family: Cardo, serif;
font-size: 16px;
font-weight: normal;
text-align: left;

margin: 6px 50px 10px 230px;
color: black;
letter-spacing: 0px;
line-height: 22px;
}

.indent { margin: 6px 50px 10px 280px; text-indent: -50px; }
.right { text-align: right; margin: 0px 220px 0px 0px; }
.bold { font-size: 16px; font-weight: bold; }
.table { margin: 3px 0px 0px 0px;  }
.tablecenter { text-align: center; margin: 3px 0px 0px 0px;   }
.tableindent { margin: 3px 0px 0px 50px; text-indent: -50px; }
.tableright { margin: 3px 0px 0px 0px; text-align: right }
.table2bold { font-size: 16px; font-weight: bold;  margin: 0px 0px 0px 0px; }
.tabletop { font-family: Lato, sans-serif; font-weight: normal; font-style: italic; margin: 6px 0px 0px 50px; text-indent: -50px; }
.tabletopright { font-family: Lato, sans-serif; font-weight: normal; font-style: italic; text-align: right; margin: 6px 0px 0px 50px; text-indent: -50px; }
.credit { font-style: italic; text-align: right; margin: 6px 235px 10px 50px;}
.caption { font-size: 12px; text-align: left; margin: 0px 10px 20px 15px;}
.footer { font-size: 12px; text-align: center; margin: 0px 15px 0px 15px; line-height: 18px;}
.box {
	font-family: GillSans, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #000000;
}
.list { margin: 6px 270px 0px 80px; }


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




/*navigation menu*/


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

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

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


}


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

#button li 
{
border-bottom: 1px solid black;
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: #577ea6;
color: white;
}


#button li a:active {
background-color: #a4a4d6;
color: black;
}



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


a {
color: #8a5402;
text-decoration: underline;
border-style: none; 
}



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


a:active
{color: white;
border-style: underline; 
}