@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

body { 
	font-family: arial, helvetica, sans-serif; 
	font-size: 65%; /* Sets the text size */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Sets the type face to be displayed */
	color: BLACK; /* The text color will be white */
	background-image: url('images/fence.jpg') /* Background color/image of website */
 }
 
/* This is a basic website structure, top/header, middle/content and bottom/footer */
#container {
	margin: auto; /* Centers the website in the browser window */
	width: 800px; /* This is the width of the whole website */
	height: 950px; /* This is the height of the whole website */
	background-color: WHITE; /* Background color of content*/ 
 }
	
#header {
	width: 800px;
	height: 125px; 
	background-image: url('images/header.jpg');
 }

/* Container to set the background color for the menu */
#menuContainer {
	height: 26px; 
	width: 800px;
	margin: 0 auto;
	background-color: #1f1f1f;
}
 
/*Menu Bar*/

#menu { 
	margin: 0 auto; 
	width: 300px; 
	height: 26px; 
	}
#menu li { 
	list-style: none; 
	float: left;  
	position:relative; 
}
#menu a { 
	color: #ffffff; 
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: none;
	background-color: #1f1f1f;
	display: block;
	margin: 1px;
	padding: 4px;
	border: 1px solid #1f1f1f;
}
#menu a:hover { 
background-color: #d1d1d1;
}

#content { 
	width: 800px; 
	margin: 0; 
	background-color:#ffffff;
	border-top: 1px solid #CCC;
}

p { 
	margin:15px;
}
	
#content {
	width: 800px;
	height: 525px;
 }
 
#footer {
	width: 800px;
	height: 25px;
	}

/* Floats text to the right of Image */	
	.left {
	float: left;
	 }
	 
/* Unordered List */
ul { 
	margin-left: 35px;
	}