/* stylesheet */

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('fonts/League_Gothic.eot');
	src: local('League Gothic'), local('LeagueGothic'), url('fonts/League_Gothic.woff') format('woff'), url('fonts/League_Gothic.ttf') format('truetype'), url('fonts/League_Gothic.svg#LeagueGothic') format('svg');
} 

body {
	font-family:'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	color: #555555;
	background: #f0f0f0;
	background-image:url(../images/bottomContentDivider.png);
	background-repeat:repeat-x;
	height:100%;
	width:100%;
}

html {
	background: #f0f0f0;
}

* html body { 
	background: #f0f0f0; 
	background-image:url(../images/bottomContentDivider.png);
	background-repeat:repeat-x;
}

a:link,a:visited {
	text-decoration: none;
  	color: #555;
}
a:hover {
	opacity: .9;
}

#sitelogo {
	font-family:'LeagueGothicRegular';
	font-size:44pt;
	
}

hr.footer {
	color:#555;
	background-color:#555;
	height:2px;
	width:100%;
	margin-top:50px;
}

hr.navtopBorder {
	color:#000;
	height:5px;
	width:100%;
	margin-bottom:0px;
	border-style:solid;
}

hr.navbottomBorder {
	color:#fff;
	height:1px;
	width:100%;
	border-style:solid;
	
}

#navigation {
	/*border-top:#000, 1px, dotted;*/
	/*border-bottom:#000, 1px, dotted;*/
	list-style:none;
	font-family: 'LeagueGothicRegular';
	text-transform: uppercase;
	font-weight:100;
	font-size:18pt;
	margin:0;
	padding:0px;
	/*position:absolute;*/
	letter-spacing:.5px;
	/*font-style:italic;*/
}

#navigation li {
	float:left;
	margin-right:4px;
	margin-left:4px;
	padding-right:24px;
	padding-left:12px;
	background-image:url(../images/navDivider.png);
	background-position:right;
	background-repeat:no-repeat;
}

#navigation li a:link,a:visited {
	text-decoration: none;
  	color: #555;
}

#navigation li:first-child {
	padding-left:10px;
	/*padding-right:6px;*/
	float:left;
	background-image:url(../images/navDivider.png);
}

#navigation li:last-child {
	padding-right:3px;
	/*padding-right:6px;*/
	float:left;
	background-image:none;
}

#navigation li ul 				{ position:absolute;left:-5000px;z-index:1001; background:#bbbbbb; width:180px; padding:0;margin:0 0 0 -22px; border-top:1px solid #555; opacity:.9; font-size:22px;}

#navigation li li				{ float:none; display:block; margin:0; padding:8px 0 8px 0; background-image:none; border:1px solid #555; border-top:none; border-bottom:1px dotted #555; }
#navigation li li:first-child	{ padding:0; float:none; display:block; margin:0; padding:8px 0 8px 0; background-image:none; border:1px solid #555; border-top:none; border-bottom:1px dotted #555; }
#navigation li li:last-child	{ padding:0; float:none; display:block; margin:0; padding:8px 0 8px 0; background-image: none; border:1px solid #555; border-top:none; }
#navigation li li a,
#navigation li.current li a,
#navigation li:hover li a		{ margin:0; width:200px; padding:8px 10px; line-height:1; color:#fff; border: none; border:1px solid #484848;border-top:none;}

#navigation li.current li a:hover,
#navigation li:hover li a:hover	{ color:#fff; }

#navigation li.current li a,
#navigation li:hover li a		{ border: none; }

#navigation li:hover ul 		{ left:auto;}
#navigation li:hover ul ul, 
#navigation li:hover ul ul ul, 
#navigation li:hover ul ul ul ul 
							{ left:-5000px;}
#navigation li:hover ul, 
#navigation li li:hover ul, 
#navigation li li li:hover ul, 
#navigation li li li li:hover ul 
							{ left:auto;}
#navigation li:hover ul li:hover ul 
							{ margin:-40px 0 0 150px;}



/*#nav					{ position:absolute; right:-5px; top:37px; height:35px; margin: 0; padding:0; list-style:none; }
#nav li					{ float:left; display:inline; margin: 0 24px;}
#nav li a				{ display:block; line-height:34px; font-size:12px; font-weight:bold; color:#fff; text-decoration:none; padding:0; margin:0; font-family: Helvetica Neue, Helvetica, arial, sans-serif;}
#nav li.current a,
#nav li:hover a			{ border-bottom:8px solid #FFF; }

#nav li ul 				{ position:absolute;left:-5000px;z-index:1001; background:#bbbbbb; width:150px; padding:0;  }

#nav li li				{ float:none; display:block; margin: 0;}
#nav li li a,
#nav li.current li a,
#nav li:hover li a		{ font-size:12px; margin:0; width:130px; padding:8px 10px; line-height:1; color:#fff; border: none;}

#nav li.current li a:hover,
#nav li:hover li a:hover	{ background:#cdcdcd; color:#fff; }

#nav li.current li a,
#nav li:hover li a		{ border: none; }

#nav li:hover ul 		{ left:auto;}
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul 
							{ left:-5000px;}
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul 
							{ left:auto;}
#nav li:hover ul li:hover ul 
							{ margin:-40px 0 0 150px;}*/


