@charset "UTF-8";
/* CSS Document */

/* HTML Elements
****************************************************/
*{
	margin:0px;
	padding:0px;
}

body{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:14pt;
	text-align:center;
	background:#fff;
}

a{
	text-decoration: underline;
	color: #4b3c1a;
}

a:hover {
	text-decoration:underline;
	color:#d2aa20;
}

h1 {
	color: #0e0e0e;
	font-size:16px;
	margin-top:0px;
	font-weight:normal;
}

img {
	border:none;
}

input {
	border: 1px #ccc solid;
	height:20px;
}

input[src="images/submit.png"] {
	height:24px;
	width:88px;
	margin-top:10px;
}

input[src="images/contribute.png"] {
	height:24px;
	width:109px;
	margin-right: 5px;
	margin-bottom: 10px;
}

sup {
	font-size:9px;
}

/* Layout (In Alphabetical Order)
****************************************************/
#banner {
	width:1000px;
	height:135px;
	margin:0 auto;
}

#banner_left_content {
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	float:left; 
	height: 135px;
	width: 315px;
}

#banner_right_content {
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
	float:left;
	width: 685px;
	height: 135px;
}

#banner_right_content_mission {
	height:135px;
	background:url(images/banner-02.gif) repeat-x;
	background-repeat: no-repeat;
	float:left;
	width: 685px;
	background-position:-65px 0px;
}

#banner_right_content_faq {
	height:135px;
	background:url(images/banner-03.gif) repeat-x;
	background-repeat: no-repeat;
	float:left;
	width: 685px;
	background-position:-65px 0px;
}

#banner_right_content_supporters {
	height:135px;
	background:url(images/banner-04.gif) repeat-x;
	background-repeat: no-repeat;
	float:left;
	width: 685px;
	background-position:-65px 0px;
}

#banner_right_content_contact {
	height:135px;
	background:url(images/banner-05.gif) repeat-x;
	background-repeat: no-repeat;
	float:left;
	width: 685px;
	background-position:-65px 0px;
}

#banner-wrapper {
	height:135px;
	background:url(images/banner-bg.jpg) repeat-x;
	width:100%;
}

#bar {
	margin:5px 0;
}

#form-left-column {
	width:28%;
	float:left;
	margin:0 0 50px;
}

#form-right-column {
	width:28%;
	float:left;
	margin:0 0 50px;
}

#form-wrapper {
	margin:35px auto 0;
	width:82%;
}

#menu {
	position:relative;
	top: 106px;
	left:250px;
	width:450px;
	height:29px;
}

#menu ul {
	list-style:none;
}

#menu ul li {
	float:left;
	display:inline;
	padding:0 2px 0 0;
}

#mid_container {
	width:1000px;
	top:0px;
	left: 0px;
	text-align:left;
}

#mid_col_left { 
	padding-right:47px;
	width:450px;
	float:left;
	padding-left: 68px;
}

#mid_col_left_home { 
	padding-right:47px;
	width:450px;
	float:left;
	padding-left: 68px;
}

#mid_col_rt {
	width: 410px;
	float: left;
	padding-top: 0px;
	height:560px;
	margin:0 0 35px;
}

#navcontainer {
	left:0px;
	top:0px;
	height:23px;
	width: 754px;
	background-image: url(images/nav_bg.jpg);
}

#right-col-bg {
	background-image:url(images/right-column-background.gif);
	background-repeat:repeat-y;
	padding:0 0 40px;
}

#right_col_low {
	width: 342px;
	padding:0px;
	margin:0 0 0 30px;
}

#right_col_mid {
	width: 322px;
	height: 165px;
	padding:0px;
	margin:0 0 0 30px;
}

#right_col_top{
	width: 322px;
	height: 190px;
	padding:22px 0 0;
	margin:0 0 0 30px;
}

#secondary_navcontainer {
	left:0px;
	top:0px;
	height:23px;
	width: 754px;
	background-image: url(images/second_nv_bg.jpg);
}

.social-icons {
	margin:34px 0 0 0;
}


/* Other Element Styles (In Alphabetical Order based on Name)
******************************************************************/
.red {
	color: #830618 !important;
}

.gray {
	color:#666 !important;
	padding:10px 0 0;
}

.callout {
	color:#313131;
	font-weight:bold;
}

.callout-2 {
	color:#313131;
	font-weight:bold;
	font-size:14px;
	margin:42px 0 0 106px;
	width:100px;
	float:left;
}

.contribute-wrapper {
	margin:0 0 10px 79px;
}

.enroll-buttons {
	margin:5px 0 0 78px;
	width:255px;
}

.formLabel {
	margin: 7px 0 0;
}

.logo-p {
	color:#5d5d5d;
	padding:0px 0 20px 25px;
	font-size: 12px !important;
}

