@charset "UTF-8";

/*         .o88o.                     .o    .oooo.     .o  
           888 `"                   o888  .dP""Y88b  o888  
 .ooooo.  o888oo  ooo. .oo.  .oo.    888        ]8P'  888  
d88' `"Y8  888    `888P"Y88bP"Y88b   888      .d8P'   888  
888        888     888   888   888   888    .dP'      888  
888   .o8  888     888   888   888   888  .oP     .o  888  
`Y8bod8P' o888o   o888o o888o o888o o888o 8888888888 o888o 
*/
/* CSS for Bradley Peyton Law */
/*Making the box on the page*/
.container {
	width: 52em;
	margin-left: auto;
	margin-right: auto;
	background-color:#242863;
	padding:10px;

}
	/*Allowing the top and bottom to work with the rounded corners.*/
.icing {
	position: relative;}
	/*Code for rounded corners - HIGHLY adapted version of Karate Corners */
.upperleft {
	position:absolute;
	width:10px;
	height:10px;
	background: url(../images/rounded.png) no-repeat;
	top: 0;
	left: 0;
	background-position:0 0;
	background-color:white;
}
.upperright {
	position:absolute;
	width:10px;
	height:10px;
	background: url(../images/rounded.png) no-repeat;
	top: 0;
	right: 0;
	background-position:-10px 0;
	background-color:white;
}
.bottomleft {
	position:absolute;
	width:10px;
	height:10px;
	background: url(../images/rounded.png) no-repeat;
	bottom: 0;
	left: 0;
	background-position:0 -10px;
	background-color:white;
}
.bottomright {
	position:absolute;
	width:10px;
	height:10px;
	background: url(../images/rounded.png) no-repeat;
	bottom: 0;
	right: 0;
	background-position:-10px -10px;
	background-color:white;
}


/*Corner code end */
.logo {padding:10px;
text-align:left;
width:353px;
display: block;}

.ship {
	top: 0px;
	right:1em;
	position: absolute;
}

.main {
	background-image:url(../images/tree_small.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	}
	
	
.menu {margin-top:.5em;
width:12em;
float: left;
text-align:right;
padding-right:.5em;

}

.menu img {
	padding-bottom:10px;
}
.content {
	width:37.5em;
	background-color:grey;
	position:relative;
	clear:right;
	overflow:auto;
	margin-left:12em;
	padding: .5em;
	border: .5em solid #0E0;
	}




.copyright {
	position:inherit;
	text-align:center;
}


/*Dreamweaver help! */
.clearfloat {
	clear:both;
	height:0;
}
/*magical Dreamweaver help from heaven.  YESS! (this gets rid of the ANNOYING float-y problem*/
p {
	margin-top:0;}