/* jquery cycle related styles */

#slideshow {
	padding-top:5px;
	padding-bottom:5px;
}

#prev, #next { overflow:hidden; display:block; width:51px; height:51px; position:absolute; top:173px; background-position:0 0; background-repeat:no-repeat; text-indent:-9999em; z-index:9999; }
#prev { background-image:url(../images/leftArrowBlack.png); left:26px; }
#prev:hover { background-image:url(../images/leftArrowWhite.png); }
#next { background-image:url(../images/rightArrowBlack.png); right:25px; }
#next:hover { background-image:url(../images/rightArrowWhite.png); }

/* newsletter sign-up styles */
#newslettersubscribe {
	position:absolute;
	z-index:30;
	height:25px;
	background:#555;
	color:#FFF;
	text-align:center;
	vertical-align:middle;
}

#newsletterSlide {
	padding: 25px 0 0 0;
	overflow:hidden;
	height:0px;
	width:220px;
	background:#555;
	background-image:url(../images/newsletterBox.png);
	background-repeat:no-repeat;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#newsletterform {
	font-family:Baskerville;
	font-style:italic;
	font-size:12pt;
}

p#signupButton a {
	width: 400px;
	margin: auto;
	color: #FFF;
	background-color: #e58315; /*rgba(239,189,189,0.4);*/
	padding: 6px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-transform:uppercase;
	font-family:'LeagueGothicRegular';
	letter-spacing:1.2px;
}
	
p#signupButton a:hover {
	color: #FFF;
	background-color: #61bc24;
}

#signupsuccess p {
	font-family:Baskerville;
	font-style:italic;
	font-size:12pt;
	color:#FFF;
	text-align:center;
}


#cu3er-container {
	width:940px;
	height:390px;
	outline:0;
	padding-top:10px;
	padding-bottom:25px;
}

#howtohelptitle {
	font:Georgia;
	font-size:11pt;
	font-style:italic;
}

div.howto {
	font:Helvetica;
	color:#717171;
	font-size:11pt;
}

#getinvolvedSection {
	font-family:'LeagueGothicRegular';
	font-size:18pt;
	
}

#getinvolvedSection h4 {
	margin-top:20px;
	font-family:Helvetica;
	font-size: 9pt;
	font-weight:bold;
	color:#555;
}

#getinvolvedSection p {
	font-family:Helvetica;
	font-size: 8pt;
	font-weight:100;
	color:#555;
	margin-top:-5px;
}

#getinvolvedSection:hover {
	opacity:.8;
	cursor:pointer;
}

img.colorUnderline {
	margin-top:-6px;
	margin-bottom:12px;
}

#whereweareSection {
	font-family:'LeagueGothicRegular';
	font-size:18pt;

}

#whereweareSection h4 {
	margin-top:20px;
	font-family:Helvetica;
	font-size: 9pt;
	font-weight:bold;
	color:#555;
}

#whereweareSection p {
	font-family:Helvetica;
	font-size: 8pt;
	font-weight:100;
	color:#555;
	margin-top:-5px;
}

#whereweareSection:hover {
	opacity:.8;
	cursor:pointer;
}

#whoweareSection {
	font-family:'LeagueGothicRegular';
	font-size:18pt;	
}

#whoweareSection h4 {
	margin-top:20px;
	font-family:Helvetica;
	font-size: 9pt;
	font-weight:bold;
	color:#555;
}

#whoweareSection p {
	font-family:Helvetica;
	font-size: 8pt;
	font-weight:100;
	color:#555;
	margin-top:-5px;
}

#whoweareSection:hover {
	opacity:.8;
	cursor:pointer;
}

#twitterfeedSection {
	font-family:'LeagueGothicRegular';
	font-size:18pt;	
}

#tweets {
	font-family:Helvetica;
	font-size:9pt;
	font-weight:100;
	color:#555;
}

#followTweets a {
	font-family:Helvetica;
	font-size:9pt;
	color:#323232;
}

#juitterContainer li {
	margin-left:0px;
}

.moreText {
	font-family:Baskerville;
	font-style:italic;
	font-size:12pt;
}

.footertext {
	font-family:'LeagueGothicRegular';
	font-size:13pt;
	color:#555;
	margin-top:-10px;
	margin-bottom:15px;
}

