body {
background: #E1DDD3;
font-family: arial, 'sans-serif';
font-size: 67.5%;
}

	#banner {
	background: #5A4F46;
	height: 131px;
	position: relative;
	width: 1014px;
	}
	
		#banner h1 {
		background: url(images/edmont-logo.png) top left no-repeat;
		display: inline-block;
		height: 96px;
		margin: 25px 0 0 20px;
		text-indent: -5000px;
		width: 221px;
		}
		
		#banner h1.join {
		background: url(images/edmont-logo-join.png) top left no-repeat;
		}
		
		#banner h2 {
		color: #C7C5C0 !important;
		float: right;
		font-size: 2.4em;
		font-weight: lighter;
		position: absolute;
		right: 40px;
		top: 40px;
		}
		
		#banner h2 a {
		color: #C7C5C0 !important;
		font-size: .6em;
		display: inline-block;
		margin-left: 20px;
		}
	
	#content {
	background: #B1AA96;
	float: left;
	padding-top: 10px;
	width: 1014px;
	}
	
		#content a {
		color: #5A4F46;
		}
	
		#content p {
		color: #2E2E2E;
		font-size: 1.1em;
		line-height: 140%;
		margin-top: 0;
		}
		
			#content ul {
			color: #2E2E2E;
			font-size: 1.1em;
			line-height: 140%;
			margin-left: 13px;
			margin-top: 0;
			padding-left: 0px;
			}
		
		#content h2 {
		color: #2E2E2E;
		font-weight: lighter;
		text-transform: uppercase;
		}
		
		#content h3 {
		color: #2E2E2E;
		font-size: 1.4em;
		font-weight: lighter;
		margin-bottom: 5px;
		padding-bottom: 0;
		}
	
	#footer {
	background: #F48C00;
	float: left;
	height: 20px;
	width: 1014px;
	}
	
		#footer p {
		display: inline-block;
		float: left;
		margin-left: 25px;
		margin-top: 3px;
		width: 600px;
		}
		
		#footer span {
		background: #6C3C00;
		display: inline-block;
		float: right;
		height: 20px;
		width: 20px;
		}

	#frame {
	background: #B1AA96;
	margin: 23px auto;
	position: relative;
	width: 1014px;
	}
	
	#nav {
	background: #7D7163;
	float: left;
	height: 305px;
	width: 265px;
	}
	
		#nav ul {
		font-size: 1.1em;
		font-weight: lighter !important;
		list-style: none;
		margin: 40px 0 0 25px;
		padding: 0;
		}
		
			#nav ul li {
			text-transform: uppercase;
			margin-bottom: 6px;
			}
			
				#nav ul li a {
				color: #45433F;
				padding-left: 10px;
				text-decoration: none;
				}
				
					#nav ul li a:hover, #nav ul li a.on {
					background: url('images/li-white.gif') 0px 4px no-repeat;
					}
					
		/* subnav */
		
		#nav ul li.white {
		text-transform: uppercase;
		margin-bottom: 6px;
		}
		
			#nav ul li.white a {
			color: #C7C5C0;
			padding-left: 10px;
			text-decoration: none;
			}
			
				#nav ul li.white a:hover, #nav ul li.white a.on {
				background: url('images/li.gif') 0px 4px no-repeat;
				color: #EFA800;
				}
				
	#shade {
	background: transparent url(../images/shade.png) top left;
	height: 65px;
	left: 0px;
	position: absolute;
	top: 371px;
	width: 1014px;
	z-index: 1000;
	}	
	
	#splash {
	background: #333;
	float: left;
	height: 305px;
	overflow: hidden;
	width: 749px;
	}
	
		#splash ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
		
			#splash ul li {
			margin: 0;
			padding: 0;
			}
			
	#sub {
	left: 0px;
	position: absolute;
	}
	
		#sub ul {
		font-size: 1.1em;
		font-weight: lighter !important;
		list-style: none;
		margin: 15px 0 0 25px;
		padding: 0;
		width: 220px;
		}
		
			#sub ul li {
			text-transform: uppercase;
			margin-bottom: 6px;
			}
			
				#sub ul li a {
				display: inline-block;
				color: #45433F;
				padding-left: 10px;
				text-decoration: none;
				}
				
					#sub ul li a:hover, #sub ul li a.on {
					background: url('images/li-black.gif') 0px 5px no-repeat;
					color: black;
					}
	
		.first {
		display: inline;
		float: left;
		margin-left: 265px;
		margin-right: 20px;
		width: 388px;
		}
		
		.iframe img  {
		border: 3px solid #B1AA96;
		/*margin: 0 12px 12px 0;*/
		}
		
		.iframe:hover img {
		border: 3px solid gold;
		}
		
		a:hover .projects dt {
		border: 2px solid gold;
		}
		
		div.holder {
		display: block;
		float: left;
		height: 78px;
		margin: 0 12px 12px 0;
		width: 105px;
		}
		
		.projects {

		float: left;
		height: 85px;
		margin: 0px 0 10px 0px;
		padding: 0;
		width: 350px;
		}
		
		.projects.odd {

		}
		
		.projects dt {
		float: left;
		margin: 0;
		padding: 0;
		height: 85px;
		width: 85px;
		}
		
			.projects dt img {
			border: none;
			height: 85px;
			margin: 0;
			padding: 0;
			width: 85px;
			}
		
		.projects dd {
		float: right;
		margin: 0 2px 0 0;
		padding: 0;
		width: 250px;
		}
		
			.projects h3 {
			text-transform: uppercase;
			}
		
			.projects h3, .projects p {
			margin-left: 10px;
			margin-top: 0;
			}
		
		.text {
		display: inline;
		float: left;
		padding-bottom: 10px;
		width: 335px;
		}
		
		.text.long {
		padding-bottom: 10px;
		width: 700px;
		}
		
		.text.nudge {
		margin-top: 45px;
		}
		
		strong.yellow {
		background: yellow;
		}