/* --------- UPDATE INFO --------------------------------
	
Created: March 11, 2010
Updated by: Peter Gurry, www.gurrydesign.com

--------- CONTENTS --------------------------------------

	============================
	=1: Basic Structure
	============================
	=2: Header
	============================
	=3: Navigation
	----------------------------
		=3a: Main Navigation
		=3b: Secondary navigation
	============================
	=4: Content
	----------------------------
		=4a: Typography
		=4b: Lists
		=4c: Images
		=4d: Links
		=4e: Forms
		=4f: Tables
	============================
	=5: Quote and Footer
	============================
	=6: Misc
	============================
		
--------------------------------------------------------- */

/*  COLORS ----------------

	: #;
	: #;
	: #;
	
=========================== */

@import url('jquery.lightbox-0.5.css');


b, strong {
	font-weight:bold;
	color:#716256; /* there's a lot of bold on the site and I don't want it being too strong */
}
i, em {
	font-style:italic;
}
hr {
	padding:10px 0;
	display:block;
	border:none;
	background:url(images/bg_hr.png) repeat-x left center;
	clear:both;
}

/*	=1: Basic Structure
=============================================== */
body {
	background:#fff url(images/bg_main.jpg) repeat-x center top;
	font:12px/22px Verdana, helvetica, arial, sans-serif;
	color:#5E5247;
}
body#home {
	background-image:url(images/bg_main_home.jpg);
}
#header {
	width:1000px;
	margin:0 auto;
}
#content {
	width:940px;
	margin:0 auto;
	padding:40px 30px;
	min-height:450px; /* for those short pages */
	overflow:hidden; /* needed so that this div doesn't collapse with everything floated inside it */
}
#home #content {
	background:url(images/bg_content_home.jpg) no-repeat center bottom;
	min-height:0; /* don't need this on the homepage because the header image is so tall */
}
.contact #content {
	background:url(images/bg_contact_stamp.jpg) no-repeat 470px 20px;
}
.twoColumns {
	width:920px !important;
	padding:40px 50px 0 !important;
}
.threeColumns div {
	width:260px;
	float:left;
	margin:0 26px 0 27px;
}
.twoColumns .leftCol {
	float:left;
	width:520px;
	padding-right:25px;
}
.twoColumns .rightCol {
	float:right;
	width:355px;
	overflow:hidden;
}
.campus-heritage .leftCol {
	border-right:1px solid #EEE8DE;
	box-shadow:1px 0 0 #fff;
	-moz-box-shadow:1px 0 0 #fff;
	-webkit-box-shadow:1px 0 0 #fff;
}
.contact .twoColumns .leftCol, .contact .twoColumns .rightCol {
	width:445px;
}

.contact div.left, .contact div.right {
	width:180px;
}
#apply-box {
	overflow:hidden;
	padding:30px;
	margin-top:-10px;
	background:url(images/sprite_content.jpg) no-repeat left -324px;
}
#info-box {
	overflow:hidden;
	padding:0 40px 20px;
	margin:25px 0;
	background:url(images/sprite_content.jpg) no-repeat left top;
	height:304px;
}

