body { /* Overall page Settings */
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}


.whitebox { /* Page Wrapper - I removed the border here, you may want to re-add it, but keep track of all px widths and make borders 1px instead of thin */
	background-color: #FFFFFF;
	width: 653px;
	margin-left: 50px;
	margin-top: 0px;
	top: 0px;
	position: absolute;
}

.banner {  /* Banner Div Settings */
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
	position:relative; /* This div must be relative */
	height: 280px;
	width: 100%;	/* This automatically stretches the div to the width of whitebox */
}

.contentwrapper{ /* This is the main content wrapper. */
width:100%;
position:relative; /* This div must be relative */
}

.links { /* Links Settings */
	float: left;
	width: 200px;
	margin-top: 18px;
}

ul#navigation { /*Navigation Menu List for organizing links links */
	width:200px;	
	margin:0px;
	padding:0px;
}


ul#navigation li { /*settings for the actual list elements within the list */
 	list-style: none;
  	list-style-type:none;
	border-top:dashed 1px #D3D9BD;
 	text-align: center;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:12px;
 	font-weight:bold;
	margin:0px;
 	padding:0px;
}


ul#navigation li a { /*settings for any links within the list elements */
	display:block; /* This sets the entire area including non-text areas to clickable regions */
  	text-decoration: none;
  	padding: 6px 0px 6px 0px;  /* Top right bottom left */
 	margin:0px;
}

/*Navigation Link Behaviors */
a.navlink:link, a.navlink:visited { color:#427100; } /* static behaviors */
a.navlink:hover, a.navlink:active {  /* dynamic behaviors */
	color:#D3D9BF; 
	background-image:url(images/navigation_rollover.jpg);
} 


.main-content{ /* Main Content Section */
float:right;
width:453px; /* Note 453 width here + 200 width from navigation = 653 which is the width of whitebox...all your numbers must add up */
}


.images { /* Images Settings NOTE - Margins relate to outside the image div and padding relates to inside the image div */
	height: 200px;
	margin-top:18px;
	margin-bottom:15px;
	margin-right:15px;
	color: #000000;
	background-color: #CCCCCC;
	padding-bottom:0px;
	padding-top:18px;
	text-align:center; /* centers text/items */
}


.clear{ /* Makes the links div = the main-content div in height and forces the whitebox to stretch down and encapsulate everything */
clear:both;
}

.rightalign{
text-align:right;
padding-right:3px;
}

.blackline{
	background-color: #000000;
	background-repeat: repeat-x;
	height: 1px;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}