/*************************************************************************
**************************************************************************

Produced by DHX Advertising
March 2012
http://dhxadv.com

TABLE OF CONTENTS
01. GLOBAL
02. COPY STYLES
03. FORM INPUTS
04. LINKS
05. HEADER
06. SUBNAV
07. HOME PAGE
08. SHARED / INNER PAGES
09. TOUTS
XX. REGISTER NOW
XX. FOOTER

**************************************************************************
IMPORT CSS
*************************************************************************/

@import url("overlay.css");
@import url("slider.css");
@import url("forms.css");
@import url("blog.css");

/*************************************************************************
0. CUSTOME CSS CLASSES
*************************************************************************/

.top{
	margin-top:20px;
}
.banner{
	width:100%;
	border-radius:10px;
	background-color:#4c4847;
	padding:10px;
	text-align:center;
	color:#FFF;
	font-size:12px;
}
.banner:hover{
	background-color:#333;
}
.banner span{
	color:#ff0000;
	font-size:14px
}
.top-links{
	margin-top:15px;
	margin-bottom:15px;
}
.change-color:hover{-webkit-filter: hue-rotate(180deg);}
.promotion{
	font-size:36px;
	text-align:center;
	line-height:120%;
}
.staff-left{
	width: 280px;
	float:left;
	text-align:right !important;
	border-right:0px solid #0CF;
	padding-right:5px;
	font-size:14px;
	font-weight:bold;
	color:#000;
	margin-bottom:30px;
}
/*
.grey-text:hover{
	color:#252525;
}
.blue-text:hover{
	color:#0CF;
	font-weight:bold;
}
*/
.staff-right{
	width: 330px;
	float:right;
	text-align:left;
	border-left:0px solid #0CF;
	padding-left:5px;
	font-size:14px;
	margin-bottom:30px;
}
.donate-link{
	text-align:center !important;
	float:none !important;
}
.support-button{
	background-color:#fff;
	border-radius:5px;
	padding: 8px;
	color:#3b4da1 !important;
}
.support-button:hover{
	background-color:#3b4da1;
	border: 1px solid #fff;
	border-radius:5px;
	padding: 7px;
	color:#fff !important;
}
.quote {
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-size:36px;
	font-weight:lighter;
	font-style:italic;
	line-height: 36px;
}
/*************************************************************************
01. GLOBAL
*************************************************************************/

*{
	margin:0;
	padding:0;
}
@font-face{
	font-family: 'HelveticaNeue';
	src: url('fonts/helveticaneue.eot');
	src: url('fonts/helveticaneued41d.eot?#iefix') format('embedded-opentype'),
		  url('fonts/helveticaneue.woff') format('woff'),
		  url('fonts/helveticaneue.ttf') format('truetype'),
		  url('fonts/helveticaneue.svg#HelveticaNeue') format('svg');
	font-weight: normal;
	font-style: normal;
}
html{
	background: url(../images/body-bg.jpg);
	background-position: top center;
    background-size: cover;
}
body{
	width: 960px;
	margin: 20px auto;
	font: 15px/18px 'Arial', Helvetica, serif;
	color: #000000;
	border-radius: 12px;
	box-shadow: 10px 10px 10px #748fbe;
}
img, a.img{
	border:none;	
}

/*************************************************************************
02. COPY STYLES
*************************************************************************/

h1, h2, h3, h4, h5{
	margin-bottom:15px;
	font-weight:normal;
}
h1{
	font-size:18px;
	color:#252525;
	font-weight:bold;
}
h2{
	margin:0 0 15px 0;
	font-size:16px;
	color:#3b4da1;
}
h3, h4{
	margin:20px 0 10px 0;
	font-size:15px;
	color:#3b4da1;	
}
h5{ /*subnav header only! */
	font:15px/21px 'Arial', Times, serif;	
	color:#252525;
	padding-left:9px;
	border-left:1px solid #252525;
}
p{
	margin-bottom:14px;
	text-align:justify;
}
ol, ul{
	margin-left: 0px;
}
ul{
	list-style:square;
}
.clear {
	clear:both;
}
.white {
	color: #FFF;
}
.tableheader{
	padding:10px; 
	background-color:#3b4da1; 
	color:#fff;
	font-size:22px;
}
.tabledata{
	padding:10px;
	font-size:14px;
}
.tabledata1{
	padding:10px;
	font-size:14px;
	text-align:left;
}
.table1{
	text-align:center;
	border:2px solid #fff;
}
.table2{
	text-align:center;
	border:2px solid #fff;
}
/*************************************************************************
03. FORM INPUTS
*************************************************************************/