/*	=2: Header
=============================================== */
h1 {
	font:bold 45px/45px 'Droid Serif', Georgia, Serif;
	color:#403a28;
	text-shadow:0 1px 0 #f7f5ee;
	letter-spacing:-2px;
	width:400px;
	height:68px;
}
h1 {
	text-indent:-5000000px;
	height:65px;
	width:368px;
	margin:16px 0 0 38px;
}
h1 a, h1 a:hover, h1 a:active {
	background:url(images/logo.jpg) no-repeat left top;
	height:65px;
	width:368px;
	display:block;
}
#home h1 {
	height:68px;
	width:397px;
	margin:32px 0 0 38px;
}
#home h1 a, #home h1 a:hover, #home h1 a:active {
	background:url(images/logo_homepage.jpg) no-repeat left top;
	height:68px;
	width:397px;
	display:block;
}
.headerImage {
	width:1000px;
	height:162px;
	background:url(images/bg_header_default.jpg) no-repeat left top;
}
/* unique header images */
.outdoor-dts .headerImage {
	background-image:url(images/bg_header_outdoor_dts.jpg);
}
.china-dts .headerImage {
	background-image:url(images/bg_header_china_dts.jpg);
}
.arkansas-to-asia .headerImage {
	background-image:url(images/bg_header_arkansas_to_asia.jpg);
}
.sbs .headerImage {
	background-image:url(images/bg_header_sbs.jpg);
}
.faq .headerImage {
	background-image:url(images/bg_header_faq.jpg);
}
.curriculum .headerImage {
	background-image:url(images/bg_header_curriculum.jpg);
}
.campus-info .headerImage {
	background-image:url(images/bg_header_campus_info.jpg);
}
.campus-heritage .headerImage {
	background-image:url(images/bg_header_campus_heritage.jpg);
}
.beliefs .headerImage {
	background-image:url(images/bg_header_beliefs.jpg);
}
.mission-and-vision .headerImage {
	background-image:url(images/bg_header_mission_and_vision.jpg);
}
.ywam-international .headerImage {
	background-image:url(images/bg_header_ywam_international.jpg);
}
.mission-exposure .headerImage {
	background-image:url(images/bg_header_mission_exposure.jpg);
}
.local-events .headerImage {
	background-image:url(images/bg_header_local_events.jpg);
}
.spring-break .headerImage {
	background-image:url(images/bg_header_spring_break.jpg);
}
.custom-events .headerImage {
	background-image:url(images/bg_header_custom_events.jpg);
}
.donate .headerImage {
	background-image:url(images/bg_header_donate.jpg);
}
.volunteer .headerImage {
	background-image:url(images/bg_header_volunteer.jpg);
}
.come-on-staff .headerImage {
	background-image:url(images/bg_header_come_on_staff.jpg);
}
.contact .headerImage {
	background-image:url(images/bg_header_contact_green.jpg);
}
#home .headerImage {
	height:396px;
}
.orangeMountains {
	background: url('images/bg_header_orange_mtns.jpg') no-repeat center top;
}
.purpleMountains {
	background: url('images/bg_header_purple_mtns.jpg') no-repeat center top;
}
.greenMountains {
	background: url('images/bg_header_green_mtns.jpg') no-repeat center top;
}
.africa {
	background: url('images/bg_header_africa.jpg') no-repeat center top;
}
.amazon {
	background: url('images/bg_header_amazon.jpg') no-repeat center top;
}
.chinaSteps {
	background: url('images/bg_header_steps.jpg') no-repeat center top;
}
.chinaboy {
	background: url('images/bg_header_chinaboy.jpg') no-repeat center top;
}
.swingingbridge {
	background: url('images/bg_header_swinging.jpg') no-repeat center top;
}
.creek {
	background: url('images/bg_header_creek.jpg') no-repeat center top;
}
.headerImage h2 {
	font:42px/42px Myriad, Myriad Pro, Helvetica, Arial, sans-serif;
	width:600px;
	margin:30px 0 15px 57px;
	color:#fff;
	float:left;
}
.headerImage h3 {
	font:22px/22px Myriad, Myriad Pro, Helvetica, Arial, sans-serif;
	width:600px;
	margin:18px 0 0 57px;
	color:#fff;
	float:left;
}
#home .headerImage h2, #home .headerImage h3 {
	text-indent:-5000000px;
}

/*	=3: Navigation
=============================================== */


