
html, body {
	margin:0;
	padding:0;
	color:#444;
	background:#B1AE83 url('body_shadow.gif') repeat-y center;
	font:normal normal normal 1em/1.5em 'Palatino', 'Times New Romans', 'Georgia', serif
}

* {
	margin:0;
	padding:0
}

a {
	color:#555
}

p {
	margin:20px 20px 0;
	font-size:85%;
	color:#373318
}

#container {
	position:absolute;
	width:600px;
	left:50%;
	margin-left:-300px;
	background:#DFE2C3 url('container_bg.png')
}

#intro #pageHeader {
	width:600px;
	height:450px;
	background-image:url('top.jpg')
}

#intro #pageHeader h1 {	
	display:none
}

#intro #pageHeader h2 {
	position:absolute;
	top:275px;
	left:540px;
	width:30px;
	height:30px
}

#intro #pageHeader h2 span {
	display:block;
	position:absolute;
	top:-375px;
	left:-540px;
	width:600px;
	height:1px;
	font-size:1px;
	color:#CCD2DE;
	background:url('e.png') no-repeat bottom
}

#intro #pageHeader h2:hover {
	cursor:crosshair
}

#intro #pageHeader h2:active span {
	top:-375px;
	width:600px;
	height:550px
}

#intro #quickSummary .p1 {
	color:#5A3312;
	text-align:center;
	padding-bottom:10px;
	border-bottom:1px solid #B0B39A
}

#intro #quickSummary .p2 {
	margin-top:5px;
	text-align:right;
	font-size:70%;
	color:#A19F79
}

#intro #quickSummary .p2 a {
	color:#A19F79
}

#intro #quickSummary .p2 a:hover {
	color:#975900;
	text-decoration:none
}

#supportingText {
	width:600px
}

#preamble {
	width:375px
}

#intro h3, #supportingText h3 {
	margin:20px 0 0 20px;
	padding:40px 0 0 20px
}

#preamble h3 span, #supportingText h3 span, #linkList h3 {
	color:#5A3312;
	font:italic normal lighter 110% 'Georgia', 'Palatino', 'Times New Roman', serif
}

#preamble h3 {
	background:url('the.png') no-repeat left bottom
}

#explanation h3 {
	background:url('so.png') no-repeat left bottom
}

#participation h3 {
	background:url('p.png') no-repeat left bottom
}

#benefits h3 {
	background:url('b.png') no-repeat left bottom
}

#requirements h3 {
	background:url('r.png') no-repeat left bottom
}

#requirements {
	background:url('zen.png') no-repeat 95% 100%
}

#explanation .p1 {
	width:335px
}

#requirements .p3 {
	background:url('road_hover.jpg') no-repeat 6% 50%
}

#requirements .p3 span {
	display:block;
	padding-left:365px;
	min-height:170px;
	background:url('road.jpg') no-repeat 6% 50%
}

#requirements .p3 span:hover {
	background:none
}

* html #requirements .p3 span {
	height:170px
}

* html #participation .p2 span {
	height:133px
}

#preamble .p3 span, #explanation .p2 span, #participation .p3 span, #benefits .p1 span {
	padding:2px 24px 0 0;
	background:url('endp.png') no-repeat top right
}

#requirements .p4 {
	padding-bottom:50px;
	background:url('bendp.png') no-repeat bottom center
}

#preamble .p1 span, #explanation .p1 span, #participation .p1 span, #benefits .p1 span, #requirements .p1 span {
	padding-left:20px
}

#requirements .p5 {
	padding-top:15px;
	width:300px;
	font-size:70%;
	line-height:100%
}

#supportingText p a {
	color:#7E4B00;
	font-weight:bold;
	font-size:90%;
	text-decoration:none;
	text-shadow:0 0 0 #555
}

#supportingText p a:hover {
	color:#616F00;
	text-shadow:0 0 1px #555
}

#requirements .p5 a {
	font-size:85%
}

#linkList {
	position:absolute;
	top:645px;
	right:10px;
	width:200px;
	line-height:110%
}

#linkList h3 {
	padding:4px 0 6px;
	width:190px;
	font-size:80%;
	font-style:normal;
	color:#484800;
	text-shadow:1px 1px 1px #999;
	border-bottom:1px solid #D7D9BF
}

#linkList ul {
	margin:0 10px 17px 7px;
	list-style-type:none	
}

#linkList ul li {
	font-size:70%
}

#linkList ul li a {
	text-decoration:none;
	color:#616F00;
	font-weight:bold
}

#linkList ul li a:hover {
	color:#975900
}

#linkList ul li .c {
	font-weight:normal
}

#linkList #lselect ul li {
	margin-left:-4px;
	padding:4px;
	border-bottom:1px solid #CFCB9D
}

#linkList #lselect ul li:hover {
	background:#CFCB9D;
	border-bottom:1px solid #879900
}

#linkList #lselect ul li a:hover {
	text-decoration:underline	
}

#linkList #lselect ul li:hover a {
	color:#7F4B00
}

#linkList #lselect ul li:hover .c {
	color:#505B00
}

#footer {
	width:560px;
	height:2em;
	margin:5px 0 0 20px;
	font:normal 80% 'Georgia', 'Palatino', 'Times New Roman', serif;
	line-height:2em;
	border-top:1px solid #B0B39A
}

#footer a {
	text-decoration:none;
	font-weight:bold;
	color:#616F00
}

#footer a:hover {
	color:#7E4B00;
	border-bottom:1px solid #7E4B00
}