/* content styles */
.content_sidenav {
	text-align:right;
	margin-top:-11px;
}

.content_sidenav h1 {
	font-family:'LeagueGothicRegular';
	background-image:url(../images/bottomContentDivider.png);
	background-repeat:repeat-x;
	background-position:bottom;
	font-size:30pt;
	font-weight:100;
	padding:0;
}

.content_sidenav ul {
	list-style:none;
	font-family:'LeagueGothicRegular';
	font-size:20pt;
	text-transform:uppercase;
	line-height:30px;
	/*border-bottom:1px solid #cccccc;*/
	width:100%;
}

.content_sidenav a {
	color:#aaaaaa;
	text-decoration:underline;
}

.content_section {
	
}

.clickable:hover {
	opacity:.8;
	cursor:pointer;
}

.content_section h1 {
	font-family:'LeagueGothicRegular';
	font-size:30pt;
	font-weight:100;
	text-transform:uppercase;
	padding-top:8px;
	padding-bottom:4px;
	margin:0;
}

#contact #form input, #contact #form textarea
{
	font-family:'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	color:#FFF;
	background-color:#555;
	border: solid 1px #bcbcbc;
	font-size:18px;
}
#contact #form button
{
	font-family:'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	color:#919191;
	background-color:#FFF;
	border: solid 1px #bcbcbc;
	font-size:18px;
	cursor:pointer;
}

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

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

/* PHOTOS */


#photos ul.flickr {
	display: block;
	margin:0;
	width:600px;
}	

#photos .flickr li {
	background: none;
	margin:0 9px 9px 0;
	display: inline-block;
	float:left;
}
	
.flickr li img {
	width:62px;
	height:62px;
}	
	
.flickr li a {
	width:62px;
	height:62px;
	display:block;
	padding:3px;
	border:1px solid #ccc;
	background-color: white;
}

/* TEAM */
.teamSection {
	font-family:'LeagueGothicRegular';
	font-size:18pt;
	
}

.teamSection h4 {
	margin-top:20px;
	font-family:Helvetica;
	font-size: 9pt;
	font-weight:bold;
	color:#555;
}

.teamSection p {
	font-family:Helvetica;
	font-size: 8pt;
	font-weight:100;
	color:#555;
	margin-top:-5px;
}

/* form styles */

.donate label {
	font-size: 16px;
	color: #555;
	letter-spacing: 1px;
	text-transform:none;
}

form.donate {
	padding: 20px;
	background-color: #CCCCCC;
}

form.donate {
	/*margin-right: 10px;*/
	font-size: 20px;
}

form.donate input.submitbutton
{
	font-family: Helvetica, 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	color:#fff;
	background-color:#e5575b;
	border: solid 1px #e5575b;
	font-size:16px;
	padding:10px;
	padding-right:35px;
	padding-left:35px;
	cursor:pointer;
	font-weight:100;
}

form.donate .inside_box {
	padding: 10px;
	background-color: #aeaeae;
	margin-top: 5px;
	color: #fff;
	font-size:12px;
}

.row {
	margin-bottom: 10px;
}
input.first_name, input.last_name, input.amount {
		width: 245px !important;
}
.row_r {
	float: right;
	margin-bottom: 10px;
}
.row_l {
	float: left;
	margin-bottom: 10px;
}
input.first_name, input.last_name, input.email, input.phone, textarea.message, input.amount {
	padding: 10px;
	font: 16px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	color: #666;
	width: 521px;
	border-style: none;
	margin-top: 5px;
}

.select {
	position:absolute;
	background-color: #e5575b;
	border-style: none;
	font: 20px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	margin-top: 3px;
	background: url(../images/dropDown.png) no-repeat;
	overflow:hidden;
	cursor:pointer;
	height:55px;
	width:240px;
	padding: 8px 0px 0px 20px;
}
select {
	border-style: none;
	font: 20px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	margin-top: 3px;
	overflow:hidden;
	cursor:pointer;
	height:42px;
}
textarea.message {
	height: 150px;
}

label.error { float: none; color: #e5575b; padding-left: .5em; vertical-align: top; }

input.contactSubmitButton {
	font-family: Helvetica, 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	color:#fff;
	background-color:#94ccdf;
	border: solid 1px #94ccdf;
	font-size:16px;
	padding:10px;
	padding-right:35px;
	padding-left:35px;
	cursor:pointer;
	font-weight:100;
}

input.childsponsorSubmitButton {
	font-family: Helvetica, 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	color:#fff;
	background-color:#e58315;
	border: solid 1px #e58315;
	font-size:16px;
	padding:10px;
	padding-right:35px;
	padding-left:35px;
	cursor:pointer;
	font-weight:100;
}