body {
	background-color: #000099;
	background:url(images/bgtest.jpg);
	
}

.wrapper {
	width:1200px;
	height:545px;
	margin: 0 auto;
	text-align:	left;
	background:url(images/blueberryback4.png) no-repeat top right;
	
	}
	

.header {
	background:url(images/Title.png) no-repeat left;
	height:90px;
	width:378px;
	position:absolute;
	left: 20%;
	top: 8%;
		}
	
.content {
	background:url(images/table-background3.png) no-repeat top center;
	width:853px;
	height:503px;
	position:absolute;
	left: 20%;
	top: 15%;
	}

.mainTable {
	width:630px;
	height:390px;
	position:absolute;
	text-align:left;
	left: 22%;
	top: 27%;
	overflow: scroll;
	overflow-x:hidden;
	}
	
.blueBeary {
	background:url(images/bluebeary.png);
	width:286px;
	height:400px;
	position:absolute;
	left: 63%;
	top: 10%;
	}

.blueBearyPaw {
	background:url(images/bluebearypaw.png);
	width:75px;
	height:68px;
	position:absolute;
	left: 60%;
	top: 16%;
	}
	
.blueBearyArm {
	background:url(images/bluebearyarm.png);
	width:150px;
	height:100px;
	position:absolute;
	left: 69%;
	top: 48%;
	}

.blueBerrySide {
	background:url(images/blueberryside.png);
	width:500px;
	height:450px;
	position:absolute;
	left: 797px;
	top: 207px;
	
	}


.nav {
	position:absolute;
	left: 22%;
	top: 23%;
}

ul.nav, ul.nav ul {
margin: 0;
padding: 0;
list-style-type: none;
float:left;
border: 1px solid #000000;
background-color: #000000;
}

ul.nav li {
float: left;
width: 8em;
background-color:#FFFFFF;
}

ul.nav li ul {
width: 8em;
position: absolute;
left:-999em;
}

.nav li:hover ul {
left:auto;
}

ul.nav a { display: block;
color:#003399;
text-decoration: none;
padding: 0.3em 1em;
border-right:1 px solid #000000;
border-left:1px solid #00000;
}

ul.nav li li a {
border-top: 1px solid #000000;
border-bottom:1px solid #000000;
border-left: 0;
border-right: 0;
}

ul.nav li:last-child a {
border-right:0;
border-left:0;
}