/*

The Gumpathon  - Global Stylesheet
http://www.thegumpathon.com/
Handwritten by Richard Wilmot

*/

																					/* ------------ Toolbox ------------ */

.cleared { clear: both; }
.hide { display: none; }
.smaller { font-size: 90%; }
.larger { font-size: 110%; }
.normal { font-weight: normal; }

hr { display: none; }
strong { font-weight: bold; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
	
.left {	float:left; }
.right { float:right; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */






																					/* ------------ Defaults ------------ */

html {
	min-height: 100%;
	height:auto;
}

body {
	background:#00376E url('../images/body-bg.jpg') no-repeat bottom center;
	color: #666666;
	font-family: Trebuchet MS, Verdana, Tahoma, Arial, sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	}

#container {
	margin: auto;
	width: 960px;
	}

#skip { 
	display: block;
	height: 500px;
	margin-top: -500px; 
	}
	
p {
	line-height: 1.4em;
	margin-bottom:10px;
	}
	
strong {
	color:#333333
}

h2 {
	font-size:200%;
	font-weight:normal;
	margin-bottom:10px
}

h3 {
	font-size:115%;
	color:#FFF;
	font-weight:normal;
	margin-bottom:10px;
	height:15px;
}

.h4-continer {
	height:30px;
	overflow:hidden;
	margin-top:5px;
}

h4 {
	font-size:150%;
	font-weight:normal;
	color:#395286
}

a {
	font-weight:bold;
	color:#354e82;
}

a:hover {
	text-decoration:none
}


#map_canvas {
	width:910px;
	height:300px;
}


#btn-pdf a {
	background: url('../images/btn-pdf.gif') no-repeat top center;
	height: 61px;
	float:right;
	width: 83px;
	display:block;
	text-indent:-25000px;
	margin-left:20px;
	margin-top:-20px;
	}
	
#btn-pdf a:hover {
	background-position:0 -61px;
	}


																					/* ------------ Branding ------------ */

#branding {
	background: url('../images/branding-bg.png') no-repeat top center;
	height: 160px;
	margin: auto;
	width: 960px;
	}

#branding h1 a {
	display: block;
	height: 160px;
	width: 250px;
	float:left;
	text-indent: -25000px;
	}
	
#branding #countdown {
	height: 27px;
	width: 250px;
	float:left;
	text-indent:0px;
	padding-top:55px;
	text-align:center;
	}
	
#branding #text-donate a {
	background: url('../images/text-donate.gif') no-repeat top center;
	height: 117px;
	width: 192px;
	float:left;
	margin-top:43px;
	}

	
#branding #donate {
	width: 160px;
	height:65px;
	float:left;
	padding:27px 0 0 47px;
	/*margin-left:58px;*/
	margin-left:250px;
	}
	
#branding #donate #gb,
#branding #donate #usa {
	width:34px;
	height:28px;
	float:left;
	margin-top:19px;
	}
	
#branding #donate #gb {
	margin-left:3px;
	}

#donate #donate-now {
	background: url('../images/donate-now.gif') no-repeat top center;
	width:79px;
	height:49px;
	float:left;
	text-indent:-25000px;
	}
	
	
	

																					/* ------------ nav ------------ */

#nav {
	background: url('../images/nav-bg.png') repeat-y top left;
	width: 940px;
	padding:0 10px 0 10px;
	text-indent:-25000px;
	height:30px;
	}	
	
#nav li {
	float: left;
	}

#nav a {
	display: block;
	height: 30px;
	}

	
#nav-home a { background: url('../images/nav-home.gif') no-repeat 0 0; width:64px }
#nav-about a { background: url('../images/nav-about.gif') no-repeat 0 0; width:150px }
#nav-involved a { background: url('../images/nav-involved.gif') no-repeat 0 0; width:98px }
#nav-events a { background: url('../images/nav-events.gif') no-repeat 0 0; width: 99px; }
#nav-wall a { background: url('../images/nav-wall.gif') no-repeat 0 0; width:111px }
#nav-press a { background: url('../images/nav-press.gif') no-repeat 0 0; width:79px  }
#nav-blog a { background: url('../images/nav-blog.gif') no-repeat 0 0; width: 55px; }
#nav-message a { background: url('../images/nav-message.gif') no-repeat 0 0; width: 108px; }
#nav-contact a { background: url('../images/nav-contact.gif') no-repeat 0 0; width: 78px; }
#nav-patrons a { background: url('../images/nav-patrons.gif') no-repeat 0 0; width: 88px; }
#nav-socialmedia { background: url('../images/nav-socialmedia.gif') no-repeat 0 0; width: 328px; height:30px; text-indent:0px; position:relative }