input[type="text"], input[type="password"], input[type="email"], select{
	margin:2px;
	padding:1px;
	font-size:12px;
	color:#140B40;
}
input[type="radio"], input[type="checkbox"]{

}

/*************************************************************************
04. LINKS
*************************************************************************/

/* default */
a:link, a:visited, a:active {
	color: #3b4da1;
	text-decoration: none;
}
a:hover {color:#2499CA;}

/* language toggle */
#lang a:link, #lang a:visited, #lang a:active {color:#959595; text-decoration:none;}
#lang a:hover {color:#FFFFFF}
#lang a.current {font-weight:bold;}

/* main nav */
#nav a:link, #nav a:visited, #nav a:active {color:#ffffff; text-decoration:none;}
#nav a:hover, #nav a.active, #nav a.active-trail {color:#99C1E5;}

/* subnav */
#subnav a:link, #subnav a:visited, #subnav a:active {color:#707070; text-decoration:none;}
#subnav a:hover, #subnav a.active, #subnav a.active-trail {
	color: #3b4da1;
	background-position: 0 -26px;
}

/* home events */
#events a:link, #events a:visited, #events a:active {color:#000000; text-decoration:none;}
#events a:hover {color:#0786BB;}

/* home promos */
#promo-container a:link, #promo-container a:visited, #promo-container a:active {color:#000000;}
#promo-container a:hover {color:#0786BB;}

/* touts */
#right a:link, #right a:visited, #right a:active {color:#FFFFFF; text-decoration:none;}
#right a:hover {text-decoration:underline;}

/* stories of hope thumbs */
.story a:link, .story a:visited, .story a:active {color:#99C1E5; text-decoration:none;}
.story a:hover {text-decoration:underline;}

/* faqs */
.faq a:link, .faq a:visited, .faq a:active {color:#000000; text-decoration:none;}
.faq a:hover {color:#0786BB;}

/* footer */
#footer a:link, #footer a:visited, #footer a:active {color:#BDB7B4; text-decoration:none;}
#footer a:hover {color:#FFFFFF;}

/*************************************************************************
05. HEADER
*************************************************************************/

.header{
	width:960px;
	height:182px;
	margin-bottom:0px;
	/*background:#4c4847;*/
	background-image: url('../images/denali_range.jpg');
	background-size: 960px 182px;
	border-top-left-radius:12px;
	border-top-right-radius:12px;
}
a#logo{
	width:300px;
	height:93px;
	margin:7px 30px;
	float:left;
	display:block;
	background:url(../images/logo.png) no-repeat top left;
}
#nav-container{
	float: right;
	width: 600px;
	margin-top: 40px;
}

/* language toggle */
#lang{
	padding:27px 0;
	font-size:10px;
	text-transform:uppercase;
	color:#959595;
}

/* main nav */
#nav ul{
	float: right;
	margin-right:20px;
	list-style-type:none;
	font:15px/18px 'Arial', Times, serif;
}
#nav ul.smallerfont {
	font-size:14px;
}
#nav ul li{
	float:left;
	padding:0 10px 0 9px;
	/* background:url(../images/divider-nav.png) no-repeat top left; */
}

/*

#nav ul li:hover{
	font-size:18px;
}

*/

