/* css Zen Garden default style v1.01 */
/* css released under Creative Commons ShareAlike License v1.0 - http://creativecommons.org/licenses/sa/1.0/  */

/* This file based on 'Tranquille' by Dave Shea */
/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */

/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */

	acronym
		{
		cursor: help;
		}
		
	body
		{
		margin: 0;
		padding: 0;
		background-color: #000000;
		color: #CCCCCC;
		}
		
	div
		{
		font: normal 11px tahoma, verdana, arial, sans-serif;
		background: #000000 no-repeat fixed 0px 0px;
		}
		
	a
		{
		color: #CCCCCC;
		}
		
	a:hover
		{
		color: #003366;
		}
		
	h1, h2, h3
		{
		margin: 0;
		}
		
	#container
		{
		margin: 0;
		width: 640px;
		height: 360px;
		position: absolute;
		left: 0px;
		top: 0px;
		overflow: auto;
		}
		
	#pageHeader
		{
		height: 400px;
		background: url(intro.jpg) no-repeat scroll;
		}
		
	#pageHeader *
		{
		display: none;
		}
		
	#quickSummary, #footer
		{
		border: 5px dashed #003366;
		text-align: center;
		height: 120px;
		width: 33%;
		margin-left: 33%;
		margin-top: 140px;
		margin-bottom: 140px;
		padding: 5px;
		}
		
	#footer
		{
		margin-top: 190px;
		margin-bottom: 190px;
		height: 20px;
		}
		
	#preamble, #explanation, #participation, #benefits, #requirements, #lselect, #lfavorites, #larchives, #lresources
		{
		padding-left: 365px;	
		padding-right: 5px;	
		padding-top: 20px;
		padding-bottom: 20px;
		min-height: 400px;
		margin-top: 60px;
		}
		
	#explanation, #requirements, #larchives
		{
		padding-left: 5px;
		padding-right: 365px;
		}
		
	#preamble
		{
		background-image: url(road.jpg);
		background-color: #CCFFCC;
		color: #003366;
		}
		
	#explanation
		{
		background-image: url(lamb.jpg);
		background-position: 265px 0px;
		background-color: #EEEEEE;
		color: #333333;
		}
		
	#participation
		{
		background-image: url(kitten.jpg);
		background-color: #333333;
		color: #CCFFCC;
		}
		
	#benefits
		{
		background-image: url(flower.jpg);
		background-color: #FFFFCC;
		color: #003300;
		}
		
	#requirements
		{
		background-image: url(cat.jpg);
		background-position: 265px 0px;
		background-color: #999999;
		color: #FFFFFF;
		}
		
	#lselect
		{
		background-image: url(tree.jpg);
		background-color: #000000;
		color: #FFFFEE;
		}
		
	#lfavorites
		{
		background-image: url(sand.jpg);
		background-color: #99CCCC;
		color: #006633;
		}
		
	#larchives
		{
		background-image: url(swan.jpg);
		background-position: 265px 0px;
		background-color: #666666;
		color: #CCCCCC;
		}
		
	#lresources
		{
		background-image: url(sunset.jpg);
		background-color: #FFFF99;
		color: #666666;
		}
		
	#participation a
		{
		color: #CCFFCC;
		}
		
	#requirements a
		{
		color: #FFFFFF;
		}
		
	#lselect a
		{
		color: #FFFFEE;
		}
		
	#lfavorites a
		{
		color: #006633;
		}
		
	#larchives a
		{
		color: #CCCCCC;
		}
		
	#lresources a
		{
		color: #666666;
		}
		
	#participation a:hover
		{
		color: #000000;
		}
		
	#requirements a:hover
		{
		color: #666666;
		}
		
	#lselect a:hover
		{
		color: #333333;
		}
		
	#lfavorites a:hover
		{
		color: #669999;
		}
		
	#larchives a:hover
		{
		color: #000000;
		}
		
	#lresources a:hover
		{
		color: #CCCC66;
		}
		
	#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6
		{
		display: none;
		}