/*/
/*All associated graphics copyright 2003, Nicolas Prade.
*/



/*/_____ Body & Container __________
*/

body {
	background: #564 url(pattern.gif);
	color: black;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "verdana", sans-serif;
	font-size: 11px;
	}

#container {
	position: relative;
	top: 0;
	left: 0;
	margin: 15px auto;
	padding:  0;
	border-top: solid 1px #453;
	border-right: solid 2px #342;
	border-bottom: solid 1px #342;
	border-left: solid 2px #453;
	width: 750px;
	color: #fff;
	text-align: left;
	background: #000 url(flo_b.jpg) bottom left no-repeat;
	overflow: hidden;
	}



/*/_____ General Settings __________
*/

h1, h3 {
	font-style: italic;
	}
h3 {
	font-size:18px;
	font-weight: 600;
	}

a {
	text-decoration: none;
	border-bottom: solid 1px #896;
	}

a:link {
	color: #009;
	background-color: transparent;
	}

a:visited {
	color: #744;
	background-color: transparent;
	}

a:hover {
	color: #d28;
	background-color: transparent;
	} 

acronym {
	cursor: help;
	}

li {
	list-style: circle url(dot.gif);
	}



/*/_____ Intro __________
*/

#intro {
	position:relative;
	top:0;
	left:0;
	background: #000 url(flo_t.jpg) top left no-repeat;
	color: white;
	height: 650px;
}


/*/_____ Page Header __________
*/

#pageHeader {
	float: right;
	height: 500px;
	padding: 20px 17px 0 0;
	border:0;
	text-align: right;
	}

#pageHeader h1 {
	font-weight: 800;
	font-size: 32px;
	margin: 0;
	border: 0;
	padding: 0;
	color: #deb;
	background: transparent;
	}

#pageHeader h2 {
	font-weight: 400;
	font-size: 11px;
	margin: 0;
	border: 0;
	padding: 0 25px 0 0;
	color: #cda;
	background: transparent;
	}

#pageHeader h2 acronym {
	border-bottom: 1px solid black;
	}



/*/_____ Preamble __________
*/

#preamble {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 0 20px 0;
	margin: -1px 0 0 50px;
	width: 250px;
	border-top: solid 1px #deb;
	border-right: solid 1px #674;
	border-bottom: none;
	border-left: solid 1px #deb;
	background: #9a7;
	color: #342;
	}

#preamble h3 {
	background: #9a7 url(corner_tr_9a7.gif) top right no-repeat;
	color: #342;
	padding: 10px 5px 4px 20px;
	margin: 0 0 10px 0;
	font-size: 18px;
	}

#preamble p {
	padding: 0px 18px 0 20px;
	margin-top: 0px;
	}


/*/_____ Summary __________
*/

#quickSummary {
	position: absolute;
	bottom: 40px;
	left: 355px;
	width:350px;
	border: none;
	text-align: center;
	font-style: italic;
	font-family: "georgia", serif;
	font-size: 16px;
	line-height: 22px;
	}


#quickSummary p {
	background: url(checker.gif);
	color: white;
	}

#quickSummary a {
	white-space: nowrap;
	border-bottom: solid 1px #453;
	color: #ab8;
	background: transparent;
	}

#quickSummary a:hover{
	color: #d28;
	background: transparent;
	}


/*/_____ Link List __________
*/

#linkList2 div {
	margin: -1px 0 0 50px;
	width: 250px;
	border-top: none;
	border-right: solid 1px #674;
	border-bottom: none;
	border-left: solid 1px #deb;
	background: #9a7;
	color: #564;
	}

#linkList {
	position:absolute;
	top:650px;
	left:0;
	z-index:1;
	}

#linkList h3 {
	background: #e68;
	color: #deb;
	padding: 4px 15px 3px 20px;
	margin: 0 0 10px 0;
	}

#linkList ul {
	padding: 0px 15px 30px 35px;
	margin: 0;
	}

#linkList ul li {
	margin: 9px 0 1px 0;
	}

#linkList a.c {
	color: #564;
	background: transparent;
	}

#linkList a.c:visited {
	color: #744;
	background: transparent;
	} 

#linkList a.c:hover {
	color: #d28;
	background: transparent;
	} 

#linkList2 div#lresources {
	border-bottom: solid 1px #674;
	padding-bottom: 70px;
	background: #9a7 url(corner_bl_9a7.gif) bottom left no-repeat;
	color: inherit;
	}


/*/_____ Supporting text __________
*/

#supportingText {
	position: relative;
	bottom: 0;
	right: 0;
	z-index: 2;
	width: 360px;
	padding: 0;
	margin: 0 30px 0 360px;
	}

#supportingText div {
	padding: 0 0 38px 0;
	margin: 0;
	border-top: solid 1px #deb;
	border-right: solid 1px #674;
	border-bottom: solid 1px #674;
	border-left: solid 1px #deb;
	background: #cda;
	color: #120;
	}

#supportingText p {
	padding: 0px 20px;	
	text-indent: 12px;
	}

#supportingText h3 {
	padding: 3px 20px;
	margin: 0;
	}

#supportingText h3:before,
#supportingText h3:after {
	content: " - ";
	}



/*/_____ So What Is This About? __________
*/

#supportingText div#explanation {
	position: relative; /* required for IE */
	top: 0;
	left: 0;
	background: #cda;
	color: #452;
	}


#explanation h3 {
	background: #ab8 url(corner_tr_ab8.gif) top right no-repeat;
	color: #675;
	}



/*/_____ Participation __________
*/

#supportingText div#participation {
	position: relative;
	top: -28px;
	left: -67px;
	z-index: 4;	
	width: 380px;
	background: #bb8 url(corner_bl_ab8.gif) bottom left no-repeat;
	color: #341;
	}

#participation h3 {
	background: #aa7 url(corner_tr_9a7.gif) top right no-repeat;
	color: #636344;
	}


/*/_____ Benefits __________
*/

#supportingText div#benefits {
	position: relative;
	left: 20px;
	top: -50px;
	z-index: 5;
	padding-bottom: 0px;
	background: #d99;
	color: #300;
	}

#benefits h3 {
	background: #e68 url(corner_tr_e68.gif) top right no-repeat;
	color: #eeb;
	}

#supportingText div#benefits p {
	padding: 15px 20px 20px 20px;
	margin: 0px;
	}


/*/_____ Requirements __________
*/

#supportingText div#requirements {
	position: relative;
	top: -40px;
	left: -20px;
	background: #ab8 url(corner_bl_ab8.gif) bottom left no-repeat;
	color: #342;
	}

#requirements h3 {
	background: #9a7 url(corner_tr_9a7.gif) top right no-repeat;
	color: #636944;
	}


/*/_____ Footer __________
*/

#supportingText div#footer {
	position: absolute;
	bottom: -2px; /* tighten up */
	right: -30px;
	width: 770px;
	padding: 4px;
	margin: 0;
	border: none;
	overflow: hidden;
	background: #e68;
	color: #eeb;
	text-align: center;
	}

#footer a {
	font-size: 18px;
	font-weight: 800;
	font-style: italic;
	text-decoration: none;
	letter-spacing: 3px;
	padding-right: 30px;
	padding-left: 30px;
	margin: 0 -10px 0 0; /* tighten up */
	border: none;
	background: transparent;
	color: #eeb;
	}

#footer a:hover {
	color: #b05;
	background: transparent;
	}


/*/_____ The End __________
*/