/* register buttons */
a.register-button{
	width: 120px;
	height: 25px;
	margin-bottom: 11px;
	padding-top: 4px;
	display: block;
	font: 18px/22px 'Arial', Times, serif;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	background: url(../images/sprite-button.png) no-repeat top left;
	padding-bottom: 4px;
}
a.register-button:hover{
	background-position:0 -33px;	
}
a.register-button:active{
	box-shadow:inset 0 2px 5px #000000;
}
a.register-button-blue{
	width:120px;
	height:25px;
	margin-bottom:11px;
	padding-top:8px;
	display:block;
	font:18px/22px 'Arial', Times, serif;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	background:url(../images/sprite-button1.png) no-repeat top left;
}
a.register-button-blue:hover{
	background-position:0 -33px;	
}
a.register-button-blue:active{
	box-shadow:inset 0 2px 5px #000000;
}
.margin {
	margin-bottom:20px;
	margin-top:20px;
}

/*************************************************************************
06. SUBNAV
*************************************************************************/

#left{
	width: 200px;
	float: left;
	border-right: 2px solid #3b4da1;
	margin-right: 15px;
}

/* first level */
ul#subnav{
	margin-left:0;
	list-style:none;
	font-size:15px;
	font:15px/26px 'Arial', Times, serif;
}
ul#subnav li{
	padding-left:10px;
	background:url(../images/sprite-linkarrow.png) no-repeat top left;
}
ul#subnav li:hover{
	background-position:-394px 0;
}

/* second level */
ul#subnav ul{
	margin:0 0 10px 10px;
	list-style:none;
}

/*************************************************************************
07. HOME PAGE
*************************************************************************/

#hero{
	width:960px;
	height:260px;
	border-top-left-radius:480px 12px;
	border-top-right-radius:480px 12px;
}
#hero a{
	display:none; /* initially hide random heros */	
}

#hero1{
	width:320px;
	height:240px;
}
#hero1 div{
	display:none; /* initially hide random heros */	
}
#hero3 h1{
	display:none; /* initially hide random heros */	
}

/* intro copy */
#intro{
	width: 100%;
	float: left;
}
#intro p{
	font-size:14px;
}
#intro h1{
	padding-bottom:12px;
	font:18px/21px 'Arial', Times, serif;
	font-weight:bold;
	border-bottom:0px dashed #999999;
}
#intro img{
	margin:7px 0 10px 20px;
	float:right;	
}


/* Side Nave Page Main copy */
#pagecopy{
	width:645px;
	float:right;
}
#pagecopy p{
	font-size:14px;	
}
#pagecopy h1{
	padding-bottom:12px;
	font:18px/21px 'Arial', Times, serif;
	font-weight:bold;
	border-bottom:0px dashed #999999;
}
#pagecopy img{
	margin:7px 0 10px 20px;
	float:right;	
}

/* event listing */
#events{
	width:412px;
	float:right;
	/*line-height:18px;
	padding-left:20px;
	border-left:0px solid #B5D78E;*/
}
#events h2{
	font:18px/21px 'Arial', Times, serif;	
}
.item{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dashed #999999;
}
.item:last-child{
	border:none;	
}
.item span{
	padding-top:10px;
	display:block;
	color:#9C9A99;
	font-size:11px;
	text-transform:uppercase;
}
/* override to correct spans within H3's, namely for displayed dates in Drupal views */
.item h3 span {
	padding-top:0;
	color:#8BBB54;
	font-size:15px;
	text-transform:none;
}
/* override to hide comment content type in Drupal */
.comment-wrapper fieldset {
	display:none;
}

/* promos */
#promo-container{
	width:920px;
	height:221px;
	margin-bottom:22px;
	padding:30px 0 0 40px;
	clear:both;
	border-radius:12px;
	/* background:#FFFFFF url(../images/home-promos-holiday.jpg) no-repeat; */
}
#promo-container h3{
	margin:0 0 10px 0;
	font:18px/21px 'Arial', Times, serif;
	color:#0786BB;
}
#promo-container .block img {
  float: right;
  margin: 0 0 0 1em;
}
.promo1{
	width:260px;
	padding-right:40px;
	float:left;
}
.promo2{
	width:275px;
	padding-right:40px;
	float:left;
}
.promo3{
	width:260px;
	float:left;
}

/*************************************************************************
08. SHARED / INNER PAGES
*************************************************************************/