/*	=3a: Main Navigation
---------------------------------------------- */
ul.dropdown {
	position:relative;
	width:505px;
	height:36px;
	margin-top:-28px; /* keeps the header image from being misaligned */
	margin-left:469px;
}
#home ul.dropdown {
	margin-top:-7px; /* keeps the header image from being misaligned */
}
ul.dropdown li {
	float:left;
	display:block;
	height:36px;
	line-height:36px;
	text-align:center;
	zoom: 1; /* needed to keep IE6-7 from being jittery */
}
ul.dropdown li a {
	display:block;
	color:#fff;
	text-indent:-500000px;
}
ul.dropdown li.hover {
	/* the javascript appends a .hover class to the main li for IE6, but my styling doesn't accomodate it because I can't select a li with an id and a class (e.g., li#aboutUs.hover) */
}
ul.dropdown li a:active {
	background-color:transparent; /* keeps the buttons from turning blue on click */
}
ul.dropdown li#aboutUs {
	width:91px;
	background: url(images/bg_nav_homepage.jpg) no-repeat left top;
}
ul.dropdown li:hover#aboutUs {
	background-position: left bottom;
}
ul.dropdown li#training {
	width:84px;
	background: url(images/bg_nav_homepage.jpg) no-repeat -91px top;
}
ul.dropdown li:hover#training {
	background-position: -91px bottom;
}
ul.dropdown li#youthEvents {
	width:115px;
	background: url(images/bg_nav_homepage.jpg) no-repeat -175px top;
}
ul.dropdown li:hover#youthEvents {
	background-position:-175px bottom;
}
ul.dropdown li#getInvolved {
	width:114px;
	background: url(images/bg_nav_homepage.jpg) no-repeat -290px top;
}
ul.dropdown li:hover#getInvolved {
	background-position: -290px bottom;
}
ul.dropdown li#contact {
	width:101px;
	background: url(images/bg_nav_homepage.jpg) no-repeat -404px top;
}
ul.dropdown li:hover#contact {
	background-position: -404px bottom;
}
ul.dropdown li.hover, ul.dropdown li:hover {
	background:green;
	position:relative;
}
ul.dropdown li ul li.hover, ul.dropdown li ul li:hover {
	background:none; /* removes the hover styling set above */
}

/* Submenus */

ul.dropdown ul {
	width:202px;
	visibility:hidden;
	position:absolute;
	top:100%;
	left:0;
}
ul.dropdown ul li {
	float:none;
	text-indent:0;
	text-align:left;
	height:auto; /* to offset the 36px height assigned earlier to the main <li>s and allow the <a> tags to control the <li> height */
	zoom: 1; /* needed to keep IE6-7 from being jittery */
}
ul.dropdown ul li a, ul.dropdown h3 {
	font:bold 12px/16px tahoma, Verdana, helvetica, arial, sans-serif;
	text-indent:0;
	color:#fff;
	width:170px;
	display:block;
	padding:8px 16px 10px;
	margin:0;
	height:16px;
	text-shadow:1px 1px 2px #706956;
	text-decoration:none;
	background:transparent url(images/bg_navigation.png) no-repeat left -42px;
	/* animations */
	-webkit-transition-property: color; 
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-property: color; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-in-out;
}
ul.dropdown ul li.first a {
	background:url(images/bg_navigation.png) no-repeat left 0;
	height:15px;
	padding:14px 16px 13px;
}
ul.dropdown ul li.last a {
	background:url(images/bg_navigation.png) no-repeat left -78px;
	height:15px;
	padding:8px 16px 16px;
}
ul.dropdown ul li a:hover {
	color:#ffde46;
}
ul.dropdown h3 {
	background:transparent url(images/bg_navigation_h3.png) no-repeat left 0;
	text-indent:-500000px;
	margin-top:-2px;
}

/*	=3b: Secondary navigation
---------------------------------------------- */
#secondaryNav {
	padding:0 40px;
	height:35px;
	font:11px/35px Verdana, Arial, Helvetica, sans-serif;
	color:#928d79;
}
#secondaryNav ul {
	width:600px;
	float:left;
}
#secondaryNav ul li {
	float:left;
	padding:0 6px 0 16px;
	background:url(images/sprite_misc.png) no-repeat left -60px;
}
#secondaryNav ul li.home-link {
	padding-left:18px;
	background:url(images/sprite_misc.png) no-repeat left -8px;
}
#secondaryNav ul li.last {
	padding:0 6px 0 16px;
	background:url(images/sprite_misc.png) no-repeat left -60px;
	font-weight:bold;
}
#secondaryNav ul li a, #secondaryNav ul li a:visited, #secondaryNav ul li a:active {
	color:#928d79;
	background-color:transparent;
}
ul#shareLinks {
	float:right;
	width:205px;
}
ul#shareLinks p {
	float:left;
	padding-right:5px;
	color:#B5B09B;
}
#shareLinks span { /*hides the email image that comes from ShareThis javascript */
	display:none !important;
}
ul#shareLinks li {
	float:left;
	padding:0 12px 0 5px;
	background:url(images/sprite_misc.png) no-repeat right -88px;
}
ul#shareLinks li.last {
	background:none;
	padding:0 0 0 5px;
}
ul#shareLinks li a {
	display:block;
	height:16px;
	width:16px;
	padding:0;
	margin-top:9px;
	background:url(images/sprite_misc.png) no-repeat left -151px;
	text-indent:-500000px;
}
ul#shareLinks li a:hover {
	background-position:left -228px;
}
ul#shareLinks li.twitter a {
	background-position:left -124px;
}
ul#shareLinks li.twitter a:hover {
	background-position:left -203px;
}
ul#shareLinks li.other a {
	background-position:left -177px;
}
ul#shareLinks li.other a:hover {
	background-position:left -252px;
}
.contact .rightCol a {
/*	font-family:tahoma, arial, sans-serif;  needed to keep the email links from getting too long */
}

