html,body {
height: 100%;

}
a {
outline: none;
}
img {
border: none;
}
object {
outline: none;	
}
div {
padding:0;
margin:0;	
}
p {
padding-top: 0;
margin-top: 0;	
}
input {
border: 1px solid #775700;
font-size: 18px;
color: #6D8D04;
}

textarea {
border: 1px solid #775700;
font-size: 18px;
color: #6D8D04;
}
table {
margin:0;
padding:0;	
}
body
{
	margin: 0px;
	padding: 0px;
	background-repeat: repeat;
	background-color: #352D18;
	font-family: "georgia", Sans-Serif, serif;
	font-size: 1em;

	text-align: center;
}
.container {
margin-left: auto; margin-right: auto; width: 900px; height:585px;
background-image: url('/media/images/topBG.jpg');
background-repeat: no-repeat;
position: relative;
}
#homebtn {
top: 88px;
left: 637px;
position: absolute;
display: block;
text-decoration: none;
width: 63px;
height: 38px;
background-repeat: no-repeat;
}
.homeback {
background-image: url('/media/images/home.jpg');
}

#booksbtn {
top: 88px;
left: 718px;
position: absolute;
display: block;
text-decoration: none;
width: 66px;
height: 41px;
background-repeat: no-repeat;
}
.booksback {
background-image: url('/media/images/books.jpg');
}


#contactbtn {
top: 88px;
left: 801px;
position: absolute;
display: block;
text-decoration: none;
width: 89px;
height: 41px;
background-repeat: no-repeat;
}
.contactback {
background-image: url('/media/images/contact.jpg');
}


#content {
height: 438px;
width: 610px;
position: absolute;
top: 126px;
left: 270px;
overflow: auto;
text-align: left;

}
h1 {
font-size: 22px;
color: #222;
margin:0;
padding:0;
margin-top: 2px;
margin-bottom: 10px;
text-align: left;
}
a {
text-decoration: underline;
color: #6D8D04;
}
a:hover {
text-decoration: none;
color: #992222;
}
.nav {
border-bottom: 2px solid #775700;
margin-bottom: 5px;
text-align: left;	

}
.nav a {
color: #6D8D04;
font-size: 26px;
text-decoration: none;
outline: none;
}
.nav a:hover {
color: #333333;
}
.nav .ff {
color: #000000;	
}