/* ! colors */

/*
blue - bright:  #009ddc
blue - dark:  #00558b
blue - light:  #b8d8f2
blue - medium:  #0073a4
orange:  #f47d30
*/



/* ! base */

body {
	padding: 20px 0 10px;
	font: 62.5% Verdana, Arial, Helvetica, Geneva, sans-serif;
	background: #fff url(../img/page_bg.jpg) repeat-x left top;
	}

strong {
	font-weight: bold;
	}

em {
	font-style: italic;
	}

a:focus {
	outline: 1px dotted;
	}

.left {
	float: left;
	}

.right {
	float: right;
	}

.hide {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}

.youth_txt {
	font-weight: bold;
	}



/* ! page wrapper */

#wrapper {
	background: url(../img/wrapper_bg.gif) repeat-y center top;
	}



/* ! header */

#header {
	position: relative;
	margin-top: 3px;
	margin-bottom: 3px;
	height: 170px;
	background: #00558b url(../img/header_bg.jpg) no-repeat right center;
	z-index: 1;
	}

#header .logo {
	position: absolute;
	top: 24px;
	left: 44px;
	}



/* ! navigation */

#navigation {
	width: 237px;  /* fudge the grid width to narrow the sidebar margin */
	margin-right: 3px;  /* fudge the grid margine to create the white outline */
	position: relative;
	background: url(../img/navigation_bg.jpg) repeat-x left top;
	}

#navigation .menu {
	margin: 80px 10px 20px;
	}

#navigation .menu li {
	padding: 5px 20px;
	font-size: 1.2em;
	text-transform: uppercase;
	border-top: 1px solid #fff;
	}

#navigation .menu li.first {
	border: none;
	}

#navigation .menu a {
	display: block;
	padding: 5px;
	}

#navigation .menu a:link,
#navigation .menu a:visited {
	color: #00558b;
	text-decoration: none;
	}

#navigation .menu a:hover,
#navigation .menu a:active {
	color: #f47d30;
	text-decoration: none;
	}

/* navigation active menu states */

.page_about #navigation .menu_about a:link, .page_about #navigation .menu_about a:visited,
.page_staff #navigation .menu_staff a:link, .page_staff #navigation .menu_staff a:visited,
.page_giving #navigation .menu_giving a:link, .page_giving #navigation .menu_giving a:visited,
.page_donations #navigation .menu_donations a:link, .page_donations #navigation .menu_donations a:visited,
.page_memorials #navigation .menu_memorials a:link, .page_memorials #navigation .menu_memorials a:visited,
.page_events #navigation .menu_events a:link, .page_events #navigation .menu_events a:visited,
.page_gear-up #navigation .menu_gear-up a:link, .page_gear-up #navigation .menu_gear-up a:visited,
.page_partners #navigation .menu_partners a:link, .page_partners #navigation .menu_partners a:visited {
	color: #009ddc;
	}

/* navigation video button */

#navigation .video_button {
	margin: 20px 0;
	text-align: center;
	}

#navigation .video_button a {
	display: block;
	padding: 90px 0 5px;
	background: url(../img/navigation_video_btn.gif) no-repeat center 5px;
	}

#navigation .video_button a:link,
#navigation .video_button a:visited {
	color: #009ddc;
	text-decoration: none;
	text-transform: lowercase;
	}



/* ! content */

#content {
	position: relative;
	margin-left: 0;  /* fudge the grid to remove the sidebar gutter */
	min-height: 525px;
	color: #00558b;
	background: #b8d8f2 url(../img/content_bg.jpg) repeat-x left top;
	}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	margin-bottom: .5em;
	font-weight: bold;
	}

#content h1 {
	font-size: 2.1em;
	}

#content h2 {
	font-size: 1.9em;
	}

#content h3 {
	font-size: 1.7em;
	}

#content h4 {
	font-size: 1.5em;
	}

#content h5 {
	font-size: 1.3em;
	}

#content h6 {
	font-size: 1.1em;
	}

#content p {
	margin-bottom: 1.8em;
	font-size: 1.1em;
	line-height: 1.6;
	}

