body {
margin: 0%;
background-image: url(images/gradient.png);
background-repeat: repeat-x;
background-color: #dfd3b5;
}

h1{
	text-align: center;
	font-variant: small-caps;
	color: red;
	font-size: 20pt;
}

.copyright {
text-align: center;
color: #663300;
}

/*--------- DIV's ----------*/
#page {
width: 780px;
height: 810px;
background-color: #9a8a65;
margin-right: auto;
margin-left: auto;
}

#center{
height: 770px;
width: 750px;
margin: 2%;
background-image: url(images/background2.png);
background-repeat: no-repeat;
background-color: white;
}

#menu {
float: left;
width: 240px;
margin-top: 2%;
margin-left: 0px;
background-image: url(images/mid_piece_background.png);
}

#blank{
float: left;
height: 265px;
width: 400px;
}
#content {
float: left;
width: 510px;
height: 500px;
overflow: auto;
}



/* Remove Indents */
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 5px;
	width: 229px;
	color: #fff;
	}

/*Positioning*/
	ul li {
		position: relative;
		}

/*appareance*/
li ul {
	position: absolute;
	left: 224px;
	top: 0;
	display: none;
	}

/*styling*/
ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #2a2a2a;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

/*appear*/
li:hover ul{ 
display: block; }