html
{
	overflow: auto;
	color: white;
}
body
{
	margin: 0;
	padding: 0;
	background-image: url('images/background.jpg');
	font-family: Georgia;
	
    
}

h1 {line-height:50%;}
h2 {line-height:100%;}
a:link {color: #e5bd91;}
a:visited {color: #e5bd91;}
a:active {color: #e5bd91;}
a:hover {background-color: #e5bd91; color: #5a2d07}

#outercontainer
{
	margin-right: auto;
	margin-left: auto;
	width: 900px;
}	


#generalpic
{
	position: absolute;
	border:none;
}


div#mainleft
{
	float : left;
	width: 65%;
}	 
div#mainright
{
	float: right;
	width: 30%;
}
#text
{
	
}


div#content
{
	position: absolute;
	margin-left: 60px;
	margin-top: 130px;
	width: 440px;
	border: 1px solid black;
	color: #e5bd91;
	line-height: 150%;
}

div#content .header
{
	border: 1px solid black;
	height: 30px;
	text-align: center;
	text-decoration: bold;	
	font-size: x-large;
}
div#content .text
{
	border: 1px solid black;
	height: 400px;
	overflow:auto;
	background-color: #5a2d07;
	opacity: 0.6;	
	padding: 3px;	
}
div#content .footer
{
	border: 1px solid black;
	height: 20px;
	font-size: xx-small;
	text-align: center;
	background-color: #5a2d07;
	opacity: 0.6;	
}

div#content .threepics a{background-color: #5a2d07; color: #5a2d07; text-decoration: none;}