#home #nav-home a,
#about #nav-about a, 
#involved #nav-involved a,
#events #nav-events a,
#wall #nav-wall a,
#press #nav-press a,
#blog #nav-blog a,
#message #nav-message a,
#message #nav-patrons a,
#patrons #nav-patrons a,
#contact #nav-contact a,
#team #nav-patrons a { 
	background-position: 0 -60px; 
}

#nav a:hover {
	background-position: 0 -30px;
	}
	
	
#menu_parent {
	width:151px;
	height: 35px;
}

#about-menu,
#news-menu,
#patrons-menu,
#involved-menu {
	width:151px;
	z-index:100
}

#news-menu {
	width:89px;
}

#patrons-menu {
	width:88px;
}

#involved-menu {
	width:98px;
}


#about-menu a,
#news-menu a,
#patrons-menu a,
#involved-menu a {
	background: url('../images/sub-nav-bg.gif') no-repeat top left;
	display:block;
	width:146px;
	font-size: 90%;
	height: 21px;
	padding: 5px 0px 0px 5px;
	text-indent: 0px;
	color:#666;
	text-decoration:none;
}

#news-menu a {
	width:74px;
}

#patrons-menu a {
	width:83px;
}

#involved-menu a {
	width:93px;
}

#about-menu a:hover,
#news-menu a:hover,
#patrons-menu a:hover,
#involved-menu a:hover {
	background-position: 0px -26px;
	color:#FFF;
}
	
	



																					/* ------------ social networking nav ------------ */

#sn-nav {
	width: 225px;
	text-indent:-25000px;
	height:45px;
	position:absolute;
	top:-8px;
	right:19px;
	}	
	
#sn-nav li {
	float: left;
	}

#sn-nav a {
	display: block;
	height: 45px;
	width:45px;
	}

	
#sn-nav-facebook a { background: url('../images/sn-nav-facebook.png') no-repeat 0 0;}
#sn-nav-twitter a { background: url('../images/sn-nav-twitter.png') no-repeat 0 0; }
#sn-nav-youtube a { background: url('../images/sn-nav-youtube.png') no-repeat 0 0;}
#sn-nav-tumblr a { background: url('../images/sn-nav-tumblr.png') no-repeat 0 0;}
#sn-nav-flickr a { background: url('../images/sn-nav-flickr.png') no-repeat 0 0; }

#sn-nav a:hover {
	background-position:0 0;
	}
	

	
																					/* ------------ Content ------------ */

#content {
	background: url('../images/content-bg.png') repeat-y top left;
	width: 910px;
	padding:15px 25px 15px 25px;
	}	
	
	
	
																					/* ------------ Columns ------------ */

#home #col-1 {
	width:680px;
	float:left;
	}
	
#home #col-2 {
	width:230px;
	float:right;
	}
	
#col-1 {
	width:430px;
	float:left;
	}
	
#col-2 {
	width:430px;
	float:right;
	}
	
/*#about #col-1 {
	width:360px;
	float:left;
	}
	
#about #col-2 {
	width:500px;
	float:right;
	}*/
	
/*#patrons #col-1 {
	width:580px;
	float:left;
	}
	
#patrons #col-2 {
	width:280px;
	float:right;
	padding-top:65px;
	}*/

	
#press #col-2,
#message #col-2,
#contact #col-2 {
	background: url('../images/message-form-bg.gif') no-repeat top left;
	width:390px;
	float:right;
	padding:10px 20px 20px 20px;
	height:350px;
	}
	
	
																					/* ------------ Home ------------ */

#home #flickr {
	background: url('../images/flickr-bg.gif') no-repeat top left;
	width:655px;
	height:95px;
	float:left;
	padding:15px 0 0 25px;
	}	
	
#home #flickr p a {
	display:block;
	width:135px;
	height:75px;
	float:left;
	text-align:center;
	padding:20px 15px 0 15px;
	color:#666666;
	text-decoration:none;
	}
	
#home #flickr p a:hover {
	color:#cb0f70
	}
	
#home #flickr #flickr-album  {
	width:480px;
	height:75px;
	padding-left:5px;
	float:left;
	}	

#home #flickr #flickr-album img  {
	float:left;
	margin-right:5px;
	}
	