#mid_col_left h1 {
	font-size: 19px;
	color: #5d5d5d;
	text-align: left;
	padding-left:20px;
	padding-top: 17px;
	line-height:17pt;
}

#mid_col_left h2 {
	font-size: 19px;
	color: #830618;
	text-align: left;
	padding-left:20px;
	padding-top:17px;
	line-height:16pt;
}

#mid_col_left p{
	color:#5D5D5D;
	padding:5px 0 10px 20px;
	text-align:left;
}

#mid_col_left_home p{
	font-size: 19px;
	color: #5d5d5d;
	text-align: left;
	padding-left:20px;
	padding-top: 17px;
	line-height:17pt;
}

#mid_col_rt p{
	color:#5D5D5D;
	padding:5px 0 10px 30px;
	text-align:left;
	width:330px;
}

#navlist a { 
	padding-top:4px;
	font-size: 11px;
	font-weight:bold;
}

#navlist a:link, #navlist a:visited {
	color: #fff;
	text-decoration: none;
}

#navlist a:hover {
	color: #fddd17;
	text-decoration: none;
}

ul#navlist {
	width:710px;
	padding-top:3px;
	margin:0px;
	padding-left:9px;
}

#navlist li {
	display: inline;
	padding-left:15px;
	padding-right:15px;
	list-style-type: none;
}

ul#partners {
	margin:0 0 0 40px;
}

ul#partners li {
	color:#5D5D5D;
}

.red {
	color:#620003;
}

.register {
	margin:10px 0 0 79px;
}

#right_col_low h3 {
	font-size: 24px;
	color: #830618;
	float:left;
	padding-top: 2px;
	padding-left: 33px;
}

#right_col_low p {
	float:left;
	color: #000;
	font-size:12px;
	padding-left: 79px;
	text-align: left;
	margin:-10px 0 0;
}

#right_col_mid h3 {
	font-size: 24px;
	color: #830618;
	float:left;
	padding-top: 2px;
	padding-left: 33px;
}

#right_col_mid p {
	float:left;
	color: #000;
	font-size:12px;
	padding-left: 79px;
	text-align: left;
	margin:-10px 0 0;
}

#right_col_top h3 {
	font-size: 24px;
	color: #830618;
	float:left;
	padding-left: 33px;
}

#right_col_top p {
	float:left;
	color: #000;
	font-size:12px;
	padding-left: 79px;
	text-align: left;
	margin:-10px 0 0;
}

#secondary_navlist a { 
	padding-top:4px;
	font-size: 11px;
	font-weight:bold;
}

#secondary_navlist a:link, #secondary_navlist a:visited {
	color: #755509;
	text-decoration: none;
}

#secondary_navlist a:hover {
	color: #000;
	text-decoration: none;
}

ul#secondary_navlist
{
	width:710px;
	padding-top:3px;
	margin:0px;
	padding-left:9px;
}

#secondary_navlist li
{
	display: inline;
	padding-left:15px;
	padding-right:15px;
	list-style-type: none;
}

.sponsor-name {
	font-size:11px;
	font-weight:bold;
}

.social {
	float:left;
	display:block;
	margin:0 3px 0 0;
}


ul.sponsors-left {
	float:left;
	width:125px;
	list-style:none;
	margin:0 45px 10px 25px;
}

ul.sponsors-left li {
	text-align:left;
	padding:0 0 7px;
	color:#5d5d5d;
	font-size:10px;
	line-height:10pt;
}

ul.sponsors-right {
	float:left;
	width:200px;
	list-style:none;
	margin:0 0 10px 25px;
}

ul.sponsors-right li {
	text-align:left;
	padding:0 0 7px;
	color:#5d5d5d;
	font-size:10px;
	line-height:10pt;
}

.sponsor-logos {
	margin:0 0 20px 15px;
}

.supporter-column {
	width:45%;
	color:#5D5D5D;
	margin:15px 0 10px 20px;
	float:left;
}

.supporter-header {
	margin:0 !important;
	padding:0 !important;
	font-weight:bold;
	text-decoration:underline;
	font-size:13px;
	font-style:italic;
}

p.thank-you {
color:#FF0000 !important;
font-weight:bold;
margin:10px 0 0 !important;
width:290px;
}

/* Misc.
******************************************************************/
.clear {
	clear: both;
}

.spacer {
	background-color: #fff;
	height: 23px;
}

.print {
	display:none;
}



/* Sticky Footer Specific Styles
******************************************************************/

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%; width:100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {
	padding-bottom: 75px; /* must be same height as the footer */
	width: 1000px;
	background-color: #ffffff;
    margin: 0 auto;
}  

#footer {
	position: relative;
	margin-top: -47px; /* negative value of footer height */
	height: 37px;
	clear:both;
	width: 100%;
	background-color: #9e9e9e;
	color: #fff;
	padding-top: 10px;
	text-align:center;
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */