/*syntax in calling code is div id = "#whatever"*/
	
	body {
		font-family:arial,helvetica,sans-serif;
		font-size:12px;
		background-color: #003333;
		color: #ffffcc;
	}
	#wrapper {
		width:800px;
		margin-left:100px ;
		//border:1px solid #aaa;
		padding:10px;
		//background-color: grey;
	}
	#header {
		//border:1px solid #bbb;
		height:120px;
		padding:10px;
	}
	#content {
		margin-top:10px;
		padding-bottom:10px;
		//border:1px solid #ccc;
		//background-color: blue;
	}
	#content div {
		padding:10px;
		//border:1px solid #ddd;
		float:left;
	}
	#content-left {
		width:150 px;
		height:300px;
		//background-color: silver;
		float:left;
		padding-top:100px;
	}
	#content-main {
		margin-left:200px;
		width:600px;
		/*height:450px;*/
		//background-color: green;
	}
	#content-box1, #content-box2, #content-box3 {
		padding:10px;
		border:1px solid #bbb;
		position:absolute;
		margin-top:190px;
		height:120px;
	}
/*The above CSS class applies to all 3 of the box divisions on the page. They are positioned absolutely and then pushed into the correct place by using their margin properties.*/
	img { 
		border: none; 
	}

	#content-box1 {
		margin-left:212px;
		width:200px;
	}
	#content-box2 {
		margin-left:444px;
		width:200px;
	}
	#content-box3 {
		margin-left:676px;
		width:202px;
		border:1px solid #bbb;
	}
	#footer {
		float:left;
		margin-top:10px;
		margin-bottom:10px;
		padding:10px;
		/*border:1px solid #bbb;*/
		width:878px;
	}
	#bottom {
		clear:both;
		text-align:right;
	}