#home #charities {
	background: url('../images/home-charities-bg.gif') no-repeat top left;
	width:185px;
	height:266px;
	float:left;
	padding:9px 10px 0 30px;
	/*position:relative;
	z-index:0*/
	}
	
#home #charities p {
	display:block;
	height:77px;
	margin-top:15px;
	font-size:95%;
	line-height:1.3em
	}

#home #charities #hfh a,
#home #charities #sff a,
#home #charities #rmctf a {
	background: url('../images/hfh-logo.png') no-repeat top center;
	display:block;
	width:180px;
	height:65px;
	margin-top:6px;
	float:left;
	text-indent:-25000px;
	}
	
#home #charities #sff a {
	background: url('../images/sff-logo.png') no-repeat top center;
	height:75px;
	}
	
#home #charities #rmctf a {
	background: url('../images/rmctf-logo.png') no-repeat top center;
	height:41px;
	}
	
#home #charities .btn-read-more a,
#home #tumblr .btn-read-more a {
	background: url('../images/btn-read-more.gif') no-repeat top center;
	display:block;
	width:80px;
	height:20px;
	float:right;
	text-indent:-25000px;
	margin: 20px 5px 0 0
	/*position:absolute;
	right:10px;
	bottom:15px*/
	}
	
#home #charities .btn-read-more a {
	margin: 5px 5px 0 0
	}
	
#home #tumblr .btn-read-more a {
	margin: 0 -5px 0 0
	}
	
#home #charities .btn-read-more a:hover,
#home #tumblr .btn-read-more a:hover {
	background-position:0 -20px;
	}


#home #copy {
	background: url('../images/home-bg.jpg') no-repeat top center;
	width:399px;
	height:320px;
	float:left;
	padding:45px 20px 0 26px;
	position:relative;
	line-height:1.2em
	}
	
#home #copy p {
	line-height:1.3em
	}
	
#home #copy #btn-route a {
	background: url('../images/btn-route.gif') no-repeat top center;
	display:block;
	width:110px;
	height:120px;
	float:left;
	position:absolute;
	right:0px;
	bottom:0px;
	color:#666;
	text-decoration:none;
	text-align:center;
	padding: 15px 15px 0 15px
	}
	
#home #copy #btn-route a:hover {
	color:#50adfd
	}
	
	
	
#home #btn-track a,
#home #btn-team a {
	background: url('../images/btn-track.gif') no-repeat top center;
	display:block;
	width:75px;
	height:78px;
	float:left;
	color:#666;
	text-decoration:none;
	text-align:center;
	padding: 12px 15px 0 15px;
	margin-top:5px;
	line-height:1.2em
	}
	
#home #btn-track a {
	margin-left:15px;
	}
	
#home #btn-team a {
	background: url('../images/btn-team.gif') no-repeat top center;
	}
	
#home #btn-track a:hover,
#home #btn-team a:hover {
	color:#2b3794
	}
	
	
	

#home #tumblr {
	background: url('../images/home-tumblr-bg.gif') no-repeat top left;
	width:165px;
	height:305px;
	float:left;
	padding:40px 20px 20px 40px;
	position:relative;
	}
	
#home #tumblr #intro {
	width:165px;
	height:20px;
	color:#2e477b;
	font-weight:bold;
	font-size:110%;
	}
	
#home #tumblr #articles {
	height:247px;
	margin-bottom:10px;
	overflow:hidden;
	}
	
#home #tumblr #articles img {
	width:165px;
	height:auto
	}
	
#home #tumblr #articles .tumblr_title {
	color:#2e477b;
	font-weight:bold;
	}
	
#home #tumblr #articles .tumblr_body {
	margin-bottom:10px;
	font-size:95%;
	line-height:1.3em
	}

#home #facebook,
#home #youtube {
	background: url('../images/home-facebook-bg.gif') no-repeat top left;
	width:200px;
	height:85px;
	float:left;
	padding:25px 0 0 25px;
	}
	
#home #youtube {
	background: url('../images/home-youtube-bg.gif') no-repeat top left;
	}	
	
#home #youtube strong {
	color:#d80000
	}
		
	
#home #facebook p a,
#home #youtube p a {
	display:block;
	width:160px;
	height:63px;
	float:left;
	text-align:center;
	padding:12px 15px 0 15px;
	color:#666666;
	text-decoration:none;
	}
	
#home #facebook p a:hover {
	color:#195da9
	}
	
#home #youtube p a:hover {
	color:#d80000
	}






																				/* ------------ Track prgress ------------ */

#day-tracker-outer  {
	height:140px;
	width:910px;
	float:left;
	position:relative;
	overflow:hidden
}

