/*@charset "utf-8"; I tried my best to describe where I could how these affect the page. It took a long time for me to figure out how to even set the design like it was, the only thing you may really need to know is that you NEED to change the vertical size of the page MANUALLY. I'm not sure why I couldnt get it to work automatically. That is located at #bodyWrapper and is the height attribute. Just change it for your needs :) The colors can be changed throughout the whole page. Make sure to change them with the css, so the page can still be validated. Enjoy - Jedadiah Ashford */

body {
	/*font-family: "Comic Sans MS";*/
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color:#FFFFFF;
	/*background-image:url(/images/goldback.jpg);
	background-repeat:repeat;
	/*background-image:url(/images/chain.jpg);
	background-image: url(/images/koenigsegg.jpg);*/
	}

body img {
	border: none;
	}

#header { /* this is the div on the top holding the acme picture.*/
	width:900px;
	height:100px;
	margin:auto;
	}
#Navigation { /* this is the navigation bar its about the same as the footer bar if you change this one then change the footer */
	position:relative;
	height:22px;
	width:900px;
	background-color: #FF3300;
	font-size: 14px;
	font-weight: bolder;
	text-indent:20px;
	margin:auto;
	}
	
#Navigation a {
	color:#000066;
	font-size: 14px;
	text-decoration: none;
	vertical-align:middle;
	}

#Navigation a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}

#bodyWrapper {   /* this div encompasses the #list-menu and also the #MainBody, this allows both of those divs to be centered on the page but floating left and right within this div.*/
	margin:auto;
	width: 898px;
	min-height: 475px; /*this must be changed manually for the page to be resized vertically*/
	border-right-width: 1px; /*this is for the single pixel border on the right of the page*/
	border-right-style:solid;
	border-right-color:#FF3300;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FF3300;
	background-color:#003399;
	}	

#list-menu {   /* this is the div on the left, another navigation div. */
	text-align:left;
	float:left;
	margin:auto;
	width: 189px;
	min-height: 475px;
	background-color:#003399;
	font-size: 12px;
	}

#list-menu img{
float: left;
	}

#list-menu ul {
	text-align:left;
	margin-top:5px;
	padding: 0;
	padding-left: 0px;
	z-index: 100;	
	} 

#list-menu li {
	padding: 0;
	text-decoration: none;
	list-style: none;
	font-size: large;
	font-weight: bolder;
	color: #FFFFFF;
	} 

#list-menu a {   /* this is attributes for all the links */
	text-decoration: none; /*remove the link underlines*/
	color: #FFFFFF;
	}

#list-menu li a {/* this is attributes for all the links in the list */
	padding: 0;
	list-style: none;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bolder;
	} 

#list-menu a:hover {
	color: #00FF33;
	}

#list-menu ul li.MakeTitle a { /* this is attributes for all the title links (products, strategies...etc which is located in the list-menu div */
	width:107px;
	height: 30px;
	/*background-image: url(../assets/woodnav1.gif);*/
	/*link-color: #FFFFFF;*/
	text-align:left;
	vertical-align:bottom;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}
#list-menu ul li.MakeTitle a:hover {
	color: #00FF33;
	}

#MainBody { /*this div holds the main content of the page*/
	float:right;
	margin: auto;
	min-height: 475px;
	width:709px; /* minus 1px for red border on right of screen*/
	background-color:#CCCCCC;
	overflow: auto;
	
	}

#MainBody table {
	height:auto;
	background-color:#cc9966;
	}

#MainBody a {
	color: #0000FF;
	font-weight: bold;
}

#MainBody form label {
	float: left;
	text-align: left;
	min-width: 8em;
	padding-right: 1em;
	}



#Footer {
	color:#CCCCCC;
	position:relative;
	float:left;
	margin:auto;
	width:899px;
	background-color: #FF3300;
	font-size: 14px;
	font-weight: bolder;
	text-align:center;
	/*text-indent:20px;*/
	padding-top: 4px;
	clear: none;
	}

#Footer a {
	color:#000066;
	font-size: 12px;
	text-decoration: none;
	}

/*#Footer a:visited {
	color: #FFFFFF;
	}*/

#Footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}

#Legal {
	clear:none;
	float:left
	margin:auto;
	height:25px;
	width:800px;
	}

.center {text-align:center}