#content ul {
	margin: 1em 0 1.8em 2.5em;
	font-size: 1.1em;
	line-height: 1.3em;
	list-style: square;
	}

#content li {
	margin: 0 0 .3em;
	}

#content a:link,
#content a:visited {
	color: #009ddc;
	text-decoration: underline;
	}

#content a:hover,
#content a:active {
	color: #f47d30;
	text-decoration: none;
	}

#content .main {
	margin-top: 30px;
	margin-bottom: 10px;
	}

#content .pull_quote {
	float: right;
	margin: 30px 0 30px 20px;
	}

#content .banner {
	border-top: 3px solid #fff;
	}

#content .banner img {
	vertical-align: bottom;
	}



/* ! forms */

#content form {
	margin: 1.5em 0 3em;
	}

#content fieldset {
	margin: 10px 0 20px;
	}

#content legend {
	padding: 0 10px 5px;
	color: #0073a4;
	font-size: 1.2em;
	font-style: italic;
	}

#content form li {
	clear: both;
	padding: 5px 15px 5px 0;
	}

#content form li.left {
	clear: none;
	margin-top: 0;
	}

#content form .note {
	width: 300px;
	font-size: 1.1em;
	font-style: italic;
	line-height: 1.2;
	}

#content label {
	display: block;
	}

#content label.left,
#content label.checkbox,
#content label.radio {
	float: none;
	display: inline;
	}

#content label.left {
	margin-right: 10px;
	}

#content input,
#content textarea {
	width: 300px;
	padding: 1px 4px;
	}

#content input,
#content select,
#content textarea {
	font: 1.2em Verdana, Arial, Helvetica, Geneva, sans-serif;
	}

#content input.button,
#content input.checkbox,
#content input.radio {
	width: auto;
	}

#content .message .error {
	color: #f47d30;
	font-size: 1.3em;
	}

#content .message .success {
	font-size: 1.3em;
	}

/* specific form fields */

#content form #amount {
	margin-left: 5px;
	width: 50px;
	}

#content form input#item_number {
	width: 200px;
	}

#content form #first_name {
	width: 135px;
	}

#content form #last_name {
	width: 135px;
	}

#content form #address1 {
	margin-bottom: 5px;
	}

#content form #city {
	width: 150px;
	}

#content form #zip {
	width: 50px;
	}

#content form #night_phone_a,
#content form #night_phone_b {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 40px;
	}

#content form #night_phone_c {
	float: left;
	width: 60px;
	}



/* ! footer */

#footer {
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 15px 0;
	color: #fff;
	font-size: 1.1em;
	text-transform: lowercase;
	background: #00558b;
	}

#footer a {
	display: block;
	padding: 0 5px;
	}

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

#footer a:hover,
#footer a:active {
	color: #fff;
	text-decoration: underline;
	}

/* footer menu */

#footer .menu {
	margin-left: 30px;
	}

#footer .menu li {
	float: left;
	margin-right: 5px;
	padding-left: 5px;
	border-left: 1px solid #f47d30;
	}

#footer .menu li.first {
	padding-left: 0;
	border: none;
	}

/* footer vCard */

#footer .vcard {
	float: right;
	margin-right: 35px;
	font-style: normal;
	}

#footer .vcard .org,
#footer .vcard .tel {
	float: left;
	}

#footer .vcard .tel {
	margin-left: 5px;
	padding-left: 10px;
	border-left: 1px solid #f47d30;
	}

/* footer vCard non-displayed fields */

#footer .vcard .adr,
#footer .vcard .tel .type {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}



/* ! page - home */

.page_home #content {
	background-image: url(../img/content_bg_home.jpg);
	}



/* ! page - partners */

.page_partners #content img {
	clear: both;
	float: right;
	margin: 0 0 40px 20px;
	padding: 10px;
	border: 1px solid #b8d8f2;
	background: #fff;
	}

.page_partners #content p {
	clear: both;
	}



/* ! page - story */

.page_story #video {
	margin: 20px 0 40px;
	}