#day-tracker-outer #runners  {
	background: url('../images/runners.png') no-repeat 0 0;
	width:100px;
	height:52px;
	position:absolute;
	right:50px;
	bottom:30px;
}


#day-tracker-container  {
	height:140px;
	width:910px;
	float:left;
	overflow:scroll;
	overflow-y: hidden;
}


#day-tracker  {
	background: url('../images/road.gif') no-repeat bottom right;
	height:120px;
	width:2900px;
	float:left;
}

#day-tracker #stop  {
	background: url('../images/stop.png') no-repeat 0 0;
	width:23px;
	height:60px;
	position:absolute;
	right:25px;
	bottom:20px;
}



#day-tracker .day-marker a { 
		background: url('../images/marker-blank.png') no-repeat 0 0;
		color: #fff;
		text-align:center;
		display: block;
		width:20px;
		height:55px;
		float: left; 
		text-decoration:none;
		font-weight:bold;
		padding:5px 10px 0 10px;
		font-weight:bold;
		font-size:110%;
		margin-right:10px;
}




																					/* ------------ Meet the team ------------ */

.profile-pic {
	background: url('../images/profile-bg.gif') no-repeat top left;
	width:140px;
	height:140px;
	float:left;
	padding:10px 0 0 10px;
	margin:0 10px 0px 0;
	}

.profile {
	width:270px;
	float:left;
}
	
.profile-name {
	font-size:115%
}	

.profile-divider {
	background: url('../images/team/profile-divider.gif') no-repeat top left;
	width:430px;
	height:1px;
	float:left;
	clear:both;
	margin: 20px 0 20px 0
}	


#btn-gallery a {
	background: url('../images/btn-gallery.gif') no-repeat top center;
	display:block;
	width:105px;
	height:55px;
	float:right;
	color:#666;
	text-decoration:none;
	text-align:center;
	padding: 20px 85px 0 25px
	}
	
#btn-gallery a:hover {
	color:#395286
	}

																					/* ------------ Why ------------ */


#btn-meet-the-team a {
	background: url('../images/btn-meet-the-team.jpg') no-repeat top center;
	display:block;
	width:105px;
	height:47px;
	float:right;
	color:#666;
	text-decoration:none;
	text-align:center;
	padding: 323px 125px 0 200px
	}
	
#btn-meet-the-team a:hover {
	color:#395286
	}
	
	
#video-bg {
	background: url('../images/video-bg.gif') no-repeat top center;
	width:480px;
	height:295px;
	float:right;
	padding:10px;
	}
	
																					/* ------------ Charities ------------ */


#btn-h4h a,
#btn-sff a,
#btn-rmctf a {
	background: url('../images/link-h4h.gif') no-repeat top center;
	display:block;
	width:180px;
	height:137px;
	float:right;
	text-indent:-25000px;
	margin: 0 0 20px 20px;
	}
	
#btn-sff a {
	background: url('../images/link-sff.gif') no-repeat top center;
	}
	
#btn-rmctf a {
	background: url('../images/link-rmctf.gif') no-repeat top center;
	}



																					/* ------------ get Involved ------------ */

#involved .online,
#involved .bank,
#involved .post,
#involved .word,
#involved .pdf {
	background: url('../images/icon-online.gif') no-repeat top left;
	width:330px;
	height:65px;
	margin-bottom:10px;
	line-height:1.2em;
	padding: 15px 0 0 100px;
	}
	
#involved .online {
	height:80px;
	padding-top:0
	}	

#involved .bank {
	background: url('../images/icon-bank.gif') no-repeat top left;
	height:70px;
	padding-top:10px;
	}
	
#involved .post {
	background: url('../images/icon-post.gif') no-repeat top left;
	height:70px;
	padding-top:10px;
	}
	
#involved .word {
	background: url('../images/icon-word.gif') no-repeat top left;
	height:60px;
	padding-top:20px;
	}

#involved .pdf {
	background: url('../images/icon-pdf.gif') no-repeat top left;
	height:60px;
	padding-top:20px;
	}

#involved #money-raised {
	background: url('../images/money-raised.jpg') no-repeat top left;
	height:79px;
	width:400px;
	font-size:250%;
	color:#FFFFFF;
	text-align:right;
	font-weight:bold;
	margin-top:20px;
	padding:100px 30px 0 0;
	}


																					/* ------------ Patrons ------------ */

.quote-top {
	background: url('../images/quote-top.gif') no-repeat bottom left;
	width:430px;
	height:35px;
	float:left;
	text-indent:-25000px;
	}