/*	=4: Content
=============================================== */


/*	=4a: Typography
---------------------------------------------- */
#content h2 {
	font:26px/30px Myriad Pro, Myriad, Tahoma, Verdana, helvetica, arial, sans-serif;
	color:#2c4c63;
	margin:20px 0 10px;
}
#content h2:first-child {
	margin-top:5px;
}
#content h2.snapshots {
	font:18px/26px Myriad Pro, Myriad, Tahoma, Verdana, helvetica, arial, sans-serif;
	color:#686458 !important;
	margin:15px 0 10px 8px;	
	padding-left:30px;
	background:url(images/sprite_misc.png) no-repeat left -329px;
}
#home #content h2 {
	font:23px/36px Myriad Pro, Myriad, Tahoma, Verdana, helvetica, arial, sans-serif;
	margin:5px 4px 10px;
	color:#2e5d0f;
}
#content #apply-box h2 {
	text-indent:-5000000px;
}
#content h3 {
	font:18px/22px Myriad Pro, Myriad, Tahoma, Verdana, helvetica, arial, sans-serif;
	color:#2c4c63;
	margin:20px 0 -5px;
}
#content p {
	margin:15px 0;
}
#home #content p {
	margin:0 4px;
}
#home #content p.countdown {
	margin:14px 0 5px 8px;
	text-align:center;
	font:12px/40px tahoma, verdana, helvetica, arial, sans-serif;
	color:#8f8977;
	text-shadow:0 1px 0 #fff;
}
h4 {
	font: bold 12px/20px tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0 0;
	padding-top:8px;
	text-shadow:1px 1px 1px #E0DCD3;
}
.rightCol #info-box h4 {
	border-top:1px dotted #ddd9cc;
}
.rightCol #info-box table + h4 { /* selects any h4s that follow tables */
	margin:6px 0 0;
	border-top:none;
}
.outdoor-dts .rightCol #info-box h4, .china-dts .rightCol #info-box h4 {
	border-top:none;
	margin:10px 0 0;
}
.rightCol #info-box h2 + h4 {
	border-top:none;
}
.rightCol #info-box p {
	font: 12px/18px tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0;
	padding-left:22px;
}
.outdoor-dts .rightCol #info-box p, .china-dts .rightCol #info-box p {
	margin:10px 0 0;
	padding-top:10px;
	border-top:1px dotted #ddd9cc;
}
.outdoor-dts .rightCol #info-box p.cost, .china-dts .rightCol #info-box p.cost {
	border-bottom:1px dotted #ddd9cc;
	padding-bottom:10px;
	margin-bottom:10px;
}
.rightCol .text-box {
	margin:15px 10px;
	padding:5px 25px;
	background-color:#F9F8F3;
	border:1px solid #fff;
	border-radius:10px;
	box-shadow:0 1px 5px #E1D8C9;
	box-shadow:0 1px 5px #E1D8C9;
	-moz-border-radius:10px;
	-moz-box-shadow:0 1px 5px #E1D8C9;
	-webkit-border-radius:10px;
	-webkit-box-shadow:0 1px 5px #E1D8C9;
}
.come-on-staff .rightCol #text-box {
	border-radius:2px 2px 10px 10px;
	-moz-border-radius:2px 2px 10px 10px;
	-webkit-border-radius:2px 2px 10px 10px;
}
.rightCol .text-box p, .rightCol .text-box li {
	font-size:11px;
}
.rightCol .text-box h4 { /* keeps the heading and the text beneath it a bit closer together */
	margin-bottom:-8px;;
}
.rightCol .text-box h3:first-child {
	margin-top:15px !important;
}
.rightCol blockquote {
	padding:15px 5px 20px;
	font:11px/22px Verdana, Arial, Helvetica, sans-serif;
	background:url(images/bg_quote.png) no-repeat left 8px;
}
.rightCol cite {
	text-align:right;
	display:block;
}
/* unique header colors */
.contact #content h2, .contact #content h3 {
	color:#008C4F;
}
.outdoor-dts #content h2, .outdoor-dts #content h3 {
	color:#3a5430;
}
.china-dts #content h2, .china-dts #content h3 {
	color:#586901;
}
.arkansas-to-asia #content h2, .arkansas-to-asia #content h3 {
	color:#2f3817;
}
.faq #content h2, .faq #content h3 {
	color:#3B5715;
}
.curriculum #content h2, .curriculum #content h3 {
	color:#163892;
}
.campus-info #content h2, .campus-info #content h3 {
	color:#156191;
}
.campus-heritage #content h2, .campus-heritage #content h3 {
	color:#615A48;
}
.beliefs #content h2, .beliefs #content h3 {
	color:#2670AF;
}
.mission-and-vision #content h2, .mission-and-vision #content h3 {
	color:#1D659F;
}
.ywam-international #content h2, .ywam-international #content h3 {
	color:#5C6F22;
}
.mission-exposure #content h2, .mission-exposure #content h3 {
	color:#2049A5;
}
.local-events #content h2, .local-events #content h3 {
	color:#224e6b;
}
.spring-break #content h2, .spring-break #content h3 {
	color:#1f5266;
}
.custom-events #content h2, .custom-events #content h3 {
	color:#194F7D;
}
.donate #content h2, .donate #content h3 {
	color:#194F7D;
}
.volunteer #content h2, .volunteer #content h3 {
	color:#29539D;
}
.come-on-staff #content h2, .come-on-staff #content h3 {
	color:#934826;
}
.donate #content h2, .donate #content h3 {
	color:#818650;
}


