@charset "utf-8";

/*-------CSS RESET-----------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, str5ong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*--------------------------------------------*/

/* Fonts */

@font-face { font-family: Homestead; src: url('fonts/Homestead-Display.ttf'); }	
@font-face { font-family: Haymaker; src: url('fonts/Haymaker.ttf');}	


h1 {
	font-size:50px;
	color:#ffffff;
	font-family:'Open Sans', sans-serif;
}

h2 {
	font-family:'Open Sans', sans-serif; 
	font-weight:700;
	text-transform:uppercase;
	font-size:50px;

}

h3 {	
	font-family:'Open Sans', sans-serif;

}

h4 {
	font-family:'Open Sans', sans-serif;


}
h5 {


}

h6 {

}

html{
	padding:0px;
	margin:0px;
}

body{
	background:url("../images/wet_snow.png");

} 

#dots{
	background:url("../images/backgrounds/dotted-path.png");
}

.fb_iframe_widget span { width: 240px !important; }
.fb-like-box iframe { width: 240px !important; }

/* ELEMENT/TAG SELECTORS */


ul {
	list-style-type: none;
	margin-bottom:15px;
	width:auto;
}

li.bullets {
	line-height: 23px;
	list-style:circle;
	margin-left:-7px;
    color:#727682;
    font-family:Arial, Geneva, SunSans-Regular, sans-serif;
    font-size:14px;
    line-height:1.6;
    text-align:left;
    vertical-align:top;
	margin-left:25px;

}

li {
	xposition:relative;
	margin-top: 0;
    color:#727682;
    font-family:Arial, Geneva, SunSans-Regular, sans-serif;
    font-size:14px;
    line-height:1.6;
    text-align:left;
    vertical-align:top;


}

p {
  color:#ffffff;
  font-family:Arial, Geneva, SunSans-Regular, sans-serif;
  font-size:13px;
  line-height:1.6;
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

a:link {text-decoration: none; }
a:visited { text-decoration: none; }
a {color:#6398a8;}

a.underline:link {color: #446e7a; text-decoration: none; }
a.underline:visited {color:#4d4d4f; text-decoration: none; }
a.underline:hover {
	color: #4d4d4f;
	text-decoration: none;
	font-size: 100%;
}


#navBar{
	background:#fff;
	z-index:999;
	xheight: 115px;
	position:fixed;
	xbackground:transparent;
	width:100%;
	xheight:40px;
	z-index:999;
	border-bottom: 2px solid #5a98bd;
	border-top:3px solid #5998bd;
	xmargin-top:50px;
	xpadding-top: 25px;
	padding-top: 15px;
	padding-left: 100px;
	xpadding-bottom:10px;
	padding-bottom:5px;
	background:url("../images/white_wall_hash.png");
	
	-webkit-box-shadow: 7px 11px 16px 0px rgba(50, 50, 50, 0.6);
	-moz-box-shadow:    7px 11px 16px 0px rgba(50, 50, 50, 0.6);
	box-shadow:         7px 11px 16px 0px rgba(50, 50, 50, 0.6);
}

#navWrapper{
	width: 1000px;
	left: 150px;
	position: relative;
}


#navBar ul.navElements {
	position:relative;
	margin-top:22px;
	margin-left: 0px;

}
#navBar ul.navElements li{
	display:inline;
	margin-right:6px;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	text-transform:uppercase;

	
}
#navBar ul.navElements li a:hover{
	color:#fff;
	cursor:pointer;
	background:#0064a2;

}

#navBar ul.navElements li a{
	color:#03042b;
	padding:3px;
	padding-right:12px;
	padding-left:12px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

#subNavBar{
	display: block;
	width: 200px;
	margin-left: auto;
	position: relative;
	margin-right: auto;
	height: 37px;
	left: -110px;
	top: 3px;
	margin-bottom: 3px;
}

#subNavElements {
	width: 380px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	xmargin-top: 22px;
	text-align: right;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #ccc;
	padding-right: auto;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-right: 9px;
	display: block;
	left:-3px;
}

#subNavElements li{
	xdisplay:inline;
	margin-right:6px;
	font-family: 'Open Sans', sans-serif;
	font-size:10px;
	text-transform:uppercase;
}
#subNavElements li a:hover{
	color:#eee;
	cursor:pointer;
}

#subNavElements li a{
	color:#555;
	padding:3px;
	padding-right:8px;
	padding-left:8px;
}

#CAlogo{
	width:250px; 
	float:left;
}
	

