/* CSS Document */

	body, html {
		height: 100%;}

	body {
		text-align: center;
		background-image: url(../library/bottom_fade.jpg);
		background-position: bottom left;
		background-repeat: repeat-x;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333;}
		
	#container {
		width: 900px;
		margin: 10px auto;
		padding: 0;
		border: 0;}
		
	#nav {
		width: 150px;
		margin: 0;
		padding: 0;
		border: 0;
		float: left;
		margin-bottom: 20px;}
		
	#content {
		margin: 0 0 0 175px;
		padding: 0;
		border: 0;
		text-align: left;}
		
	a.nav {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333;
		display: block;
		text-decoration:none;
		width: 150px;
		margin: 0;
		padding: 7px 0;
		border-bottom: 1px solid #ccc;
		text-align: center;}
		
	a:hover.nav {
		background-color: #FF9900;}
		
	h1 {
		margin: 0 0 10px 0;
		padding: 0;
		font-weight: bold;
		font-size: 150%;}
		
	h3 {
		margin: 0 0 10px 0;
		padding: 0;
		font-weight: bold;
		font-size: 115%;
		color: #FF9900;}
		
	a.basic {
		color: #FF9900;
		text-decoration: underline;}
		
	a:hover.basic {
		color: #000;}
		
	#header {
	text-align: left;
	width: 900px;
	margin: 20px auto 40px auto;
	padding: 0;
	border: 0;}
	
	#footer {
		margin: 20px auto;
		width: 900px;
		padding: 5px 0 0 0;
		border-top: 1px solid #ccc;
		font-size: 10px;
		text-align: right;
		clear: left;}