/*	=4b: Lists
---------------------------------------------- */
#content ul, #content ol {
	margin:15px 0 15px -15px;
	padding-left:15px;
	list-style-type:square;
}
#content ol {
	list-style-type:decimal;
}
#content ul li, #content ol li {
	margin:5px 0;
}
#content .text-box ul, #content .text-box ol {
	margin-left:4px;
}
#content .text-box ul ul, #content .text-box ol ul {
	margin:5px 0;
}
#content .text-box ul ul li, #content .text-box ol ul li {
	list-style-type:none;
	margin:0;
}
#content ul.twoCol, #content ul.threeCol, #content ul.fourCol {
	overflow:hidden;
}
#content ul.twoCol li {
	float:left;
	padding-right:25px;
	width:225px;
}
#content ul.fourCol li {
	float:left;
	padding-right:25px;
	width:105px;
}
.contact #content ul {
	list-style-type:none;
	padding-left:0;
	margin-left:0;
}
.contact #content ul li {
	margin:0;
}


/*	=4c: Images
---------------------------------------------- */
#content img {
	border:3px solid #fff;
	margin-top:6px;
	box-shadow:0 1px 4px #cac3b8;
	-moz-box-shadow:0 1px 4px #cac3b8;
	-webkit-box-shadow:0 1px 4px #cac3b8;
}
#content img.no-style {
	border:none;
	margin-top:none;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.curriculum img.no-style { /* styles the PDF thumbnails */
	margin-left:-7px;
	margin-right:30px;
}
.rightCol img {
	margin-left:10px;
}
#home .rightCol img {
	margin-left:0;
}
#slideshow, #slideshow2 {
    position:relative;
    height:235px;
	margin:10px 0 25px;
}
#slideshow a, #slideshow2 a {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#slideshow a.active, #slideshow2 a.active {
    z-index:10;
}
#slideshow a.last-active, #slideshow2 a.last-active {
    z-index:9;
}
#slideshow a img, #slideshow2 a img {
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
#slideshow a.active img, #slideshow a.last-active img, #slideshow2 a.active img, #slideshow2 a.last-active img, #content a img.first, #slideshow a:first-child img, #slideshow2 a:first-child img {
	box-shadow:0 1px 4px #cac3b8;
	-moz-box-shadow:0 1px 4px #cac3b8;
	-webkit-box-shadow:0 1px 4px #cac3b8;
}





