﻿/**************
/* GLOBAL Elements
/*************/
* 
{
	margin:0px;
	padding:0px;
}

.error_message
{
    background-color:#b44;
    color:#fff;
    padding:8px;
    margin-bottom:12px;
}

.red
{
    color:#b44;
}

html 
{
	text-align:center;
	background-color: #016C9A;
	height:100%;
}

body 
{
	text-align: center;
	font:normal 10pt tahoma,arial,verdana;
	color:#666;
	height:100%;
}

img
{
	border:0px none;
}

ul li 
{
	list-style:none;
}

ul.classic
{
    margin:10px;
    padding:10px;
}

ul.classic li
{
    list-style:disc;
    padding:5px;
}

ul.classic.upcoming-events
{
    margin:0px 0px 0px 15px;
    padding:0px;
}

ul.classic.upcoming-events li
{
    padding:0px;
}

ul.classicL2
{
    margin:10px;
    padding:10px;
}

ul.classicL2 li
{
    list-style:circle;
    padding:5px;
}

hr.break 
{
	clear:both;
	border:solid 0px #eee;
	border-top-width:thin;
	background-color:#efefef;
	height:1px;
}

a
{
    text-decoration:none;
}

a, a.visited
{
	color:#016C9A;
}

a:hover, a.visited:hover 
{
	color:#9A0121;
}

a.donate_now
{
    font-weight:bold;
    text-decoration:underline;
}

img.green_border
{
	border:solid 5px #ddd;
}

.fleft 
{
	float:left;
}

.fright
{
	float:right;
}

.preload_img 
{
	display:none;
}

/**************
/* FORMS
/*************/
input
{
    position:relative;
    top:1px;
    padding:1px;
}

select
{
    position:relative;
    top:1px;
}

input, select
{
    margin:1px;
}

input[type=submit]
{
    height:35px;
}

label.label
{
    width: 150px;
    text-align:right;
    float:left;
    margin:3px 0pt 0pt;
    padding:2px 10px 0px 0px;
    font-weight:bold;
}

label.label.offset
{
    padding-top: 0px;
    margin-top: 0px;
    position: relative; top: -1px;
}

/**************
/* HACK 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 */


/**************
/* TEMPLATE
/*************/
div#wrapper 
{
	width:100%;
	padding:0px;
	margin:0px;
	text-align:center;
}

div#container
{
	width:851px;
	padding:0px;
	margin:0px auto;
	text-align:left;
	background:#fff;
	
}

div#topnav 
{
	height:37px;
	background:#016c9a;
	padding:0px 10px 0px 24px;
}

div#topnav ul li
{
	float:left;
	margin-right:15px;
	color:#fff;
	line-height:37px;
}

div#footer 
{
	padding:0px 24px 0px 24px;
}

div#footer div#footercontent ul li
{
	margin-right:15px;
	color:#333;
	line-height:37px;
	float:left;
}

div#topnav ul li a, div#footer div#footercontent ul li a
{
	color:#b3d5df;
}

div#topnav ul li a:hover, div#footer div#footercontent ul li a:hover
{
	border-bottom:dotted 1px #b3d5df;
	padding-bottom:2px;
	margin-bottom:2px;
}

div#banner 
{
	height:74px;
	background:transparent url(../Images/banner_bg.gif) repeat-x 0px 0px;
}

div#banner div.logo 
{
	text-align:left;
	width:300px;
	height:74px;
	background:transparent url(../Images/logo.gif) no-repeat 24px 0px;
}

div#banner div.sponsor 
{
	text-align:right;
	width:290px;
	height:74px;
	background:transparent url(../Images/great_strides.gif) no-repeat top right;
	padding-right:105px;
	margin-right:15px;
}

div#banner div.sponsor p
{
	position:relative;top:10px;
	line-height:1.6em;
}

div#nav 
{
	height:37px;
	background:#308f57;
	padding:0px 10px 0px 24px;
}

div#nav ul li
{
	line-height:37px;
	float:left;
	margin-right:15px;
}

div#nav ul li a 
{
	color:#c3decb;
}

div#nav ul li a:hover 
{
	border-bottom:dotted 1px #c3decb;
	padding-bottom:2px;
	margin-bottom:2px;
}

div#mainbanner 
{
	height:223px;
	background:#64ab81;
	border-bottom:solid 19px #308f57;
	padding:18px 24px 0px 24px;
}

div#mainbanner img.slider 
{
	border:solid 10px #ddd;
}

div#pagecontent
{
	background:#fff;
    
}

div#pagecontent div#maincontent 
{
	background:#fff;
	margin:30px 0px 60px 0px;
	padding:0px 24px 0px 24px;
}

div#pagecontent div#maincontent p
{
	line-height:1.6em;
}

h1.header_main
{
	/*background:#fff url(../Images/header_goal.gif) no-repeat 0px 0px;*/
    color:#84BB9B;
	font:normal normal normal 21pt arial,tahoma,verdana;
	margin:0px auto 15px auto;
}

h1.header_sponsor.rightpane
{
    margin:30px auto 0px auto;
}

h1.header_sponsor.rightpane.upcoming-events
{
    font:normal 15pt arial,tahoma,verdana;
    margin:30px auto 0px auto;
}

h2.header.rightpane
{
    color:#84BB9B;
    font:normal 10pt arial,tahoma,verdana;
}

span.header_main_sub 
{
    color:#84BB9B;
    font:normal 12pt arial,tahoma,verdana;
    position:relative;left:10px;top:-10px;
}

h1.header_sponsor
{
	/*background:#fff url(../Images/header_sponsors.gif) no-repeat 0px 5px;*/
	color:#84BB9B;
    font:normal 12pt arial,tahoma,verdana;
	margin:7px auto 10px auto;
}

.hide
{
    display:none;
}

.show
{
    display:inline-block;
}

table.grid
{
    background:#FFFFFF none repeat scroll 0%;
    border:1px solid #ccc;
    width:100%;
}

table, tr, td
{
    border:0px none;
    border-collapse:separate;
}

.grid th
{
    background:#64AB81 none repeat scroll 0%;
    color:#FFFFFF;
    font-family:tahoma,arial,verdana;
    font-size:8pt;
    font-weight:bold;
    padding:8px;
}

.grid td:first-child
{
    padding:2px 2px 2px 8px;
}

.zebra_stripe
{
    background-color:#eee;
}

.zebra_nostripe
{
    background-color:#fff;
}

.zebra_hover
{
    background-color:#ddd;
}

.validation-summary-errors
{
    position:relative;
    left:10px;
    color:#c00;
    font-weight:bold;
}

span.validation-summary-errors
{
    font-size:12pt;
}

ul.validation-summary-errors
{
    margin-bottom:20px;
}

.validation-summary-errors li
{
    list-style:disc inside;
    position:relative;
    left:30px;
}

span.field-validation-error
{
    color:#c00;
    font-weight:bold;
}

.sixtyfiverosespicture
{
    width:250px;
    float:left;
    font-size:8pt;
    text-align:center;
    padding-right:15px;
    padding-top:7px;
}

div.events-header
{
    color:#84BB9B;
    font:normal 12pt arial,tahoma,verdana;
    padding-top:25px;
}
