* {
	padding: 0;
	margin: 0;
}
html {
	height: 100.01%;
	}
body {
	background: #000000 url(top-banner2008.jpg) left top no-repeat fixed;
	font-family: "Comic Sans MS";
	font-size: 10pt;
	z-index: inherit;
	width: 100%;
	}
/*====================================
div's + postion: absolute;
====================================*/
#container {
	position: absolute;
	width: 700px;
	margin: 0 0px 0 0;
	top: 2px;
	right: -2px;
	padding: 0 0 20px 0;
	background: #BFA3CE url(containerback.gif) bottom left no-repeat;
	border-right: 0;
	border-bottom: 0;
	background: #BFA3CE url(containerback.gif) bottom left no-repeat;
	height: 650px;
	left: 435px;
	top: 279px;
	width: 710px;
	border-left: 0;
	background-color: #BFA3CE;
	}
#pageHeader {
	width: 710px;
	height: 270px;
	background: #000000 url(newheader3.gif) top left no-repeat;
	margin: 0 50px 0 0;
	position: absolute;
	padding: 0 0 20px 0;
	top: -285px;
	left: 0px;
	}
#linkList {
	position: absolute;
	float: left;
	top: 384px;
	left: 110px;
	width: 243px;
	border: 1px solid #000000;
	background-color: #BFA3CE;
	padding: 3px;
	height: 243px;
	}
#content {
    float: none;
    float: left;
}
#content .p1{
	position: absolute;
	left: 180px;
	top: 210px;
	right: 410px;
	padding: 3px 0px 0px 10px;
	border: 1px solid #000000;
	background: #BFA3CE;
	width: 500px;
	/* Hide for IE en Mac (I hate hacks but I had to do this:( ) \*/
	width: 202px;
	}
html>body #quickSummary .p1 { /* Be nice to Opera rule (I love Opera :)) */
	width: 200px;
	} 
#quickSummary .p2{
	position: absolute;
	top: 963px;
	margin-right: 50px;
	width: 400px;
	height: 30px;
	background: #000000 url(top.gif) top left no-repeat;
	line-height: 30px;
	}
#preamble, #explanation, #participation, #benefits, #requirements {
	margin: 5px;
	}
#lselect {
	margin-top: 30px;
	}
#extraDiv1 {
	position: absolute;
	float: right;
	top: 20px;
	right: 50px;
	margin-right: 600px;
	width: 196px;
	height: 200px;
	background-image: url(flower.gif);
	z-index: 2;	
	}
#extraDiv2 {
	position: absolute;
	float: right;
	top: 870px;
	right: 480px;
	margin-right: 0;
	width: 196px;
	height: 200px;
	background-image: url(flower.gif);	
	}
#extraDiv3 {
	position: absolute;
	float: right;
	top: 400px;
	right: 0;
	margin-right: 0;
	width: 196px;
	height: 200px;
	background-image: url(flower.gif);	
	}
#extraDiv4 {
	position: absolute;
	float: right;
	top: 1210px;
	right: 20px;
	margin-right: 0;
	width: 196px;
	height: 200px;
	background-image: url(flower.gif);
	}
/*====================================
Text
====================================*/	
p span {
	margin: 2px;
	}
.p1:first-letter {
	font-size: 22px;
	font-family: "High Tower Text", "Poor Richard", Georgia, Times, "Times New Roman", sans-serif;
	color: #FFFFFF;
	font-weight: bolder;
	text-indent: 5px;
	}
#quickSummary .p2 {
	margin: 0;
	padding: 0;
	}	
#quickSummary .p2 span{
	margin: 0;
	padding: 3px;
	}
acronym {
	font-weight: bold;
	}
#intro acronym, #supportingText acronym {
	color: #6A1302;
	border-bottom: 1px dashed #6A1302;
	}
#linkList acronym {
	color: #FFFFFF;
	border-bottom: 1px dashed #4D8040;
	}
.accesskey {
	text-decoration: underline;
	}
/*====================================
H's + Hide
====================================*/
h1, h2 {
	display: none;
	}
h3 span {
	display: none;	
	}
#linkList h3 {
	height: 30px;
	margin: 10px 0 0 32px;
	}
#preamble h3, #supportingText h3 {
	height: 30px;
	margin-top: 11px;
	margin-left: 11px;
	padding-bottom: 2px;
	}
/* ========= h3 replacer ========= */
#linkList .select {
	margin-top: 16px;
	background: url(select.gif) top left no-repeat;
	}
#linkList .archives {
	background: url(archives.gif) top left no-repeat;
	}
#linkList .resources {
	background: url(resources.gif) top left no-repeat;	
	}	
#preamble h3 {
	background: url(road.gif) top left no-repeat;
	}
#explanation h3 {
	background: url(about.gif) top left no-repeat;
	}
#participation h3 {
	background: url(participation.gif) top left no-repeat;	
	}
#benefits h3 {
	background: url(benefits.gif) top left no-repeat;
	}
#requirements h3 {
	height: 35px;
	background: url(requirements.gif) top left no-repeat;
	}
/*====================================
Menu + Links
====================================*/
#linkList {
	color: #000000;
	}
#linkList ul {
	list-style: none;
	letter-spacing:1px;
	margin-top: 5px;
	font-size: 8pt;
	}
a {
	text-decoration: none;
	text-transform: capitalize;
	font-size: 9pt;
	}
li {
	width: 100%;
	padding: 3px 0;
	text-align: left;
	}
#linkList #lselect ul li a {
	width: 194px;
	display: block;
	}
#lselect ul li a.c:link, #linkList #lselect ul li a.c:link {
	display: inline;
	font-size: 7pt;
	color: #6A1302;
	padding: 1px;
	text-transform: none;
	letter-spacing: 1px;
	}
#lselect ul li a.c:hover, #linkList #lselect ul li a.c:hover {
	background: #ffffff;
	color: #000000;	
	letter-spacing: 2px;
	}	
#lselect a {
	text-transform: uppercase;
	}
a:link, a:visited {
	color: #4D8040;
	}	
#footer a {
	margin-right: 6px;
	padding: 3px;
	font-weight: bold;
	text-transform: lowercase;
	}
#footer a:link, #footer a:visited {
	color: #000000;
	}
#footer a:hover {
	color: #000000;
	background-color: #CCFF80;
	}
#footer a:active {
	color: #000000;
	}
#linkList a {
	display: block;
	width: 238px;
	padding: 3px;
	}
#linkList a:link, #linkList a:visited {
	color: #FFFFFF;
	font-weight: normal;
	}
#linkList a:hover {
	color: #000000;
	background: #CCFF80;
	font-weight: normal;
	}
#linkList a:active {
	color: #FFFFFF;
	font-weight: normal;
	font-family: "Comic Sans MS";
	}
a:link, a:visited {
	color: #4D8040;
	font-weight: normal;
	}
a:hover {
	color: #000000;
	background: #CCFF80;
	font-weight: normal;
	}
a:active {
	color: #4D8040;
	font-weight: normal;
	}
#quickSummary .p2 a {
	padding: 3px;
	text-transform: lowercase;
	}