/*	=4d: Links
---------------------------------------------- */
a {
	color:#08549f;
	text-decoration:underline;
}
a:hover {
	color:#08549f;
	text-decoration:none;
}
a:visited {
	color:#304a65;
}
a:active {
	color:#fff;
	text-decoration:none;
}
a.more {
	background:url(images/sprite_misc.png) no-repeat right 4px;
	padding-right:10px;
}
#footer a, #footer a:visited, #footer a:active {
	color:#7A6951;
	background:none;
}
/* Link Buttons */
a.btn {
	height:39px;
	display:block;
	text-decoration:none;
	font:bold 15px/39px Myriad Pro, Myriad, Tahoma, Verdana, helvetica, arial, sans-serif;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
	background:transparent url(images/sprite_blue_btns.png) no-repeat right top;
	text-align:center;
}
a.btn span {
	height:37px;
	display:block;
	background:transparent url(images/sprite_blue_btns.png) no-repeat left -116px;	
	cursor:pointer;
	padding:0 20px;
}
a:hover.btn {
	background-position: right -39px;
}
a:hover.btn span {
	background-position: left -155px;
}
a:active.btn {
	background-position: right -78px;
}
a:active.btn span {
	background-position: left -194px;
}
/*homepage header button styles */

#header a.btn {
	margin:185px 700px 0 0;
	float:right;
	text-decoration:none;
	line-height:38px;
}
#header a.btn span {
	padding:0 22px 0 28px;
}
#header .chinaSteps a.btn, #header .chinaSteps a.btn span {
	background-image:url('images/btn_chinasteps.png');
}
#header .amazon a.btn, #header .amazon a.btn span {
	background-image:url('images/btn_amazon.png');
}
#header .africa a.btn, #header .africa a.btn span {
	background-image:url('images/btn_africa.png');
}
#header .swingingbridge a.btn, #header .swingingbridge a.btn span {
	background-image:url('images/btn_swingingbridge.png');
}
#header .swingingbridge a.btn {
	margin:192px 670px 0 0;
}
#header .orangeMountains a.btn, #header .orangeMountains a.btn span {
	background-image:url('images/btn_orangemountains.png');
}
#header .greenMountains a.btn, #header .greenMountains a.btn span {
	background-image:url('images/btn_greenmountains.png');
}
#header .greenMountains a.btn {
	margin-right:650px;
}
#header .africa a.btn {
	margin:190px 650px 0 0;
}
#header .purpleMountains a.btn, #header .purpleMountains a.btn span {
	background-image:url('images/btn_purplemountains.png');
}
#header .purpleMountains a.btn {
	margin-right:670px;
}
#header .creek a.btn, #header .creek a.btn span {
	background-image:url('images/btn_creek.png');
}
#header .creek a.btn {
	margin:202px 660px 0 0;
}
#header .chinaboy a.btn, #header .chinaboy a.btn span {
	background-image:url('images/btn_chinaboy.png');
}
#home a.apply {
	width:150px;
	float:right;
}
#home a.apply span {
	background-position:left -232px;
}
#home a:hover.apply span {
	background-position:left -271px;
}
#home a:active.apply span {
	background-position: left -310px;
}
#footer a.donate {
	width:122px;
	display:block;
	float:right;
	color:#fff;
	height:38px;
	line-height:38px;
	background: url('images/btn_donate_tan.png') no-repeat left 1px;
}
#footer a:hover {
	background-position:left -37px;
}
#footer a:active {
	background-position:left -74px;
}


/*	=4e: Forms
---------------------------------------------- */
.contact table {

}
.contact table td {
	padding:10px 0;
	vertical-align:top;
}
.contact table tr.last td {
	padding:0;
}

