body {
	font-family: "Courier New", Courier, monospace;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666;
}
.oneColFixCtr #container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 20px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
h1 { margin:0 }
.nav {
	padding:20px;
	background:#ccc;
	line-height: 24px;
}	
.nav a { color:#666; font-weight:bold }
a { color:#006; text-decoration: none;  }
a:hover { text-decoration:underline; }
.left { float: left }
.right { float: right }
.clear { clear:both }

.inner {
	padding:36px 72px;
	color: #333;
	background: #d7f0f4;
}

.active { color:#333; font-size:110%; }

.name { font-weight: bold; font-size: 125%; }

.home .inner { 
	background: url('images/main-no-title.jpg') no-repeat;
	height: 404px;
	padding: 72px 72px;
}

.home h1 { font-size:3.5em; margin-bottom:.75em; }

.team .inner {
	background: #d7f0f4 url('images/team.jpg') no-repeat bottom;
	padding-bottom: 550px;
	
}

.story .inner {
	background: #d7f0f4 url('images/story.jpg') no-repeat bottom;
	padding-bottom: 250px;
	
}

#footer {
	text-align:right;
	margin-top:1em;
}

.video .inner { text-align:center }