#learnMoreBook{position:absolute;}
.profile{width:300px; position:absolute;}
.profile2{width:300px;}
.catalina{right:70px;}
#bottomPadding{
	height:200px;
}
#slider-wrapper{
	xheight:600px;
	height:auto;
}
#slider{
	position:relative;
	xposition:absolute;
	xheight:450px;
	height:auto;
	width:100%;
	background-image:none;
	margin-left:auto;
	margin-right:auto;
	padding-top: 60px;	
	padding-top: 40px;	
	padding-top:50px;
	xz-index:100;
	xpadding-top:50px;
	overflow:hidden;
	padding-bottom:100px;
	z-index:10;
	zoom: 1;
}

.flexslider{margin-top: 32px;}
.galleria{ width: 800px; height: 400px;}
#header_div{
	
}

#upperNav{
	margin-right: auto;
	margin-left: 50px;
	margin-top: 10px;
	margin-bottom: 30px;
	float:left;
} 

#innerHeader_div{
	position:relative;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	xoverflow:hidden;
	
}
#socialMedia{
	xwidth:111px;
	position:absolute;
	right:0px;
}

#socialMedia li{
	display:inline;
}

#social_div{
	top: -43px;
}

.outer_div{
	width:100%;
	position:relative;
}

.inner_div{
	width:900px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
}


#wrapper_div{
	xtop:-200px;  /*leave this here otherwise the header will glitch*/
	padding-top:0px;
	xpadding-top:200px;
	z-index:2;
	xmargin-bottom:-200px;
	position:relative;
	height:auto;
	width:900px;
	margin-left:auto;
	margin-right:auto;

}
#wrapper_div2{
	xtop:-200px;  /*leave this here otherwise the header will glitch*/
	padding-top:0px;
	xpadding-top:200px;
	z-index:2;
	xmargin-bottom:-200px;
	position:relative;
	height:auto;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:250px;
}

#topLinks {
	position:relative;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:300;
	font-size:15px;
	color:#383838;
	text-shadow: 0px -1px 0px #ffffff;
	line-height:23px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:560px; 
	left:-30px;
	padding-bottom:20px;
	margin-top:10px;
}



#footer_div{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	xtop:20px;
	text-align:center;
	xmargin-bottom:20px;
	padding-bottom:20px;
	z-index:990;
	background:#5a98bd;
}

#joinMailinglistFooter{
	position:relative; left:60px; margin-top:0px;
}

#program-titles{
	margin-right:auto;
	padding-bottom:5px;
	padding-left:20px;
	padding-top:7px;
}
#program-titles ul{
	margin-bottom:0px;
}
#program-titles ul li{
	display:inline;
	color:white;
	xcolor:#ef5076;
	margin-right:40px;
	text-transform:uppercase;
}
#program-titles ul li:hover{
	cursor:pointer;
	color:#dddddd;
}

#aboutViewport{
	padding-top:5px;
	overflow:hidden;
	width:880px;
}

#aboutUL{
	width:4000px;
	xheight:310px;
	height:325px;
	margin-bottom:0px;
}

.aboutUL{
	display: inline-block;
	xwidth:880px;
	width:865px;
	margin-right:20px;
	margin-left:10px;
	xborder:1px solid #cccccc;
}

#aboutUL h3{
	color:white;
	xcolor:#ef5076;
	font-size:30px;
}

#programAreas {
	margin-bottom:70px;
}
#programAreas p{
	xcolor:#ef5076;
	color:#fff;
	xcolor:#555;
}
#programAreas h2{
	xcolor:#ef5076;
	color:white;
	xfont-size:50px;
	xfont-family: 'Fredericka the Great', cursive;
	font-family:'Open Sans', sans-serif;
	xfont-weight:700;
	xtext-transform:uppercase;
	margin-top:10px;
	margin-left:10px;
}
	
.programAreaImg{
	xfloat:right;
	xpadding:15px;
	xbackground:white;
	xmargin-left:10px;
	xmargin-right:40px;
	
	xfloat: right;
	xmargin-left: 30px;
	xmargin-right: 40px;
}

#events{
	margin-top:320px;
}

#events h2{
	color:white;
	xfont-size:40px;
	xfont-family: 'Fredericka the Great', cursive;
	margin-top:10px;
	margin-left:10px;
}

#events ul li{
	position:relative;
	width:130px;
	margin-right:12px;
	margin-left:12px;
	display: inline-block;
	*display: inline;
	zoom: 1;

}

#events ul li img{
	width:115px;
}

#events ul li h4{
	color:white;
	font-size:20px;
	line-height: 1.0;
	margin-bottom: 9px;
}

#events ul li p{
	color:white;
	line-height: 1.3;
}