label {
	display:block;
	width:75px;
	text-align:left;
	font-weight:bold;
	padding-right:10px;
	line-height:26px;
}
input, select, textarea {
	font:bold 12px/14px tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#008C4F;
	text-shadow:0 1px 0 #FCFBF7;
	padding:5px;
	width:290px;
	border:1px solid #e0d6ca;
	border-bottom-color:#fff;
	background:#F0EDE6 url(images/bg_form.png) repeat-x left -30px;
	border-radius:3px 3px 4px 4px;
	-moz-border-radius:3px 3px 4px 4px;
	-webkit-border-radius:3px 3px 4px 4px;
}
body.donate form, body.donate input { /* styles the PayPal form button */
	border:none;
	background:none;
	height:auto;
	width:auto;
	margin:-4px 0 0;
	padding:0;
	float:right;
}
input:focus, select:focus, textarea:focus {
	border-color:#BCB2A6 #e0d6ca #fff #e0d6ca;
	background-position:left -35px;
}
input#submit_btn, input#goog-wm-sb {
	width:143px;
	height:40px;
	background:url(images/btn_send.png) no-repeat left top;
	text-indent:-5000000px;
	border:none;
	cursor:pointer;
}
input:hover#submit_btn {
	background-position:left -40px;
}
input:active#submit_btn {
	background-position:left -80px;
}
select {
	background-position:left top;
	background-color:transparent;
	width:302px;
	line-height:20px; /* since Safari doesn't seem to wan tto display the padding */
}
option {
	text-shadow:none;
}
textarea {
	min-height:110px;
	line-height:18px;
}
span.FAIL {
	color:#8c002e;
	display:block !important;
	font:bold 11px/12px tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-shadow:0 1px 1px #e0d6ca;
	padding:6px 0 4px 12px;
	background:url(images/sprite_misc.png) no-repeat left -385px;
}
span.PASS {
	float:right;
	width:22px;
	height:22px;
	background:url(images/sprite_misc.png) no-repeat 3px -410px;	
}
#FORM_LOAD {		/*This acts as a modal type overlay added during ajax processing. It's attached to the form's parent element.*/
	position: relative;
	top:0;
	left:0;
	height:270px;
	width:400px;
	border:1px solid #E0D6CA;
	background: #FAF9F5 url(images/throbber.gif) no-repeat center;    /*NOTE: CUSTOMIZE YOUR LOADING IMAGE AT www.ajaxload.info */
	opacity: .55;                     /*Adjust opacity of the overlay with the following three rules*/
	-moz-opacity:0.55;
	filter:alpha(opacity=55);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}




/*	=4f: Tables
---------------------------------------------- */

#info-box table {
	font:11px/18px tahoma, Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	margin-top:10px;
}
#info-box table tr:nth-child(2) td {
	background-color:#fff;
}
#info-box table tr:nth-child(4) td {
	background-color:#FCFBF9;
}
#info-box tr td {
	border-bottom:1px dotted #DDD9CC;
	padding:5px;
}
#info-box tr td:last-child {
	padding-right:0;
}

/*	=5: Quote and Footer
=============================================== */
#quotes {
	height:98px;
	background:url(images/bg_footer.jpg) repeat-x center top;
	margin-top:25px;
}
#quotes blockquote {
	width:940px;
	padding:0 30px;
	margin:0 auto;
	display:table;
	height:98px;
	overflow:hidden;
}
#quotes blockquote p {
	font:bold 15px/24px Georgia, "Times New Roman", Times, serif;
	text-align:center;
	color:#837162;
	text-shadow:1px 0 0 #fff;
	display:table-cell;
	vertical-align:middle;
}
#quotes blockquote p .quote-mark {
}
#quotes blockquote p span.source {
	font:bold 11px/24px Myriad Pro, Myriad, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	padding-left:10px;
}
#quotes blockquote p span.source em {
	font-weight:normal;
}
#footer {
	height:80px;
	background:url(images/bg_footer.jpg) repeat-x center bottom;
}
#footer-container {
	width:950px;
	height:37px;
	padding:23px 25px 20px;
	margin:0 auto;
}
#footer-img {
	width:300px;
	height:200px;
	float:left;
	margin:-143px 0 0 -300px;
}
#footer-img {
	background:url(images/bg_footer_img_leaf.jpg) no-repeat right bottom;
}
body.about-us #footer-img {
	background-image:url(images/bg_footer_img_leaf_yellow.jpg);
}
body.training #footer-img {
	background-image:url(images/bg_footer_img_compass.jpg);
}
body.volunteer #footer-img {
	background-image:url(images/bg_footer_img_compass.jpg);
}
body.contact #footer-img {
	background-image:url(images/bg_footer_img_envelope.jpg);
}
#footer p {
	font:11px/39px Tahoma, Verdana, helvetica, arial, sans-serif;
	color:#806947;
	text-shadow:0 1px 0 #EFEAE0;
	width:550px;
	float:left;
}
#footer p a#page-edit {
	display:block;
	float:right;
	height:35px;
	width:35px;
	text-indent:-5000000px;
	margin:4px -23px 0 0;
	background:url(images/sprite_misc.png) no-repeat 6px -445px;
	opacity:0;
	/* animations */
	-webkit-transition-property: opacity; 
	-webkit-transition-duration: 0.4s;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-property: opacity; 
	-moz-transition-duration: 0.4s;
	-moz-transition-timing-function: ease-in-out;
}
#footer p a#page-edit:hover, #footer p a#page-edit:active {
	opacity:1.0;
	/* animations */
	-webkit-transition-property: opacity; 
	-webkit-transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-property: opacity; 
	-moz-transition-duration: 0.1s;
	-moz-transition-timing-function: ease-in-out;
}
#footer p.donate {
	float:right;
	width:345px;
	color:#564224;
	padding-left:20px;
	margin:0;
	font:12px/39px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-shadow:0 1px 0 #fff;
	background:url(images/bg_footer_donate.jpg) no-repeat left center;
}
.donate #footer p.donate { /* hides the donations section on the donations page */
	display:none;
}


