
/*@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: "Times New Roman";
	font-size: 10pt;
	background-color: #FFF;
}
body img {
	border: none;
}
#header { /* this is the div on the top holding the acme picture.*/
	display:none;
}
#Navigation { /* this is the navigation bar its about the same as the footer bar if you change this one then change the footer */
	display:none;
}
#Navigation a, a:link {
	color: #000000;
	font-size: 10pt;
	text-decoration: none;
}
#Navigation a:hover, a:active{
	color: #000000;
	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.*/
	float:left;
}	
#list-menu {   /* this is the div on the left, another navigation div. */
	display:none;
}
#list-menu img{
	display:none;
}

#list-menu ul {
	display:none;
} 
#list-menu li {
	display:none;
} 
#list-menu a {   /* this is attributes for all the links */
	text-decoration: none; /*remove the link underlines*/
	color: #000000;
}
#list-menu li a {/* this is attributes for all the links in the list */
	padding: 0;
	list-style: none;
	font-size: 10pt;
	color: #000000;
} 
#list-menu a:hover {
	color: #000000;
}
#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 */
	link-color: #000;
	text-align:left;
	font-size: 10pt;
}
#MainBody { /*this div holds the main content of the page*/
	background-color: #FFF;
	padding-left:0;
	float:left;
}
#MainBody:before{
	content:"This is a print version of the Acme Home Page. All web only pieces have been removed.";
}
#MainBody table {
	background-color: #FFF;
}
#MainBody a {
	color: #000000;
}
#MainBody a:visited {
	color: #000000;
}
#InsideIdea { /* This is a div that is in the middle */
	display:none;
}
#InsideFood { /* This is a div that is in the middle */
	display:none;
}
#InsideProducts { /* This is a div that is in the middle */
	display:none;
}
#Footer {
    clear:both;
	float:left;
	margin:auto;
	height:18px;
	width:800px;
	background-color: #FFF;
	font-size: 10pt;
}
#Footer a:link {
	color: #000000;
	font-size: 10pt;
	text-decoration: none;
}
#Footer a:visited {
	color: #000;
}

#Footer a:hover {
	color: #000;
	text-decoration: none;
	clear:none;
}
#Legal {
	clear:both;
	float:left;
	margin:auto;
	height:25px;
	width:800px;
	display:none;

}

.form{
    width:80px;
	clear:both;
	float:left;
}
.float{
    float:left;
}
