.body {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fdf8e8;
	font-family: Verdana;
	text-align: center;
	}

.container {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 800px;
	background-color: #b0b978;
	/*
	border: dotted 1px #fff;
	background-image: url(images/flower.gif);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:bottom left; 
	*/
	}

.banner {
	margin-left: auto;
	margin-right: auto;
	width: 790px;
	height: 200px;
	vertical-align: 50%;
	text-align: center;
	font-family: Franklin Gothic;
	color: #9d5928;
	background-color: #b0b978;
	background-image: url(images/sc_aerial.jpg);
	border: dotted 1px #b0b978;
	}

.banner h1 {
	vertical-align: middle;
	background-color: #fdf8e3;
	color: #9d5928;
	font-family: Garamond;
	font-size: 72px;
	/* for IE */
	filter:alpha(opacity=70);
	zoom: 1;
	/* CSS3 standard */
  	opacity:0.7;
	}
	
.nav {
	float: left;
	margin-left: auto;
	margin-right: auto;
	margin: 2px 3px 2px 2px;
	height: 570px;
	width: 23%;
	text-align: left;
	font-family: Verdana;
	color: #364332;
	/*border: dotted 1px #fff;*/
	background-color: #e8e810;
	}
	
.nav h1 {
	margin: 2px 2px 5px 2px;
	text-align: left;
	padding: 1px;
	font-family: Garamond;
	font-size: 36px;
	color: #9d5928;
	background-color: #b0b978;
	}

.nav ul, li {
	list-style: none;
	text-align: left;
	padding: 1px;
	font-family: Verdana;
	font-size: 12px;
	color: #364332;
	
	}

.nav a:link, a:visited {
	color: #364332;
	text-decoration: none;
	}

.nav a:hover, a:active,  {
	background-color: #fdf8e3;
	text-decoration: none;
	}
		
.content {
	padding: 10px;
	float: right;
	margin-left: auto;
	margin-right: auto;
	margin: 2px 2px 2px 3px;
	height: 550px;
	width: 73%;
	text-align: left;
	font-family: Verdana;
	font-size: 12px;
	color: #364332;
	background-color: #e0ff20;
	}

.content h1 {
	margin: 2px 2px 5px 2px;
	text-align: left;
	font-family: Verdana;
	font-size: 24px;
	color: #9d5928;
	}
	
.content b {
	font-family: Verdana;
	font-size: 12px;
	color: #9d5928;
	}
	
.content a:link {
	color: #0000d8;
	text-decoration: none;
	}

.content a:hover, a:active {
	background-color: #fdf8e3;
	text-decoration: none;
	}
	
.left-content {
	float: left;
	border: solid 1px #364332;
	width: 47%;
	background-color: #fdf8e3;
	margin-left auto;
	margin-right: auto;
	
	}
.left-content p {
	text-align: left;
	font-family: Verdana;
	font-size: 12px;
	color: #364332;
	margin: 5px;
	}
	
.left-content b {
	font-family: Verdana;
	font-size: 12px;
	color: #9d5928;
	}
	
.left-content h2 {
	margin: 0px;
	text-align: center;
	color: #fdf8e3;
	background-color: #b0b978;
	font-family: Trebuchet MS;
	font-size: 16px;
	border-bottom: solid 1px #364332;
	}
	
.right-content {
	float: right;
	border: solid 1px #364332;
	width: 47%;
	background-color: #fdf8e3;
	margin-left auto;
	margin-right: auto;
	}
.right-content p {
	text-align: left;
	font-family: Verdana;
	font-size: 12px;
	color: #364332;
	margin: 5px;
	}
	
.right-content b {
	font-family: Verdana;
	font-size: 12px;
	color: #9d5928;
	}
	
.right-content h2 {
	margin: 0px;
	text-align: center;
	color: #fdf8e3;
	background-color: #b0b978;
	font-family: Trebuchet MS;
	font-size: 16px;
	border-bottom: solid 1px #364332;
	}
	
.footer {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana;
	font-size: 10px;
	color: #364332;
	}
	
.footer a:link {
	color: #364332;
	text-decoration: none;
	}
	
.spacer {
 	clear: both;
  	}