#content-container{
	width:880px;
	margin-bottom:0px;
	padding:60px 40px 30px 40px;
	float:left;
	background:#FFFFFF;
}
#hero-overlay{
	width:960px;
	height:29px;
	background:url(../images/arch-blue.png) no-repeat top left;
}
#center{ /* main copy block */
	width:400px;
	padding-left:25px;
	float:left;
	background:url(../images/divider-vertical.png) repeat-y left;
}
#full{ /* for use when no #right div exists */
	width:685px;
	padding-left:25px;
	float:left;
	background:url(../images/divider-vertical.png) repeat-y left;
}
#center img{ /* set max-width */
	max-width:370px;
	margin-bottom:10px;
	border:2px solid #FFFFFF;
	box-shadow:0 2px 3px #DDD;
	-moz-box-shadow:0 2px 3px #DDD;
	-webkit-box-shadow:0 2px 3px #DDD;
}
.article-image-container {
	margin-bottom:12px;
	margin-left:12px;
	float:right;
}
.article-image-container p {
	margin:4px;
	font-size:0.8em;
}
.quilt-square img {
	float:left;
	margin-right:10px;
	margin-bottom:12px;
}

/*************************************************************************
09. RIGHT COLUMN TOUTS
*************************************************************************/

#right{
	margin:-67px -40px 0 0;
	float:right;
}
#right div{
	width:150px;
	height:180px;
	padding:420px 65px 0 65px;
	display:none; /* initially hide each random tout */
	font:15px/30px 'Arial', Times, serif;
	color:#FFFFFF;
}
#right a{
	padding-left:12px;
	font-size:13px;
	text-transform:uppercase;
	background:transparent url(../images/sprite-linkarrow.png) no-repeat 0 -6px;
}

/* individual touts */
.rosie {background:url(../images/tout-rosie.jpg) no-repeat top;}
.linda {background:url(../images/tout-linda.jpg) no-repeat top;}
.susan {background:url(../images/tout-susan.jpg) no-repeat top;}

.rosie-es {background:url(../images/tout-rosie_es.jpg) no-repeat top;}
.linda-es {background:url(../images/tout-linda_es.jpg) no-repeat top;}
.susan-es {background:url(../images/tout-susan_es.jpg) no-repeat top;}

/*************************************************************************
10. STORIES OF HOPE
*************************************************************************/

/* stories landing page */
.stories-intro{
	min-height:150px;
	padding:50px 0 0 0;
	clear:both;
	border-bottom:1px dashed #999999;
}

/* thumbnails */
.items .joseph {background:url(../images/story-thumb-joseph.jpg) no-repeat;}
.items .ken {background:url(../images/story-thumb-ken.jpg) no-repeat;}
.items .katy {background:url(../images/story-thumb-katy.jpg) no-repeat;}

/* story page */
.stories{
	padding:50px 300px 0 0;
	clear:both;
}
.stories img{
	margin-right:-300px;
	float:right;	
}

/*************************************************************************
11. FAQ
*************************************************************************/

.faq h2{
	margin-top:24px;	
}
.answer{
	margin-top:40px;
	padding-top:20px;
	border-top:1px dashed #999999;
}
.answer .q{
	padding-left:22px;
	font-weight:bold;
	font-style:italic;
	background:url(../images/icon-faq.png) no-repeat 0 0;
}
.answer .a{
	padding-left:22px;
	background:url(../images/icon-faq.png) no-repeat -683px 0;	
}

/*************************************************************************
12. SPONSORS
*************************************************************************/

.sponsors{
	width:645px;
	padding:40px 0 0 40px;
	float:left;
	background:#EBF5F8;
	border-radius:10px;
}
.sponsors a{
	width:175px;
	height:100px;
	margin:0 35px 40px 0;
	float:left;
	display:block;
}
#full .sponsors a img{
	display:block;
	max-width:100%; /* relative to container div */
	margin:0 auto;
}

/*************************************************************************
13. CONTACT
*************************************************************************/

