@charset "utf-8";

	/* NOTE! 
		For this template, the following CSS rules are different from the index
	
		1) all "#right" div elements have been removed as they are not needed
		2) #main - width is changed from 424px to 600px to accomodate for above
		3) #wrapper - background image removed, background color added	
		4) #footer - background image removed, background color added	
	*/

	html, body {
		margin: 0px;
		padding: 0px;
		height: 100%;
		background: url(images/interface/main-bg.jpg);
		font: 12px Georgia, "Times New Roman", Times, serif;
		color: #333333;
	}
	
	#container {
		margin: auto;
		width: 799px;
		min-height: 400px;	
	}
	
	* html container {
		height: 400px;
	}
	
	#wrapper {
		background: #fff; /* DIFFERENT FROM INDEX TEMPLATE CSS */
		clear: both;
		height: 100%;
	}
	
	#header {
		background: #fff;
	}
		
	#left {
		width: 150px;
		float: left;	
		background: #fff;
		padding: 0 0 0 20px;
		height: 100%;
	}
	
	#leftnav {
		padding: 10px 0 0 0;
		background: #CCC;
	}
	
	#leftnav ul {
		padding: 0 0 0 20px;
		list-style-type: none;
		margin: 0px;
	}
	
	#leftnav li {
		line-height: 180%;
	}
	
	#leftnav a {
		color: #666;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 16px;
		font-weight: bold;
		text-decoration: none;
	}
	
	#leftnav a:hover {
		text-decoration: underline;
	}
	
	#main {
		width: 600px; /* DIFFERENT FROM INDEX TEMPLATE CSS */
		float: left;	
		background: #fff;
		margin: 5px 10px 5px 5px;
		line-height: 160%;
		overflow-x: hidden;
	}
	
	#main p {
		padding-left: 10px;
	}
	
	#footer {
		background: #fff;
		clear: both;
		text-align: center;
		font-size: 11px;
		color: #999999;
		padding: 5px;
	}
	
	#footer a {
		color: #666666;
	}
	
	a {
		color: #993333;
	}
	
	blockquote {
		text-align: justify;
	}
	
	h1 {
		font-size: 20px;
		color: #333333;
	}
	
	h2 {
		color: #333333;
		font-size: 16px;
	}
	
	p {
		text-align: justify;
	}