.eventDate{
	margin-bottom: 5px;
	font-weight: 700;
	font-size: 15px;

}

.eventDesc{
	xheight:270px;
}

.happeningsHeader{
	width:100%; height:30px;
}

.happeningsHeader p{
	font-size:15px;
	text-transform:uppercase;
}


#whyItMatters{
	margin-top:415px;
	
}

.galleria-thumbnails-container{
	display:none;
}

#whyItMatters h2{
	color:white;
	xfont-size:40px;
	xfont-family: 'Fredericka the Great', cursive;
	margin-top:10px;
	margin-left:10px;
}


#blog {
	margin-top:65px;
}

#blog h2{
	color:white;
	xfont-size:40px;
	xfont-family: 'Fredericka the Great', cursive;
	margin-top:10px;
	margin-left:10px;
}

#blog ul li{
	position:relative;
	width:230px;
	margin-right:12px;
	margin-left:12px;
	display: inline-block;
	*display: inline;
	zoom: 1;

}


#blog ul li h4{
	color:white;
	font-size:20px;
	height:62px;
}

#blog ul li p{
	color:white;
}
.blogMore{
	font-size:20px;
	color:#ffffff;
	font-family:'Open Sans', sans-serif;
	float:right;
	margin-right:40px;
	margin-top:20px;
}

.blogDesc{
	height:200px;
	overflow:hidden;
}

.viewEvent {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	
	position: relative;
	margin-top: 12px;
}
.viewEvent:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#dddddd;
	color:#5a98bd;
}
.viewEvent:active {
	position:relative;
	top:1px;
}

.monthataglance {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color:#599bb3;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #a0c2f9;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	position:relative;
}
.monthataglance:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #60b8ce), color-stop(1, #46909f));
	background:-moz-linear-gradient(top, #60b8ce 5%, #46909f 100%);
	background:-webkit-linear-gradient(top, #60b8ce 5%, #46909f 100%);
	background:-o-linear-gradient(top, #60b8ce 5%, #46909f 100%);
	background:-ms-linear-gradient(top, #60b8ce 5%, #46909f 100%);
	background:linear-gradient(to bottom, #60b8ce 5%, #46909f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#60b8ce', endColorstr='#46909f',GradientType=0);
	background-color:#dddddd;
	color:#5a98bd;
	color:#f6f6f6;
}
.monthataglance:active {
	position:relative;
	top:1px;
}

.viewPost {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	
	margin-left: 50px;
	position: relative;
	margin-top: 12px;
}
.viewPost:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.viewPost:active {
	position:relative;
	top:1px;
}

.donate {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color:#599bb3;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	xtext-shadow:0px 1px 0px #ffffff;
	
	top:-9px; 
	left:5px;
	position:relative;
	xmargin-left: 50px;
	xposition: relative;
	xmargin-top: 12px;
}
.donate:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
	background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
	background-color:#fff;
}
.donate:active {
	position:relative;
	top:-8px;
}



.photoDiv{
	float:right; 
	background:#f4f4f4;
	margin-right:30px;
	margin-left:25px;
	padding: 11px;
	padding-bottom: 0px;
	border:2px solid #E0E1E2;
	margin-top:-35px;
}
.photoDiv p{
	text-align:center;
	font-size:17px;
	color:#555;
	font-style:italic;
	margin-bottom:10px;
}
.photoDiv > img{
	width:350px;
	margin: 0 auto;
    display: block;
}

.programAreasMore{
	font-family:'Open Sans', sans-serif; 
	font-weight:700;
	font-size:20px;
	color:#fff;
	left:140px;
	position:relative;
	xbackground-image: url('../images/right-arrow-W.png'); 
    xbackground-repeat: no-repeat;
    xbackground-position: 172px 5px; 
	font-size:20px;
    padding-left: 10px;  
    xpadding-right: 40px; 
	xbackground-size:20px;
}

.programAreasMore:hover{
	xcolor:#ccc;
	xcolor:#b67a08;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	
}

.dimOnHover:hover{
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.blockLI a{
	display:block;
	color:#fff;
	cursor:pointer;
}

.blockLI a:hover{ 
	color:#ccc;
}

.blockLI h3{
	color:#fff;
	font-size:20px;
	text-transform:uppercase;
}

.inline-blockUL li{
	display:inline-block;
	*display: inline;
	zoom: 1;
	width:120px;
}

#more h2{
	color:#fff;
}

#moreContent{
	padding-left:50px;
}

/*125 anniversary*/
#aniversary125logo{
	position: absolute;
	bottom: -12px;
	right: 3%;
	z-index: 990;
	width: 215px;
}