.quote-bottom {
	background: url('../images/quote-bg.gif') no-repeat bottom left;
	width:390px;
	float:left;
	padding:0 20px 20px 20px;
	margin:0 0 20px 0;
	font-style:italic;
	font-size:90%;
	}
	
.quote-bottom img {
	margin-bottom:5px;
	}
	
	
	
																					/* ------------ Events ------------ */

.event-date {
	background: url('../images/event-bg.gif') no-repeat top left;
	width:80px;
	height:74px;
	float:left;
	text-align:center;
	font-size:108%;
	font-weight:bold;
	color:#395286;
	padding:40px 15px 0 15px;
	line-height:1.4em;
	margin-bottom:20px;
	}	
	
.event-copy {
	width:300px;
	float:right;
	}
	
#facebook-link a {
	background: url('../images/facebook-bg.gif') no-repeat top left;
	width:410px;
	height:245px;
	padding:100px 10px 10px 10px;
	overflow:hidden;
	color:#999999;
	line-height:1.2em;
	font-size:95%;
	display:block;
	text-decoration:none;
	font-weight:normal
	}
	
	
																					/* ------------ Wall ------------ */

#patrons #content img {
	margin:0 17px 10px 0;
	border:none
	}
	
#patrons #content img.last {
	margin-right:0;
	}

#wall-link,
#thankyou-link {
	margin-top:20px;
	padding-left:10px;
	}
	

#wall-link a,
#thankyou-link li {
	background: url('../images/bullet.gif') no-repeat top left;
	display: block;
	height:15px;
	padding-left:15px;
	margin-bottom:8px;
	}

	



																					/* ------------ Message Board ------------ */

#message-form label {
	font-weight:bold;
	width: 100px;
	display:block;
	height:25px;
	float:left;
	padding-top:10px;
	}
	

#message-form input, #message-form textarea { 
	background: url('../images/form-input.gif') no-repeat top left;
	vertical-align: middle;
	border: none;
	color: #666;
	font-size: 100%;
	margin-bottom: 8px;
	padding: 10px;
	height:15px;
	width: 270px;
	font-family:  Trebuchet MS, Arial,  Verdana, Helvetica, sans-serif;
	float:left;
	}
	
#message-form #message { 
	background: url('../images/form-textarea.gif') no-repeat top left;
	height: 90px;
	}
	
#press #message-form #message { 
	background: url('../images/form-textarea-small.gif') no-repeat top left;
	height: 60px;
	}

	
#message-form #submit {
	height: 30px;
	vertical-align: middle;
	width: 110px;
	padding: 0px;
	border:none;
	float:right;
	}
																					/* ------------ Contact ------------ */

#contact .email a,
#contact .phone {
	background: url('../images/contact-email-bg.gif') no-repeat top left;
	width:235px;
	height:20px;
	padding:5px 0 0 35px;
	display:block;
	float:left;
	margin-bottom:10px;
	}
	
#contact .phone {
	background: url('../images/contact-phone-bg.gif') no-repeat top left;
	}
	

																					/* ------------ Footer ------------ */
	
#footer {
	background: url('../images/footer-bg.png') no-repeat top left;
	clear: both;
	line-height: 1.1em;
	width: 960px;
	color:#464646;
	margin:auto;
	height:55px
	}
			
#footer p.copyright {
	padding: 28px 0px 0px 10px;
	float:left
	}

	
#azteclink {
	background: url('../images/aztec-logo.png') no-repeat top right;
	margin:10px 10px 0px 0px;
	float: right;
	height:40px;
	width: 400px;
	}
	
#azteclink p {
	width:200px;
	float:right;
	text-align:right;
	padding-top: 18px
	}
	
#azteclink a {
	display:block;
	height:40px;
	width: 200px;
	float:right;
	text-indent: -25000px
	}
	
																					/* ------------ Aztec Page ------------ */
.btn-visit-website a {
	display:block;
	background: url('../images/btn-view-website.gif') no-repeat 0 0;
	height:20px;
	width: 100px;
	float:right;
	text-indent: -25000px;
	}
	
.btn-visit-website a:hover {
	background-position:0 -20px;
	}
	

.btn-aztec-tv a {
	display:block;
	background: url('../images/aztec-tv.jpg') no-repeat 0 0;
	height:263px;
	width: 290px;
	float:right;
	text-indent: -25000px;
	}
	
.btn-aztec-tv a:hover {
	background-position:0 -263px;
	}