body { 
	margin: 0;
	padding: 0;
	background-color: black;
	text-align: center;
	font: 12px Helvetica, Arial, Geneva, Verdana, sans-serif;
 
}

/* structures */

#frame {
	background-color: white;
	width:770px;
	margin: 0 auto;
	padding:0px;
	text-align:center;
}

#banner {
	background-color: white;
	text-align: center;
	background-image: url(../images/dakota.jpg); 
	width: 770px;
	height: 132px;
	clear: both;
	font: 42px Helvetica, Arial, Geneva, Verdana, sans-serif;
	color: white;
	position: relative;
}

#bannertext {
	position: absolute;
	bottom: -10px;
	left: 110px;
	font: 42px Helvetica, Arial, Geneva, Verdana, sans-serif;
	color: white;
} 


#navigation {
	width: 550px; 
	height: 40px; 
	padding: 0; 
	clear: both; 
	border: 4px solid white;
	background: white;
}

#content {
	clear: both;
	width:550px;
	margin: 0 auto;
	padding:0 10px 0 10px;
	text-align: left;
	background:#FFFFFF;
	overflow:hidden;
}

/* navigation menu styles */
#navigation ul { list-style: none; width: 550px; padding: 0 10px; float: left; clear: both; }

#navigation li { 
	color: black;
	font: 12px Helvetica, Arial, Geneva, Verdana, sans-serif;
	padding: 0px 30px 10px 0;
	text-transform: uppercase;
	float: left;
}
	
		#navigation li a, #navigation li a:visited { color: black; text-decoration: none; }
	
		#navigation li a:hover { color: red; text-decoration: none; }
		
		#navigation li a.current, #navigation li a.current:visited, #navigation li a.current:hover { color: #090; text-decoration: underline; }

/* header styles */

h1 { 
	letter-spacing: 5px; 
	word-spacing: 0px; 
	text-transform: uppercase;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

h2 {
	letter-spacing: 2px;
	text-transform: uppercase;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

/* image style */

img.right {
	padding: 3px; margin: 5px 0 5px 15px; float: right; clear: right;
}