/*	=6: Misc
=============================================== */

.callout {
	margin:25px 0 25px 0 !important;
	padding:15px;
	background-color:#ECE9E2;
	border:4px double #FCF8F5;
	text-shadow:0 1px 0 #fff;
	font-family:Tahoma, Verdana, Helvetica, Arial, Sans-serif;
	font-weight:bold;
	border-radius:40px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
}
.callout .btn {
	margin-top:-8px;
}
.right {
	float:right;
	margin-left:10px;
}
.left {
	float:left;
	margin-right:10px;
}
.center {
	text-align:center;
}
.kern-tight {
	letter-spacing:-.1em;
}
.date {
	background:url(images/sprite_misc.png) no-repeat left -269px;
	padding-left:22px;
}
.cost {
	background:url(images/sprite_misc.png) no-repeat left -296px;
	padding-left:22px;
}
.location {
	background:url(images/sprite_misc.png) no-repeat left -478px;
	padding:5px 0 5px 19px;	
}
.inset {
	background:url(images/sprite_content.jpg) no-repeat left -474px;
	text-shadow:0 1px 0 #EDEAE3;
}
.inset span {
	background:url(images/sprite_content.jpg) no-repeat right -474px;
	padding:8px 0;
	display:block;
}
.note {
	font:11px/18px tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#ADA89E;
}
#info-box + .note {
	margin:-20px 0 25px;
	padding-left:15px;
}
.campus-heritage .note {
	color:#928B7C;
	margin:-3px 0 0 0 !important;
	padding:2px 2px 5px;
	border-bottom:1px dotted #DCD6C8;
	box-shadow:0 1px 0 #fff;
	-moz-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
}
.campus-heritage .rightCol .note {
	margin:5px 10px 15px !important;
	border-bottom:none;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.outdoor-dts img_region p.note, .china-dts img_region p.note {
	margin:-25px 0 25px 10px !important;
	padding-left:30px;
}
acronym {
	font-size:90%;
	text-transform:uppercase;
	letter-spacing:.02em;
}
#home #content acronym { /* for some reason, when the acronym is set at 90% on the homepage, it shifts the text down just slightly, throwing the alignment of the buttons off */
	font-size:100%;
}
#footer acryonym {
	font-size:95%;
}
acronym[title="Frequently Asked Questions"], acronym[title="Youth With A Mission"] {
	text-transform:none;
	font-size:inherit;
	letter-spacing:none;
}
a.btn span acronym {
	text-transform:none;
	font-size:100%;
	letter-spacing:1px;
}


/* Marketing page */

.marketing .twoColumns .leftCol {
	width:530px;
	padding-right:15px;
}
.img-container {
	width:255px;
	float:left;
	overflow:visible;
}
.img-container:nth-child(odd) {
	margin-left:20px;
}
.marketing .note {
	color:#928B7C;
	margin:-3px 0 20px 0 !important;
	padding:2px 2px 5px;
	/*
	border-bottom:1px dotted #DCD6C8;
	-moz-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	*/
}