/*=============================================== Sunflower Theme By Pim Peeters ===============================================*/

/* Picture's are free for use */

/*====================================
Algemeen
====================================*/
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100.01%;
	}
body {
	background: #FFFFF3 url(background.gif) left top repeat-x fixed;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	z-index: -3;
	width: 100%;
	}
/*====================================
div's + postion: absolute;
====================================*/
#container {
	position: absolute;
	width: 400px;
	margin: 0 60px 0 0;
	top: 0;
	right: 50px;
	padding: 0 0 20px 0;
	background: #ffffff;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #FFFFFF url(containerback.gif) bottom left no-repeat;
	z-index: +1;
	}
#pageHeader {
	width: 400px;
	height: 240px;
	background: #ffffff url(header.jpg) top left no-repeat;
	margin: 30px 0 45px 0;
	}
#linkList {
	position: absolute;
	float: right;
	top: 150px;
	right: 410px;
	width: 200px;	
	border: 1px solid #000000;
	background: #ffffff;
	padding: 3px;
	z-index: +1;
	}
#footer {
	position: absolute;
	top: 270px;
	margin-right: 50px;
	width: 400px;
	height: 35px;	
	background: #ffffff url(bottom.gif) top left no-repeat;
	line-height: 30px;
	text-align: right;
	letter-spacing: 1px;
	}
#quickSummary .p1{
	position: absolute;
	float: right;
	top: 963px;
	right: 410px;	
	padding: 3px;
	border: 1px solid #000000;
	background: #ffffff;	
	width: 200px;
	/* 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: 0;
	margin-right: 50px;
	width: 400px;
	height: 30px;
	background: #ffffff 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: #4D8040;
	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: #4D8040;
	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: 196px;
	padding: 3px;
	}
#linkList a:link, #linkList a:visited {
	color: #4D8040;
	font-weight: normal;
	}
#linkList a:hover {
	color: #000000;
	background: #CCFF80;
	font-weight: normal;
	}
#linkList a:active {
	color: #4D8040;
	font-weight: normal;
	}
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;
	}