﻿body {
	font-family: Calibri, Verdana, "Trebuchet MS", sans-serif;
	font-size:14px;
	background:url('images/bcgGrad.png') #E9E9E9 repeat-x;
	color:#1C1C1E;
	text-align:center;
}
p { 
	text-align:justify;
	margin:0;
	padding:0.5em 1em;
}
h1, h2, h3, h4, h5, h6 { font-family: Georgia, serif; }
h2, h3 { 
	border-style:solid;
	border-color:#07277e;
	border-width:0 0.8em;
	padding:0.3em 0.3em 0.3em 0.8em;
	background-color:#217ab9;
	text-align:left;
	font-size:1.1em;
	margin:0 0 5pt 0;
	color:#eee;
}
a:link,
a:visited {
	color:#333333;
}
a:hover,
a:active,
a:visited:hover {
	color:#333333;
	background-color:#E7E2E2;
}

#container {
	width:58em;
	margin:2em auto;
	background-color: #FFFFFF;
}

#intro {
	text-align:left;
	background-color:white;
}
#intro a:link,
#intro a:visited {
	color:#f60;
	background:none;
}
#intro a:hover,
#intro a:active,
#intro a:visited:hover {
	color:#d00;
	background:none;
}

#pageHeader { 
	text-align:right;
	height:250px;
	background:url("images/header.png") no-repeat bottom left;
	border-bottom:1px solid #003;
}
#pageHeader h1 {
	letter-spacing:0.1em;
	font-size:300%;
	margin:0;
	text-align:right;
	float:right;
	padding: 10px;
	color:#e75faa;
	width:8em;
}
#pageHeader h1 span {

}
#pageHeader h2 {
	color:#E5E0DC;
}
#pageHeader h2 span {

}

#preamble {
	clear:both;
}
#preamble h2 {
	font-size:1.4em;
	margin-top:0px;
}
#supportingText {
	margin:1.4em 0;
	float:left;
	width:39.4em;
	background:white;
}

#explanation {
	float:left;
	width:19.25em
}
#participation {
	clear:right;
	float:right;
	width:19.25em
}
#benefits {
	clear:both;
	text-align:left;
}
#footer {
	clear:both;
	text-align:center;
	background-color:#217ab9;
	border-style:solid;
	border-color:#07277e;
	border-width:0 1em;
	margin:5pt 0 15pt 0;
	color:#EEE;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:visited:hover { 
	color:#410;
	background-color:#ffc;
}

#linkList {
	margin:1.4em 0;
	background-color:white;
	float:right;
	width:17.4em;
	text-align:left;
}
#linkList ul {
	margin:0 0 0 1em;
	padding:0.5em 1em;
}
#nav ul { margin:0px 0px 2em 0px; width:15em; }
#nav ul li { list-style-type:none; margin:1px 0px 0px; }
#nav ul li a:link,
#nav ul li a:visited {
	color:#333333;
	background-color:#e75faa;
	padding:.3em .3em .3em .8em;
	font-weight:bold;
	font-size:.9em;
	text-decoration:none;
	display:block;
}
#nav ul li a:hover,
#nav ul li a:active,
#nav ul li a:visited:hover {
	color:#333333;
	background-color:#E7E2E2;
}

/* Conatct Form */
.response { font:normal 12px Arial, Helvetica, sans-serif; color:red; text-align:center;}
.loader { text-align:center; width:auto; padding:0; margin:0;}
#contactform { margin:0; padding:5px;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0 0 5px 0; padding:10px; background:none;}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label { margin:0; width:150px; display:block; float:left; padding:0 0 2px 0; font-size:11px; font-weight:bold; }
#contactform label span { font-weight:normal; font-size:10px; color:#666; margin:0; padding:0;}
#contactform input.text { width:359px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:359px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#contactform li.buttons input { padding:2px 5px; margin:0 15px 0 0; background:#222222; border:1px solid #000; color:#FFF;}
