html, body {
		margin: 0; padding: 0;
		overflow: auto;
		}

	body {
		width: 100%; max-width: 100%;
		background-color: #ffd001;
		font: 400 1em arial, sans-serif;
		color: #fff;
		line-height: 1.4em;
		}

	a {
		text-decoration: none;
		color: #555;
		}

	a:hover {
		text-decoration: underline;
		color: #f00;
		}

	#top {
		overflow: hidden; 
		height: 120px; width: 100%;
		text-align: center;
		vertical-align:middle;
		background: #ffd001 ;
		border-top: solid 10px #6dab24;
		}
		
	 #top  img{
		padding-top:10px;
	}
		
	#left {
		position: absolute; top: 130px; left: 0; 
		overflow: hidden; 
		height: 400px; width: 180px;
		text-align: right;
		background-color: #ffd001 ;
		}



	#outer { 
		width:100%;
		}


	#main { 
		width:80%;
		margin: 0px 0px 0px 180px;
		padding-bottom: 10px;
		background-color: #6dab24;
		}
		
	
	#maininner {
		margin-left: 25px;
		margin-bottom: 25px;
		margin-top: 5px;
		margin-right: 10px;
		border-left: solid 3px #fff;
		border-top: solid 3px #fff;
		padding: 15px 10px 30px 15px;
		height:400px;
		width:90%;
		overflow:auto;
		}

		
	#footer	{
		text-align:center;
	}
		
	#outer ul {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin-left:0px;
		margin-top:0px;
		padding-left:10px;
	}
	
	.linavselected  {	
		border-bottom: solid 2px #ffd001;
		background-color: #6dab24;
		background-image: url(../images/navselected.jpg);
		background-repeat:no-repeat;
		background-postion:top left;
		margin-left:0px;
	}
	
	.linav {	
		border-bottom: solid 2px #ffd001;
		background: #fff url(../images/nav.jpg) no-repeat top left;
		margin-left:0px;
	}
	
	
	h1 {
		display: inline;
		margin-right: 30px;
		font: 800 25px 'century gothic', 'trebuchet ms', arial, sans-serif;
		color: #fff;
		text-align: right;
		}
		
	h2  {
		font: 800 20px 'century gothic', 'trebuchet ms', arial, sans-serif;
	}
		
	h3 {
		font-weight:bold;
		padding: 2px;
		margin: 0.2em 0;
	}
	
	td {
		vertical-align:top;
	}

	span.title {
		display: block;
		margin: 0 0 5px 0;
		font: 600 1.1em 'century gothic', 'trebuchet ms', arial, sans-serif;
		color: #fff;
		}

	img.lime {
		margin-bottom: -6px;
		margin-right: 8px;
		}

	span.yellow {
		color: #cf0;
		}

	span.green {
		color: #0c0;
		}
	
	a.nav {
		display: block;
		margin: 0;
		text-decoration: none;
		font: 500 20px 'trebuchet ms', arial, sans-serif;
		height:28px;
		color: #000f77;
		padding: 10px 10px 10px 10px;
		margin-left:20px;
		
		}
		
	a.navselected  {
		display: block;
		margin: 0;
		text-decoration: none;
		font: 500 20px 'trebuchet ms', arial, sans-serif;
		color: #fff;
		padding: 10px 10px 10px 10px;
		margin-left:20px;
		}

	a.nav:hover {
		color: #6dab24;
		text-decoration: none;
		}

	.credit a, .credit a:hover {
		color: #555;
		}

	.date {
		float: left; 
		width: 2.0em;
		font: 600 1.3em arial, sans-serif;
		padding-right: 5px;
		text-align: right;
		}

	

	div.quote {
		margin: 8px 0 12px 10px; color: #fff;
		background: #2a2a2a url('../images/quote.jpg') repeat-x top;
		border-bottom: solid 1px #2e2e2e; 
	 	border-right: solid 1px #2e2e2e; 
	 	border-left: solid 2px #0c0;
		padding: 8px;
		line-height: 1.7em;
		}

	p.comment {
		font-size: 0.9em;
		font-family: 'century gothic', 'trebuchet ms', arial, sans-serif;
		}

	span.credit {
		display: block;
		text-align: center;
		color: #555;
		margin: 15px 0 0px 0;
		font: 400 0.9em 'trebuchet ms', arial, sans-serif;
		}