/*
Theme Name: 
Theme URI: 
Description: 
Version: 0.00
*/

/* ----- RESET ----- */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block;  *display: inline;
 *zoom: 1;
}
audio:not([controls]) { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
a:hover, a:active { outline: 0; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }
#map_canvas img, .google-maps img { max-width: none; }
button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; }
button, input {
 *overflow: visible; line-height: normal; }
 button::-moz-focus-inner, input::-moz-focus-inner {
 padding: 0;
 border: 0;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; }
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
 input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
 -webkit-appearance: none;
}
textarea { overflow: auto; vertical-align: top; }


/* ----- GLOBAL ----- */
body { margin: 0; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #333333;
	ground:url('images/top-bg.jpg') repeat-x center top #102d51;
	background:
		url('images/top-bg.jpg') repeat-x center top,
		url('images/page-bg.png') #102d51;
}
a { color: #ef2d24; text-decoration: none; }
a:hover { color: #666; text-decoration: underline; }
img { border: 0; display: block; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { float: right; margin: 0 0 20px 20px; }
img.alignleft { float: left; margin: 0 20px 20px 0; }
.clearfix {  *zoom: 1;
}
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }
.input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
hr { margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff; }
abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; }
abbr.initialism { font-size: 90%; text-transform: uppercase; }
blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eeeeee; }
blockquote p { margin-bottom: 0; font-size: 16px; font-weight: 300; line-height: 25px; }
blockquote small { display: block; line-height: 20px; color: #999999; }
blockquote small:before { content: '\2014 \00A0'; }

.required {color:red;}


/* ----- TYPOGRAPHY ----- */
p { margin: 0 0 10px; }
small { font-size: 85%; }
strong { font-weight: bold; }
em { font-style: italic; }
cite { font-style: normal; }
.hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: 'Josefin Slab', serif; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1em; color: #999999; }
h1, h2, h3 { line-height: 40px; }
h1 { font-size: 38.5px; color:#bf2b33; margin:0; font-weight: bold;}
h2 { font-size: 31.5px; }
h3 { font-size: 24.5px; }
h4 { font-size: 17.5px; }
h5 { font-size: 14px; }
h6 { font-size: 11.9px; }
h1 small { font-size: 24.5px;}
h2 small { font-size: 17.5px; }
h3 small { font-size: 14px; }
h4 small { font-size: 14px; }

.content h1, .content h2, .content h3, .content h4, .content h5 {font-family:Arial, Helvetica, sans-serif; line-height: 1em; margin-top:25px;}
.content h1 {font-size:1.4em; color:#be2b33; margin-top:0;}
.content h2 {font-size:1.3em; color:#515151;}
.content h3 {font-size:1.2em; color:#be2b33; font-weight: normal;}
.content h4 {font-size:1.2em; background:#be2b33; color:#fff; padding:4px; font-weight: normal;}
.content h5 {font-size:1.2em; background:#515151; color:#fff; padding:4px; font-weight: normal;}


/* ----- LISTS ----- */
ul, ol { padding: 0; margin: 0 0 10px 25px; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }
li { line-height: 20px; }
ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; }
ul.inline, ol.inline { margin-left: 0; list-style: none; }
ul.inline > li, ol.inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; }


/* ----- CONTENT ----- */
.page-container {
	width:660px;
	background:url('images/header-bg.jpg') no-repeat top #e4e4e4;
	margin:0 auto;
}

.join-bar {
	padding-top:265px;
	width:100%;
	text-align: center;
}

.join-bar img {
	display: inline;
	margin:20px;
}

.volunteer, .register, .donate {
	position: relative;
	height:200px;
	color:#00447a;
	display: inline;
	text-shadow: 1px 1px 1px #fff;
}

.button {
	position: absolute;
	width:180px;
	height:60px;
	bottom:0;
}

.volunteer {
	width:180px;
	float: left;
	padding:20px 30px 20px 20px;
	margin-top:200px;
}

.register {
	width:200px;
	float: left;
	margin-top: 200px;
	height:240px;
}

.donate {
	width:180px;
	float: right;
	padding: 20px;
	margin-top:200px;
}

.content {
	clear: both;
	padding-top: 155px;
	color:#414141;
	display: inline-block;
}

.col-left {
	float: left;
	width: 350px;
	padding:40px 30px 0 40px;
	font-size: 1.1em;
	display: inline;
}

.col-right {
	float: left;
	width: 215px;
	font-size:.9em;
	color:#414141;
	margin:-70px 20px 0 0;
	padding-bottom:20px;
	line-height: 1.5em;
	display: inline;
}

.col-right img {
	margin-bottom:20px;
}

.footer {
	width:660px;
	display: block;
	background:url('images/footer-bg.png') no-repeat bottom;
	height:120px;
}