.contact{
	width:540px;
	padding:30px 0 20px 170px;
	float:left;
	clear:both;
}
.contact h3{
	margin:0;
	padding-bottom:0;
	color:#008BBB;
}
.contact img{
	float:left;
	margin-left:-170px;	
}
.contact .title{
	width:240px;
	float:left;
}
.contact .desc{
	width:300px;
	float:left;	
}

/*
.contact-left{
	width:330px;
	float:left;
}
.contact-right{
	width:330px;
	padding-left:20px;
	float:left;
	border-left:1px dashed #999999;
}
.contact-left h3, .contact-right h3{
	margin-bottom:0;
	font-size:12px;
	font-style:italic;
	color:#000000;	
}
*/


/*************************************************************************
XX. REGISTER NOW
*************************************************************************/

table{
	border-spacing:0px;
	border-width:0px;
	border-collapse:collapse;
	width:100%;
	margin-bottom:10px;
}
table table{
	width:auto;
	margin-bottom:0;
}
table td{
	vertical-align:top;
	font-size:12px;
	padding-bottom:4px;
}
.client_error{
	margin:4px 0 2px;
	padding:2px;
	border:1px solid #FF0000;
	background:#cacaca;
	color:#FF0000;
	width:400px;
	display:none;
}

/*************************************************************************
XX. FOOTER
*************************************************************************/

/* footer */
#footer{
	width:960px;
	height:65px;
	padding-top:25px;
	clear:both;
	color:#fff;
	text-align:center;
	background:#3b4da1;
	font:14px 'Arial', Times, serif;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
#footer ul{
	margin-bottom:10px;
	padding:0;
	list-style:none;	
}
#footer li{
	display:inline;
	border-right:1px solid #BDB7B4;
}
#footer li:last-child{
	border:none;
}
#footer li:last-child{
	content:normal;
}
#footer a{
	padding:0 12px 0 11px;
	text-transform: capitalize;
	color:#fff !important;
}

/* sub footer */
#subfooter {
	width:960px;
	margin-top:20px;
	padding-bottom:80px;
}

/* newsletter signup */
.newsletter {
	width:285px;
	float:left;	
	margin:0 0 0 15px;
}
.newsletter h2 {
	color:#000;
	margin:0 0 8px;
}
.newsletter input[type=text] {
	width:180px;
	height:22px;
	margin:0 0 5px 0;
	padding-left:5px;
	/*float:left;*/
	font-size:11px;
	border:1px solid #999999;
	outline:none;
	display:block;
}
.newsletter input[type=submit] {
	display:block;
	width:75px;
	text-align:center;
	height:22px;
	line-height:22px;
	border:1px solid #999999;
	background:#FFF;
	cursor:pointer;
}
.newsletter input[type=submit]:hover {
	background:#F5F5F5;
}

.newsletter a {
        width:240px;
        height:25px;
        margin-bottom:11px;
        padding-top:8px;
        display:block;
		font:15px/15px 'Arial', Times, serif;
        color:#FFFFFF;
        text-align:center;
        text-decoration:none;
        background: #7493b2;
        border-radius: 7px;
        border: 1px solid #799bba;
        text-shadow:-1px -1px 0px #8b8b84;
}
.newsletter a:hover{
        background: #8eb3d9;
}
.newsletter a.active{
        box-shadow:inset 0 2px 5px #000000;
}


/*.newsletter input.join{
	width:19px;
	height:22px;
	margin:0 0 0 -20px;
	float:left;
}*/

/* copyright */
.copyright{
	text-align:center;
	font:15px/15px 'Arial', Times, serif;
}

/* social */
.social{
	width:300px;
	float:right;
}
.social iframe{
	margin:2px 0 0 6px;
	float:right;	
}
a.youtube, a.facebook{
	width:24px;
	height:24px;
	margin-left:6px;
	display:block;
	float:right;
	background:transparent url(../images/icon-youtube.png) no-repeat top left;	
}
a.facebook{
	background:transparent url(../images/icon-facebook.png) no-repeat top left;	
}
a.youtube:hover, a.facebook:hover {background-position:0 -25px;}
a.youtube:active, a.facebook:active {background-position:0 -50px;}