body { background: #F2F2F2; }
img { overflow: hidden; }
a { color: #647924; text-decoration: none;}
h1 { font-size: 150%; border-bottom: 2px solid #555555; margin: 100px 0 -15px 0; }
h2 { margin: 40px 0 5px 0; }	
h2 a { font-size: 70%; color: #e6ae50; font-style: italic;}

#top-line { background: #555555; height: 9px; }
#doc { background: #F2F2F2; }

#hd {	}
	#nav {
		padding: 6 0 20 0;
	}
		#nav a {
			color: #555555;
		}
		#nav a.active {
			color: #333333;
		}
	#logo { 
		text-align: right;
		margin: 80px 0px 20px 0px;
	}
	#hd .tagline {
		padding: 0 0 10px 0;
	}			
	#splash {
		background: #EEE;
		margin: 0 0 15px 0;
		border: 2px solid #DDD;
		clear: both;
		display: block;
		height: 270px;	
		padding: 15px;
	}
	
		#splash .hold-splash-img {
			float: left;
			margin-right: 20px;
		}
		#splash .innerText {
			font-size: 130%;
			color: #333;
			margin: 15px;
		}
		
	.three-up {
			background: #DDD;
			margin-bottom: 10px;
			text-align: center;
			font-weight: inner;
			font-size: 200%;
			padding: 5px 0 5px 0;
	}
	
.roundImage {
	padding: 6px;
	background: #CCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}	

#contents {
	background: #EEE;
	padding: 10px;
	border: 1px solid #FFF;
	margin-top: 10px;
}
	#contents ul { margin-top: 0px; }
	#contents li { list-style: none; }
		#contents li.root {
			font-weight: bold;
			margin-top: 5px;
		}
		#contents li a {
			color: #000;
		}
	
#ft { 
	text-align: right;
	margin-top: 100px;
	padding: 30px 100px 10px 0;
	border-top: 1px solid #FFF;
	background: #555555; 
	color: #F2F2F2;
}
	#ft a { color: #E4CB37; }
	#ft .cite {
		margin-top: 70px;
	}
	
ul#demos li {
	margin: 10px;
	font-weight: bold;
}