@charset "UTF-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, strong, 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; overflow-x: hidden; overflow-y:display;}
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;}
/* -----------------------------------------------------------------End CSS reset -------------------------------------------------- */
body{position:relative;}
a.back-to-top {display: none; width: 60px; height: 60px; text-indent: -9999px; position: fixed; z-index: 999; right: 20px; bottom: 20px; background: #6db33f url("/i/common/up-arrow.png") no-repeat center 43%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}

/* --------------------------------------------------------- SIDEBAR --------------------------------------------------------------- */
header  {background-color:#52376a; width:24%; float:left; height:100%; position:fixed; z-index:10; overflow-y:auto;}

/* ------------------------------- gktw logo ---------- */
.logo {width: 94%; padding: 7% 2% 5% 2%; text-align:center;}
.celllogo {display:none;}

#iframepos {margin: 0 auto;}
#vidpos {text-align: center}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #52376a;
    margin: auto;
    padding: 0;
    border: 1px solid #5cb85c;
    border-radius: 20px;
    width: 60%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.6s;
    animation-name: animatetop;
    animation-duration: 0.6s;
}

/* Add Animation */
/*@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}*/

/* Add Animation */
@-webkit-keyframes animatetop {
    from {width:1%; height:1%; opacity:0} 
    to {width:60%; height:100%; opacity:1}
}

@keyframes animatetop {
    from {width:1%; opacity:0} 
    to {width:60%; opacity:1}
}

/* The Close Button */
.close {
    color: #fdc33b;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #e01e3c;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 12px 16px 6px 16px;
	font-family: 'Boogaloo'; 
	font-size: 1.8em; 
	color: #fdc33b;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    color: white;
}

.gs-snippet {padding-left: 7px;}

/* ------------------------------- side nav ---------- */
nav ul, #sidenav ul {width: 50%; padding-top:0px; margin:0 auto;}
nav ul li, #sidenav ul li {font-size: 1.3em; line-height: 1.5em; margin-left:15px; list-style-type:none; list-style:none;}
nav ul li a, #sidenav ul li a{color:#FFFFFF; text-decoration:none;font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
nav ul li a:hover, #sidenav ul li a:hover{color:#fba91c;}
nav ul li a:visited, #sidenav ul li a:visited{color:#FFFFFF;}

/* ------------------------------- event feature ---------- */

.eventlink {
	width: 24%;
	display:block;
	height: 375px;
	background-repeat: none;
	background-position:center;
	bottom:0;
    position:fixed;
    z-index:-1; 
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeight)));
	padding-bottom: 20px;
}

#fadeshow-background {width: 24%; height: 48px; bottom:0; position:fixed; z-index:-1; padding-bottom: 50px; _position:absolute; background-position:center; _top:expression(eval(document.documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeight)));}
#fadeshow-background ul {margin-left:32%;}
#fadeshow-background ul li{float:left; text-align:center; padding-right: 5px; list-style:none; list-style-type:none; margin-left:0;}

/* --------------------------- Social Media Buttons ---------- */
#social-cell {display:none}
a.facebook {display: block; width: 26px; height: 27px; text-decoration: none; background-image:url(../i/common/sidenav-facebook.png);}
a.facebook:hover {background-position: -26px 0;}
a.twitter {display: block; width: 27px; height: 27px; text-decoration: none; background-image:url(../i/common/sidenav-twitter.png);}
a.twitter:hover {background-position: -27px 0;}
a.instagram {display: block; width: 27px; height: 27px; text-decoration: none;background-image:url(../i/common/sidenav-instagram.png);}
a.instagram:hover {background-position: -27px 0;}	
a.youtube {display: block; width: 26px; height: 28px; text-decoration: none; background-image:url(../i/common/sidenav-youtube.png);}
a.youtube:hover {background-position: -26px 0;}
a.blog {display: block; width: 26px; height: 28px; text-decoration: none; background-image:url(../i/common/sidenav-blog.png);}
a.blog:hover {background-position: -26px 0;}
a.srchicon {display: block; width: 26px; height: 28px; text-decoration: none; background-image:url(../i/common/sidenav-search.png);}
a.srchicon:hover {background-position: -26px 0;}
a.cn {display: block;width: 26px;height: 27px;text-decoration: none;background-image:url(../i/common/sidenav-cn.png);}
a.cn:hover {background-position: -26px 0;}
a.flickr {display: block;width: 27px;height: 27px;text-decoration: none;background-image:url(../i/common/sidenav-flickr.png);}
a.flickr:hover {background-position: -27px 0;}
.displace {position: absolute;display:none;}
.cn-nav {width:100%; padding:20px 0 0 0; margin-left:0%; text-align:center; clear:both;} /* Charity Navigator icon */

/* ----------------------------------------------------------------- CONTENT -------------------------------------------------------- */

/* ----------------------------------------------------------------- COMMON -------------------------------------------------------- */

/* -------------------------------- donate button ------------- */
.donate {width: 19%; margin-left:85%; float:right; top:0;position:absolute;z-index:150;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeight)));-webkit-animation: bounce 1000ms ease-out;-moz-animation: bounce 1000ms ease-out;-o-animation: bounce 1000ms ease-out;animation: bounce 1000ms ease-out;}
.donate img a:hover, .donate:focus, .donate:active { -webkit-animation-name: hvr-bob-float, hvr-bob;animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: .5s, 1.5s;  animation-duration: .5s, 1.5s;  -webkit-animation-delay: 0s, .5s;  animation-delay: 0s, .5s;  -webkit-animation-timing-function: ease-out, ease-in-out;  animation-timing-function: ease-out, ease-in-out;  -webkit-animation-iteration-count: 1, infinite;  animation-iteration-count: 1, infinite;  -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards;  -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate;}
.donate-cell {width: 19%; margin-left:2%; float:left; top:15px;position:absolute;z-index:150;_position:absolute; display:none}
.donate-bar-cell {display:none;}
.special-bar-cell {display:none;}
#content {width:76%; margin:0% 0% 0% 24%; float:right; background-color: #fff; background: url(/i/common/content-bg.jpg) bottom center repeat-x;}
#subnav {width: 90%; margin:2% auto; text-align:center;}

/* ----------------------------------------------------------------- IMAGES -------------------------------------------------------- */

/* ----------------------------------- Ads ------------------ */
.ad-cell-horiz {width:100%; text-align:center; display:none;}
.ad-full-horiz {width:100%; text-align:center; margin:0 auto;}

/* -------------------------------- Full Width -------------- */
#topcomp {	width:100%; z-index:100; float:right; margin-bottom:20px; clear:both;}
.infographic {margin:20px auto; text-align:center; clear:both;}
.panos {width:100%;}
.panos2 {width:100%;}
.panosrsp {width: 100%; display: none;}

/* ---------------------------------- Comps ----------------- */
.comp-full, .div-full {display:block}
.comp-cell, .div-cell {display:none}
.comp-row {width:100%; height:auto; clear:both; margin:2% auto;}
.comp-right {width:35%; float: right; margin:1% 0 1% 2%; text-align:center}
.comp-left {width:35%; float: left; margin:1% 2% 1% 0%; text-align:center}
.comp-right-narrow {width:25%; float: right; margin:1% 0 1% 2%;}
.comp-left-narrow {width:25%; float: left; margin:1% 2% 1% 0%;}
.comp-left-wide {width:45%; float: left; margin:1% 2% 1% 0%; text-align:center}
.comp-right-wide {width:45%; float: right; margin:1% 0% 1% 2%; text-align:center}

/* ------------------------------- Content Boxes/Columns ------------ */
.container {margin:2% auto; clear:both; padding-bottom:15px;}
.graphic-block {margin:2% auto; clear:both; text-align:center}
.text-block {margin:3% auto; clear:both;}
.comp-text-block {margin:2% auto 4% auto; clear:both;}

.text-column-left {width:60%; float:left; margin:2% 0%;}
.text-column-right {width:60%; float:right; margin:2% 0%;}
.text-column-left-wide {width:70%; float:left; margin:2% 0%;}
.text-column-right-wide {width:70%; float:right; margin:2% 0%;}
.text-column-right-narrow {width:50%; float:right; margin:2% 0%;}
.text-column-left-narrow {width:50%; float:left; margin:2% 0%;}

.two_col {width:100%; height:auto; margin:2% auto 4%; clear:both;}
.two_col1 {margin-right: 5%; width:45%; float:left;}
.two_col2 {margin:0; width:45%; float:right;}
.two_col1_img, .two_col2_img {width:90%; margin:1% auto; text-align:center;}
.two_col1_content, .two_col2_content {width:90%; margin:1% auto; text-align:left;}
.three_col1_img, .three_col2_img, .three_col3_img {width:100%; margin:1% auto; text-align:center;}

.three_col {width:100%; height:auto; margin:2% auto 2%; clear:both;}
.three_col1 {margin: 1% 3% 1% 5%; width:25%; float:left;}
.three_col2 {margin: 1% 5% 1% 3%; width:25%; float:left;}
.three_col3 {margin: 1% 5% 1% 2%; width:25%; float:left;}

.threecol {
	width: 29%;
	margin: 2%;
	float:left;
}

/* Spacers */
.event-spacer {height:25px; clear:both;}
.news-spacer {height:25px; clear:both;}
.partner-spacer {height:15px; clear:both;}
.vspace-comp-ad {height:30px;}
.vspace-section {height:20px; clear:both}
.vspace-section-sm {height:10px; clear:both}

/* Tweaks */
.left {float:left}
.right {float:right}
.center {text-align:center}
.n100 {width:100%}
.n95 {width:95%}
.n90 {width:90%}
.n85 {width:85%}
.n80 {width:80%}
.n75 {width:75%}
.n70 {width:70%}
.n60 {width:60%}

.eee {background-color:#eee;}

/* Space & Text Hacks - use to display different elements depending on device. For text spans, use ID. */
#full-text-impact-pod, #full-text-impact-idol, #full-text-impact-kk, #full-text-impact-candy, #full-text-impact-mbp {display:inline-block;}
#cell-text-impact-pod, #cell-text-impact-idol, #cell-text-impact-kk, #cell-text-impact-candy, #cell-text-impact-mbp {display:none;} 
.full-text-block-section-spacer {height:30px; display:block; clear:both;}

.full-text {display:block;}
.cell-text {display:none;}

.bold {font-weight: bold;}
.italic {font-style: italic;}

.special-news {
   border: 1px solid #ecdef9;
   background: #e9ddf9;
   -webkit-border-radius: 8px;-moz-border-radius: 8px;
   -webkit-box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;-moz-box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   border-radius: 8px;
   box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   vertical-align: middle;
   padding:20px;
   width:90%;
   margin:0 auto;
}


/* ---------------------------------------- Leadership ------------------------------------ */
.bio-preview-img {width:35%; float: left; margin:1% 0 1% 7%; text-align:center}
.bio-preview-text {width:50%; float:right; margin:2% 5% 2% 0;}
.headshot-row {width:100%; margin:3% auto; text-align:center; clear:both;}
.headshot-row-cell {width:100%; margin:3% auto; text-align:center; clear:both; display:none}
.headshot {width:46%; margin:3% 2%; text-align:center; float:left}
.board-row {width:100%; margin:3% auto; text-align:center; clear:both;}
.board-member {width:45%; margin:3% 2.5%; text-align:center; float:left}
.leadership-name {font-size:1.2em; font-weight:bold}
.leadership-details {font-size:1em; font-style:italic}

/* ---------------------------------------- Employment ------------------------------------ */
#employ-comp-phone2 {display:none;}


/* ---------------------------------------- Virtual Tour ------------------------------------ */
.text-block-tour-full {margin:3% auto; clear:both;}
.text-block-tour-cell {margin:3% auto; clear:both; display:none;}
.venue {width:29%; float: left; margin:1% 2% 1% 2%; text-align:center;}

/* ---------------------------------------- Venue-Events-News-Partners ------------------------------------ */
.venue-row-full, .event-row-full, .news-row-full, .partner-row-full {width:100%; height:auto; clear:both; margin:1% auto;}
.event-listing, .news-listing {width:40%; float: left; margin:1% 4% 1% 10%; max-width: 315px;}
.event-img2, .news-img2 {width: 100%; max-width:315px; margin-left: auto; margin-right: auto; background-color: #fff; border: 5px solid #f3edf8; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-top: -5px; }
.event-img {
	background-image: -webkit-linear-gradient(#ffffff 0%, #ffffff 100%);
	background-image: -o-linear-gradient(#ffffff 0%, #ffffff 100%);
	background-image: linear-gradient(#ffffff 0%, #ffffff 100%);
	-webkit-border-radius: 8px;-moz-border-radius: 8px;
	-webkit-box-shadow: rgba(000,000,000,0.7) 0 0px 2px, inset rgba(255,255,255,0.2) 0 0px 0;
	-moz-box-shadow: rgba(000,000,000,0.7) 0 0px 2px, inset rgba(255,255,255,0.2) 0 0px 0;
   border-radius: 3px;
   box-shadow: rgba(000,000,000,0.7) 0 0px 2px, inset rgba(255,255,255,0.2) 0 0px 0;
   vertical-align: middle;
   padding:5px;
    text-align: center;
    margin: auto;
   }
.event-title, .news-title {}
.event-tease, .news-tease{}
.event-details, .news-details {}
.partner-listing-platinum {width:40%; float: left; margin:1% 4% 1% 5%; text-align:center;}
.partner-listing-gold {width:20%; float: left; margin:1% 2% 1% 2%; text-align:center;}

/* ---------------------------------------- Single Items (Events, News) ------------------------------------ */
.single-event-img, .single-news-img, .single-partner-logo {width:32%; float: left; margin:1% 0 1% 5%; text-align:center}
.single-event-tease, .single-news-tease, .single-partner-summary {width:53%; float:right; margin:2% 5% 2% 0;}
.single-event-details, .single-news-details, .single-partner-details {margin:3% auto; clear:both;}
.single-event-more-info, .single-news-more-info, .single-partner-more-info {margin:3% auto; width:80%; text-align:center}





/* ---------------------------------------- Media ------------------------------------ */
#assets-box-full {width:80%;}
#assets-box-cell {width:95%; display:none; margin: 0 auto;}

/* ---------------------------------------- Volunteer ------------------------------------ */
#ageCheck input.error { 
	border: 1px dotted red;
	color:#000;
 }
#ageCheck .error { 
	font-size: 14px;
	color: red; 
	padding-left: .5em; 
	display:inline-block;
	font-style:italic;
}
/* ---------------------------------------- Footer ------------------------------------ */
#footer, #media-footer {width:76%; margin:0% 0% 0% 24%; padding-bottom:3%; float:right; background-color: #52376a;}
#footer-content, #media-footer-content { width: 100%; margin:0 auto;}
#footer-content-cell, #media-footer-content-cell { width: 100%; margin:0 auto; display:none}
#footer-divider{width:4%; margin-top:4%; float:left;}

#footer-content .col-about {width:18%; margin:4% 0% 0 5%; float:left;}
#footer-content .col-fam {width:18%; margin:4% 1.5% 0% 0%; float:left;}
#footer-content .col-help {width:18%; margin:4% 1.5% 0% 0%; float:left;}
#footer-content .col-news {width:18%; margin:4% 1.5% 0% 0%; float:left;}
#footer-content .col-contact {width:18%; margin:4% 0% 0% 0%; float:left;}


/* ---------------------------------------- Media Footer ------------------------------------ */
#media-footer-contact {width: 40%; margin: 5% 3% 0 7%; float: left;}
#media-footer-social {width: 40%; margin: 5% 0 0 5%; float: left;}

#media-footer-contact h1, #media-footer-social h1 {font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 1.8em; line-height:1.3em; color: #e4e0e8; padding-bottom:5px;}
#media-footer #media-footer-content h1 a {text-decoration:none; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size:1.1em;}
#media-footer #media-footer-content h1 a:link {color:#fff;}
#media-footer #media-footer-content h1 a:hover {color:#ffc425; text-decoration:underline;}
#media-footer #media-footer-content h1 a:visited {color:#fff;}

#media-footer #media-footer-content ul li a {text-decoration:none; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size:1.1em;}
#media-footer #media-footer-content ul li a:link {color:#999;}
#media-footer #media-footer-content ul li a:hover {color:#ffc425; text-decoration:underline;}
#media-footer #media-footer-content ul li a:visited {color:#999;}

#media-footer #media-footer-content p {font-size:1.1em; line-height:1.5em; color:#e4e0e8; text-align:left; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; }
#media-footer #media-footer-content ul, #media-footer #footer-content li  {padding:0; margin:0;}
#media-footer #media-footer-content .col-about ul li, .col-fam ul li, .col-help ul li, .col-news ul li, .col-contact ul li {font-size:.9em; line-height:1.4em; color:#999; text-align:left; list-style:none; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; }
#media-footer #media-footer-boilerplate p {font-size:.8em; line-height:1.5em; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; color:#999; text-align:center;}

#media-footer-social ul{padding-left:0}
#media-footer-social ul li {float:left; padding-right: 5px; list-style:none; list-style-type:none; margin-left:5%;}
#media-footer-social ul li:nth-child(1) {margin-left:0;}

a.facebook {display: block; width: 26px; height: 27px; text-decoration: none; background-image:url(/i/media/footer/sidenav-facebook.png);}
a.facebook:hover {background-position: -26px 0;}
a.twitter {display: block; width: 27px; height: 27px; text-decoration: none; background-image:url(/i/media/footer/sidenav-twitter.png);}
a.twitter:hover {background-position: -27px 0;}
a.instagram {display: block; width: 27px; height: 27px; text-decoration: none;background-image:url(/i/media/footer/sidenav-instagram.png);}
a.instagram:hover {background-position: -27px 0;}	
a.youtube {display: block; width: 26px; height: 28px; text-decoration: none; background-image:url(/i/media/footer/sidenav-youtube.png);}
a.youtube:hover {background-position: -26px 0;}
a.flickr {display: block;width: 27px;height: 27px;text-decoration: none;background-image:url(/i/media/footer/sidenav-flickr.png);}
a.flickr:hover {background-position: -27px 0;}
.displace {position: absolute;display:none;}



/* TYPOGRAPHY
--------------------------------------------------------------------------------------------------------------------------------*/ 
/* Common */
strong {font-weight:bold;}
h1 {font-family: 'Boogaloo'; font-size: 2.6em; color: #ef4c48; padding-bottom:5px;}
h2 {font-family: 'Boogaloo'; font-size: 2.2em; line-height: 1.2em; color: #ef4c48;}
h3 {font-family: 'Boogaloo'; font-size: 1.8em; color: #ef4c48;}
h4 {font-size:1.4em; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; line-height:1.2em; padding-bottom:25px;}
p {font-size:1.4em; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; line-height:1.4em; padding-bottom:25px; color:#414042; }
.small-text {font-size:1.4em; line-height:1.4em; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; color:#414042; }
.smaller-text {font-size:1.2em; line-height:1.3em; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; color:#414042; }
.smallest-text {font-size:1em; line-height:1.2em; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; color:#414042; }
.sec-intro {font-size:1.6em; line-height:1.4em; color:#563c78; font-weight:bold; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; }
.disclaimer {font-size:.8em; line-height:1.4em; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; color:#414042; }
ul {padding-top:10px; margin-left:20px;}
ul li {font-size:1.3em; line-height:1.6em; color:#414042; text-align:left; list-style:disc; list-style-position: outside; margin-left:15px; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
ul li ul {padding-top:5px; margin-left:20px;}
ul li ul li {font-size:inherit; line-height:inherit; font-family:  inherit; color:inherit; list-style:circle; list-style-position: inside; padding: 0px 0 px 0px 15px}
.italic {font-style: italic;}

/* Links */
a, h3.a {color:#69a741; text-decoration:none;}/* 563c78 69a741*/
a:link, h3.a:link {color:#69a741;}
a:hover, h3.a:hover {color:#6b5589; text-decoration:underline;}
a:visited, h3.a:visited {color:#69a741;}

h4.a {color:#563c78; text-decoration:none;}/* 563c78 69a741*/
h4.a:link {color:#563c78;}
h4.a:hover {color:#69a741; text-decoration:underline;}
h4.a:visited {color:#563c78;}

#subnav a {text-decoration:none; font-size:1.1em; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
#subnav a:link {color:#563c78;}
#subnav a:hover {color:#6b5589; text-decoration:underline;}
#subnav a:visited {color:#563c78;}

ul.purplelist li a {color:#563c78; text-decoration:none;}/* 563c78 69a741*/
ul.purplelist li a:link {color:#563c78;}
ul.purplelist li a:hover {color:#69a741; text-decoration:underline;}
ul.purplelist li a:visited {color:#563c78; text-decoration:none;}

.purple a {color:#563c78; text-decoration:none;}/* 563c78 69a741*/
.purple a:link {color:#563c78;  font-weight:bold;}
.purple a:hover {color:#69a741; text-decoration:underline; font-weight:bold;}
.purple a:visited {color:#563c78; text-decoration:none; font-weight:bold;}

.three_col1_content, .three_col2_content, .three_col3_content {font-size:1em; line-height:1em; color:#414042; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
.two_col li {font-size:1.2em; line-height:1.4em; color:#414042; text-align:left; list-style:disc; list-style-position: outside; padding-left: 5px; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
.two_col h1 {font-weight:400; font-size:1.2em; line-height:1.2em; text-align:center; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
.two_col p {font-size:1.2em; line-height:1.4em; color:#414042; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}

/* About */
.venue-title {font-size:1.1em; line-height:1.4em; color:#542989; font-weight:bold; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
.venue-tease p {font-size:1.1em; line-height:1.2em; margin-bottom:5px; color:#414042; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
.venue-tease a {text-decoration:none;  font-size:1.1em; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
.venue-tease a:link {color:#ef4c48; }
.venue-tease a:hover {color:#6b5589; text-decoration:underline;}
.venue-tease a:visited {color:#ef4c48;}
.venue-content-row p {font-size:1.1em; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; line-height:1.2em; padding-bottom:15px; color:#414042; }
#facebox .close-image{background-color: inherit; position: absolute; right: -2px; width: 24px; height: 22px; background-image: url(/inc/facefiles/closelabel.gif); cursor: pointer; z-index: 1103; display: none; border-bottom: 1px solid #DDDDDD;}

/* Events */
.event-title {font-size:1.2em; line-height:1.4em; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; color:#542989; font-weight:bold;}
.event-tease p {font-size:1.2em; line-height:1.2em; margin-bottom:5px; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; color:#414042; }
.event-tease a {text-decoration:none; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size:1.1em;}
.event-tease a:link {color:#ef4c48; }
.event-tease a:hover {color:#6b5589; text-decoration:underline;}
.event-tease a:visited {color:#ef4c48;}
.read-more-events {margin-top:-30px;}



/* Media */
.press-img {
	background-image: -webkit-linear-gradient(#ffffff 0%, #ffffff 100%);
	background-image: -o-linear-gradient(#ffffff 0%, #ffffff 100%);
	background-image: linear-gradient(#ffffff 0%, #ffffff 100%);
	-webkit-border-radius: 8px;-moz-border-radius: 8px;
	-webkit-box-shadow: rgba(000,000,000,0.7) 0 0px 2px, inset rgba(255,255,255,0.2) 0 0px 0;
	-moz-box-shadow: rgba(000,000,000,0.7) 0 0px 2px, inset rgba(255,255,255,0.2) 0 0px 0;
   border-radius: 3px;
   box-shadow: rgba(000,000,000,0.7) 0 0px 2px, inset rgba(255,255,255,0.2) 0 0px 0;
   vertical-align: middle;
   padding:5px;
    text-align: center;
    margin: auto;
   }
    .press-date {font-size:1em; line-height:1.2em; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; color:#414042; font-style:italic;}
    .webnews-title {font-size:1.3em; line-height:1.2em; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; color:#414042; padding-top: 10px; text-align: center;}


/* News */
.news-title {font-size:1.1em; line-height:1.4em; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; color:#542989; font-weight:bold;}
.news-tease p {font-size:1.1em; line-height:1.2em; margin-bottom:5px; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; color:#414042; }
.news-tease a {text-decoration:none; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size:1.1em;}
.news-tease a:link {color:#ef4c48; }
.news-tease a:hover {color:#6b5589; text-decoration:underline;}
.news-tease a:visited {color:#ef4c48;}

li.archive:after {content: " | ";}
li.archive:last-child:after {content: '  ';}
li.archive {list-style:none; list-style-type:none;display:inline;}

/* Partner */
h1.platinum {font-family: 'Boogaloo'; font-size: 3em; color: #ef4c48; padding-bottom:5px; text-align:center; border-bottom:#ef4c48 thin solid;}
h1.gold {font-family: 'Boogaloo'; font-size: 2.8em; color: #ef4c48; padding-bottom:5px; text-align:center; border-bottom:#ef4c48 thin solid;}
h1.silver {font-family: 'Boogaloo'; font-size: 2.6em; color: #ef4c48; padding-bottom:5px; text-align:center; border-bottom:#ef4c48 thin solid;}
.partner-title {font-size:1.2em; line-height:1.4em; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; color:#542989; font-weight:bold;}
.partner-tease p {font-size:1.2em; line-height:1.2em; margin-bottom:5px; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; color:#414042; }
.partner-tease a {text-decoration:none; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size:1.1em;}
.partner-tease a:link {color:#ef4c48; }
.partner-tease a:hover {color:#6b5589; text-decoration:underline;}
.partner-tease a:visited {color:#ef4c48;}

/* Footer */
#footer #footer-content h1 a{text-decoration:none; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size:1.1em;}
#footer #footer-content h1 a:link {color:#fff;}
#footer #footer-content h1 a:hover {color:#ffc425; text-decoration:underline;}
#footer #footer-content h1 a:visited {color:#fff;}

#footer #footer-content ul li a {text-decoration:none; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size:1.1em;}
#footer #footer-content ul li a:link {color:#999;}
#footer #footer-content ul li a:hover {color:#ffc425; text-decoration:underline;}
#footer #footer-content ul li a:visited {color:#999;}

#footer #footer-content .col-about h1, .col-fam h1, .col-help h1, .col-news h1 , .col-contact h1 {font-size:1.1em; line-height:1.3em; color:#fff; text-align:left; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; }
#footer #footer-content ul, #footer #footer-content li  {padding:0; margin:0;}
#footer #footer-content .col-about ul li, .col-fam ul li, .col-help ul li, .col-news ul li, .col-contact ul li {font-size:.9em; line-height:1.4em; color:#999; text-align:left; list-style:none; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; }
#footer #footer-boilerplate p {font-size:.8em; line-height:1.5em; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; color:#999; text-align:center;}

/* FORMS */

/********** general contact *********/
#frmContact .formFrame, #frmSubscribe .formFrame, #frmCorpPartner .formFrame, #frmDonation .formFrame  {
   border: 1px solid #ecdef9;
   background: #ffffff;background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));background: -webkit-linear-gradient(top, #ffffff, #ffffff);background: -moz-linear-gradient(top, #ffffff, #ffffff);background: -ms-linear-gradient(top, #ffffff, #ffffff);background: -o-linear-gradient(top, #ffffff, #ffffff); background-image: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);
   -webkit-border-radius: 8px;-moz-border-radius: 8px;
   -webkit-box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;-moz-box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   border-radius: 8px;
   box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   vertical-align: middle;
   padding:20px;
   width:90%;
   margin:0 auto;
}
.formSectionDesc {color: #414042;font-size: 1.4em;clear: both;padding: 1%;font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; }
.formFrame h1 {color: #542989;font-size: 1.6em;font-weight: bold;margin:1% 0 1% 0;clear: both;font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; }
.formLine {width:95%;padding: 2px;clear: both;margin-left:2px;}
.formLabel {width:20%; font-size: 1.2em;text-align:right;color: #414042;font-weight:bold;float: left;clear: none;margin: 1% 0 0 2%; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
.formField {width:75%;padding: 0px;margin: 1% 0 0 2%;float: left;}
/* inputs */
input[type="text"], textarea  {background-color:#f1edf6;}
.input-text {
	border: 1px solid #c1b3d5;
	background: #f1edf6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #414042;
	-webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	-moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	padding:8px;
	margin-bottom:20px;
	width:80%;
	max-width:400px;
}
.select-style {
    padding:10px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#414042;
    font-size:1em;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}
.input-text-sm, .select-sm {width: 30%}
.input-text-md, .select-md {width: 50%}
.input-text-lg, .select-lg {width: 80%}
.input-text-xl, .select-xl {width: 100%}
.formButton {
	margin: 0 auto;
	width: 40%;
	max-width: 150px;
	font-size:1.2em;
	font-weight: bold;
	line-height: 1;
	padding: 10px 14px;
	cursor: pointer;
	color: #e9e3f0;
	text-align: center;
	/* Background gradient */
	background: #542988;
	/* Border style */
	border: 1px solid #e9e3f0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

#errormessage { 
	width:50%;
	font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; 
	font-size: 12px;
	margin-left:40%;
	color:#ef4c48;
	padding-left: 1em; 
	vertical-align: top; 
	font-style:italic;
	font-weight:bold;
	display:none;
 }
.errortext { 
	font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; 
	font-size: 12px;
	color:#ef4c48;
	font-style:italic;
	font-weight:bold;
 }
 input[type="text"].error, textarea.error  {border: 1px solid #e31936;}
.input-text.error {
	border: 1px solid #e31936;
}

/* MEDIA
------------------------------------------------------------*/ 

figure {margin: 0}
img, object, embed, video {
	max-width: 100%;	
	_width: 100%
	} /* Fluid images */
	
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	text-align: center;
	} /* Improve IE's resizing of images */
	
svg:not(:root) {
	overflow: hidden} /* Correct IE9 overflow */
	
	
	/* DONATE BUTTON BOUNCE ANIMATION
------------------------------------------------------------*/ 

@-webkit-keyframes bounce {
  0% {-webkit-transform:translateY(-100%);opacity: 0;}
  5% {-webkit-transform:translateY(-100%);opacity: 0;}
  15% {-webkit-transform:translateY(0);padding-bottom: 5px;}
  30% {-webkit-transform:translateY(-50%);}
  40% {-webkit-transform:translateY(0%);padding-bottom: 6px;}
  50% {-webkit-transform:translateY(-30%);}
  70% {-webkit-transform:translateY(0%);padding-bottom: 7px;}
  80% {-webkit-transform:translateY(-15%);  }
  90% {-webkit-transform:translateY(0%);padding-bottom: 8px;}
  95% {-webkit-transform:translateY(-10%);}
  97% {-webkit-transform:translateY(0%);padding-bottom: 9px;}
  99% {-webkit-transform:translateY(-5%);}
  100% {-webkit-transform:translateY(0);padding-bottom: 9px;opacity: 1; }
}

/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
  0% {-moz-transform:translateY(-100%);opacity: 0;}
  5% {-moz-transform:translateY(-100%);opacity: 0;}
  15% {-moz-transform:translateY(0);padding-bottom: 5px;}
  30% {-moz-transform:translateY(-50%);}
  40% {-moz-transform:translateY(0%);padding-bottom: 6px;}
  50% {-moz-transform:translateY(-30%);}
  70% {-moz-transform:translateY(0%);padding-bottom: 7px;}
  80% {-moz-transform:translateY(-15%);}
  90% {-moz-transform:translateY(0%);padding-bottom: 8px;}
  95% {-moz-transform:translateY(-10%);}
  97% {-moz-transform:translateY(0%);padding-bottom: 9px;}
  99% {-moz-transform:translateY(-5%);}
  100% {-moz-transform:translateY(0);padding-bottom: 9px;opacity: 1;}
}

/* Opera 12.0 */
@-o-keyframes bounce {
  0% {-o-transform:translateY(-100%);opacity: 0;}
  5% {-o-transform:translateY(-100%);opacity: 0;}
  15% {-o-transform:translateY(0);padding-bottom: 5px;}
  30% {-o-transform:translateY(-50%);}
  40% {-o-transform:translateY(0%);padding-bottom: 6px;}
  50% {-o-transform:translateY(-30%);}
  70% {-o-transform:translateY(0%);padding-bottom: 7px;}
  80% {-o-transform:translateY(-15%);}
  90% {-o-transform:translateY(0%);padding-bottom: 8px;}
  95% {-o-transform:translateY(-10%);}
  97% {-o-transform:translateY(0%);padding-bottom: 9px;}
  99% {-o-transform:translateY(-5%);}
  100% {-o-transform:translateY(0);padding-bottom: 9px;opacity: 1;}
}

/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
  0% {transform:translateY(-100%); opacity: 0;}
  5% {transform:translateY(-100%); opacity: 0;}
  15% {transform:translateY(0); padding-bottom: 5px;}
  30% {transform:translateY(-50%);}
  40% {transform:translateY(0%); padding-bottom: 6px;}
  50% {transform:translateY(-30%);}
  70% {transform:translateY(0%); padding-bottom: 7px;}
  80% {transform:translateY(-15%);}
  90% {transform:translateY(0%); padding-bottom: 8px;}
  95% {transform:translateY(-7%);}
  97% {transform:translateY(0%); padding-bottom: 9px;}
  99% {transform:translateY(-3%);}
  100% {transform:translateY(0); padding-bottom: 9px; opacity: 1;}
}

/* DONATE BUTTON ROLLOVER ANIMATION
------------------------------------------------------------*/ 
@-webkit-keyframes hvr-bob {
  0% {-webkit-transform: translateY(-8px); transform: translateY(-8px);}
  50% {-webkit-transform: translateY(-4px); transform: translateY(-4px);}
  100% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
}

@keyframes hvr-bob {
  0% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
  50% {-webkit-transform: translateY(-4px);transform: translateY(-4px);}
  100% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
}

@-webkit-keyframes hvr-bob-float {
  100% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
}

@keyframes hvr-bob-float {
  100% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
}

/* MEDIA QUERY
------------------------------------------------------------*/ 
/* ----------------------------------------- HEIGHT --------------------------------------------------------------- */

@media (max-height: 825px ) {
	nav li a{line-height: 1.5em;}
	.eventlink {width: 24%; height: 350px;}
	#fadeshow-background {padding-bottom: 35px; }
	.cn-nav {padding:10px 0 0 0;} /* Charity Navigator icon */
}
@media (max-height: 725px ) {
	.eventlink {display:none;}
	#fadeshow-background {padding-bottom: 35px; }
	.cn-nav {padding:10px 0 0 0;} /* Charity Navigator icon */
}
@media (max-height: 750px ) {
.content {
	margin-top: 450px;
}	
.eventlink {
	display: none;
}
}
@media (max-height: 650px ) {	
	.content {margin-top: 350px;}	
	h1, .formFrame h1 {font-size: 2em; }
	h2 {font-size:1.8em}
	h3 {font-size:1.3em}
	p, .formLabel, .event-tease p, .news-tease p {font-size:1.2em; line-height:1.4em;}
	.small-text {font-size:.9em; line-height:1.4em; }
	.sec-intro {font-size:1.2em; line-height:1.4em;}
	.event-spacer, .news-spacer {height:15px; width:100%;}
	.event-tease a, .news-tease a {font-size:1em;}
	.event-listing, .news-listing, .partner-listing-platinum {width:100%; float: none; margin:3% auto;}
	.event-title, .news-title {font-size: 1em;}
	.content {margin-top: 300px;}		
	ul li {font-size:1em; line-height:1.4em;}
}

@media (max-height: 550px ) {
	.content {margin-top: 250px;}	
}

@media (max-height: 450px ) {
	.content {margin-top: 200px;}
	.eventlink {display: none;}
} 
/* ----------------------------------------- WIDTH --------------------------------------------------------------- */

@media (max-width: 1440px ) {
	#fadeshow-background ul{margin-left: 29%;}
	.event-listing, .news-listing {width:40%; float: left; margin:1% 4% 1% 5%; max-width: 315px;}
	
	nav ul {width: 50%; padding-top:0px; margin:0 auto;}
	nav ul li {font-size: 1.1em; line-height: 1.3em; margin-left:15px; list-style-type:none; list-style:none;}
	nav ul li a{color:#FFFFFF; text-decoration:none;font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
	nav ul li a:hover{color:#fba91c;}

}

@media (max-width: 1130px ) {
	.donate {margin-left: 85%;}
	.cn-nav {margin-left:2%;}
	#fadeshow-background ul{margin-left: 25%;}
}

@media (max-width: 1050px ) {
	.donate {margin-left:80%;}
	.cn-nav {margin-left:3%;}
	h1, .formFrame h1 {font-size: 2em; }
	h2 {font-size: 1.8em;}
	h3 {font-size: 1.4em;}
	p, .formLabel {font-size:1.4em; line-height:1.4em;}
	.sec-intro {font-size:1.4em; line-height:1.4em;}
	.small-text {font-size:1em; line-height:1.4em; }
	.event-tease a, .news-tease a {font-size:1.2em;}
	ul li {font-size:1.2em; line-height:1.4em;}
	.text-column-left {width:65%; float:left; margin:2% 0%;}
	.text-column-right {width:65%; float:right; margin:2% 0%;}
	.comp-right {width:30%; float: right; margin:1% 0 1% 2%;}
	.single-event-img {width:32%; float: left; margin:1% 0 1% 5%; text-align:center}
	.comp-left {width:30%; float: left; margin:1% 2% 1% 0%;}
	.two_col {width:80%; margin:4% auto}
	#subnav a {font-size:.9em;}
	.event-listing, .news-listing, .partner-listing-platinum {width:40%; float: left; margin:1% 2% 1% 7%;}
	.event-title, .news-title, .partner-title {font-size: 1.2em;}
	.formSectionHeader {font-size: 1.6em;font-weight: bold; margin:1% 0 1% 0;}
	.formLabel {font-size: 1.2em; margin: 1% 0 0 2%;}
	#fadeshow-background ul{margin-left: 22%;}
}

@media (max-width: 925px ) {
	.cn-nav {margin-left:4%;}
	nav#sidenav ul {width: 60%; padding-top:20px; margin:0 auto;}
	nav#sidenav ul li {font-size: 1.1em; margin-left:5px;}
	#subnav {font-size:1em;}
	#subnav a {}
	h1, .formFrame h1  {font-size: 1.8em; }
	h2 {font-size: 2em;}
	h3 {font-size: 1.6em;}
	p, .formLabel, .event-tease p {font-size:1.3em; line-height:1.4em;}
	.small-text {font-size:1.1em; line-height:1.4em; }
	.sec-intro {font-size:1.2em; line-height:1.4em;}
	.event-tease a, .news-tease a {font-size:1em;}
	.text-column-left {width:65%; float:left; margin:2% 0%;}
	.text-column-right {width:65%; float:right; margin:2% 0%;}
	.comp-right {width:30%; float: right; margin:1% 0 1% 2%;}
	.comp-left {width:30%; float: left; margin:1% 2% 1% 0%;}
	.two_col {width:80%; margin:2% auto}
	.two_col1 {margin-right: 5%;}
	.two_col h1 {font-size:1.2em; text-align:center; font-family:'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
	.two_col p {font-size:1.1em; line-height:1.4em; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
	.event-listing, .news-listing, .partner-listing-platinum, .partner-listing-gold {width:40%; float: left; margin:1% 4% 1% 5%;}
	.news-title, .event-title, .partner-title {font-size: 1.2em;}
	#footer #footer-content .col-about h1, .col-fam h1, .col-help h1, .col-news h1 , .col-contact h1 {font-size:1em; line-height:1.3em; color:#fff; text-align:left; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; }
	#footer #footer-content .col-about ul li, .col-fam ul li, .col-help ul li, .col-news ul li, .col-contact ul li {font-size:.8em; line-height:1.4em; color:#999; text-align:left; list-style:none; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; }
}
@media (max-width: 870px ) {
	#fadeshow-background {padding-bottom: 50px; }
	#fadeshow-background ul{margin-left: 10%;}
	h1, .formFrame h1 {font-size: 1.6em; }
	h2 {font-size: 1.8em;}
	h3 {font-size: 1.4em;}
	p {font-size:1.4em; line-height:1.4em;}
	.formLabel, .event-tease p {font-size:1.1em; line-height:1.4em;}
	.small-text {font-size:.8em; line-height:1.4em; }
	.sec-intro {font-size:1.1em; line-height:1.4em;}
	.event-tease a, .news-tease a {font-size:.9em;}
	.event-title,.news-title, .partner-title {font-size: 1em;}
	#subnav a {font-size:.8em;}
}

@media (max-width: 768px ) {
	nav#sidenav ul {width: 60%; padding-top:20px; margin:0 auto;}
	nav#sidenav ul li {font-size: 1em; margin-left:5px;}
	.logo {width: 80%; padding: 10%;}
	.eventlink {display: none;}
	#social-full {display:none}
	#fadeshow-background ul li{float:left; text-align:center; padding-right: 5px; list-style:none; list-style-type:none; margin-left:0;}

	h1  {font-size: 1.6em; }
	.formFrame h1 {font-size: 1.3em;}
	h2 {font-size: 1.6em;}
	h3 {font-size: 1em;}
	.event-tease a, .news-tease a {font-size:.9em;}
	#subnav a {font-size:.7em;}
	.text-block {margin:3% auto; }
	.text-block-tour-full {margin:3% auto;}
	.comp-row {width:100%; clear:both; margin:15px auto;}
	.text-column-left {width:100%; float:left; margin:2% 0%;}
	.text-column-right {width:100%; float:right; margin:2% 0%;}
	.text-column-right-narrow {width:100%; float:none; margin:2% auto;}
	.text-column-left-narrow {width:100%; float:none; margin:2% auto;}
	#employ-comp-phone1 {display:none;}
	#employ-comp-phone2 {display:block;}
	
	.two_col {width:90%; margin:2% auto}
	.two_col1 {margin: 0 auto; width:100%; float:none;}
	.two_col2 {margin: 3% auto; width:100%; float:none;}
	
	.ad-full-vert {display:none;}
	.comp-left-wide, .comp-left {width:100%; float: none; margin:0 auto; text-align:center;}
	.comp-right-wide, .comp-right{width:100%; float: none; margin:0 auto; text-align:center;}
	.single-event-img {width:100%; float: none; margin:0 auto; text-align:center}
	.single-event-tease {width:85%; float:none; margin:20px auto 0 auto;}
	.comp-full, .div-full {display:none}
	.comp-cell, .div-cell {display:inline}    
	
	.formLabel {width:100%; font-size: 1.2em;text-align:left;float: none;clear: both;margin: 1% 0 0 2%;}
	.formField {width:100%;padding: 0px;margin: 1% 0 0 2%;float: none;}
	
	.ad-cell-horiz {display:block;}
	.full-text-block-section-spacer {height:0px; display:block; clear:both;}
	
	.threecol {
		width: 40%;
		margin: 4% 3% 4% 5%;
		float:left;
		text-align:center;
}

}


/* CELL PHONE
------------------------------------------------------------*/ 

@media (max-width: 700px ) {
body, html { overflow-x:hidden; }
#assets-box-full {display:none;}
#assets-box-cell {text-align: center; float: none; display: inline-block;}

.modal-content {
    width: 90%;
}
.modal-header {
	font-size: 1.4em; 
}
	header  {background-color:#52376a;width: 100%;float:left;position:relative;z-index:10;overflow-y:hidden;}
	.celllogo {display:block; width: 80%; padding:4% 2%; margin: 2% auto; text-align:center;}
	#fadeshow-background, .donate, .donate-cell, nav, #subnav, .logo {display: none;}
	.donate-bar-cell {background-color:#6fb246; width:100%; text-align:center; padding:7px 0; display:block; clear:both;}
	#content {width:100%; margin:0%; float:none;}
	#topcomp {float:none;}
	h1, .formFrame h1 {font-size:2em; }
	h2 {font-size: 1.8em; line-height: 1.2em}
     h2.special-bar-cell {font-size: 1.4em; font-family: 'Boogaloo'; color: #ffffff;}
     h2.special-bar-cell a:link, .special-bar-cell h2 a:link, .special-bar-cell h2 a:visited {color:#fff;}
	h3 {font-size: 1.4em;}
	h1.extra:before {content:none;}
	h1.extra:after {content:none;}
	p, .formLabel, .event-tease p, .news-tease p  {font-size:1.2em; line-height:1.4em;}
	ul li {font-size:1.2em; line-height:1.4em;}
	.two_col li {font-size:1.2em; line-height:1.4em; }
	.small-text {font-size:1em; line-height:1.2em; }
	.event-tease a, .news-tease a {font-size:1.2em;}
	.container {margin:0 auto 0 auto;}
	.text-block {margin:5% auto 2% auto;}
	.comp-img {width:100%;}
	.comp-row {width:100%; clear:both; margin:20px auto;}
	.text-column-left {width:100%; float:left; margin:2% 0%;}
	.text-column-right {width:100%; float:right; margin:2% 0%;}
	.text-column-right-narrow, .text-column-right-wide {width:100%; float:none; margin:2% auto;}
	.comp-left-wide, .comp-left-narrow {width:100%; float: none; margin:2% auto; text-align:center;}
	.text-column-left-narrow, .text-column-left-wide, .comp-right-narrow {width:100%; float:none; margin:2% auto;}
	.comp-right-wide {width:100%; float: none; margin:2% auto; text-align:center;}
	.event-listing, .news-listing, .partner-listing-platinum, .partner-listing-gold, .partner-listing-silver {width:100%; float: none; margin:2% auto; text-align:center;}
	#full-text-impact-pod, #full-text-impact-idol, #full-text-impact-kk, #full-text-impact-candy, #full-text-impact-mbp {display:none;}
	#cell-text-impact-pod, #cell-text-impact-idol, #cell-text-impact-kk, #cell-text-impact-candy, #cell-text-impact-mbp {display:inline-block;} 
	.full-text {display:none;}
	.cell-text {display:block;}
	.n95,.n90,.n85,.n80,.n75,.n70,.n60 {width:90%}
	
	
	.three_col {width:100%; height:auto; margin:2% auto 4% auto; clear:both; float: none;}
	.three_col1, .three_col2, .three_col3 {margin: 5% auto; width:100%; float:none;}
    .three_col1_img, .three_col2_img, .three_col3_img {width:90%; margin:1% auto; text-align:center;}
	.three_col1_content, .three_col2_content, .three_col3_content {width:90%; max-width: 300px; margin:1% auto; text-align:center;}
	
	.three_col1_content, .three_col2_content, .three_col3_content {font-size:1.1em; line-height:1em;}
	
	
	.panos2 {display: none;}
	.panosrsp {display:inline-block;}
	

	/* ABOUT */
	.headshot-row {display:none;}
	.headshot-row-cell {display:block}
	.headshot {width:40%; margin:3% 4%; text-align:center; float:left;}
	.board-row {width:100%; margin:3% 0; text-align:center; clear:both;}
	.board-member {width:45%; margin:3% 1.5%; text-align:center; float:left}
	.leadership-name {font-size:1.2em;}
	.leadership-details {font-size:.8em;}
	.text-block-tour-full {display:none;}
	.text-block-tour-cell {margin:5% auto; display:block;}
	#tour-hoh-cell, #tour-castle-cell, #tour-towne-cell, #tour-icp-cell, #tour-jst-cell, #tour-amb-cell, #tour-mdp-cell, #tour-mbp-cell, #tour-pod-cell, #tour-lmf-cell, #tour-spa-cell, #tour-jj-cell, #tour-carousel-cell, #tour-kk-cell, #tour-fish-cell, #tour-chapel-cell, #tour-market-cell, #tour-elmer-cell, #tour-mchouse-cell, #tour-banyan-cell,
	#tour-candy-cell, #tour-idol-cell, #tour-winter-cell, #tour-tuckin-cell, #tour-pirates-cell, #tour-halloween-cell, #tour-mermaid-cell, #tour-mcbd-cell, #tour-char-cell, #tour-ad-venue-cell, #tour-ad-ent-cell
	{text-align:center;}
	
	/* FOOTER */
	#footer, #media-footer {width:100%;}
	#footer-content, #media-footer-content {display:none}
	


	
	#social-full {display:none}
	#social-cell {float:none; display:block; width:100%; margin:20px 0 0 27.5%; clear:both;} 
	#social-cell ul {width:100%; margin: 0 auto;}
	#social-cell ul li{float:left; text-align:center; padding-right: 5px; list-style:none; list-style-type:none; margin-left:0;}
		
	#footer-content-cell, #media-footer-content-cell { width: 94%; margin:2% auto; padding:0 2%; display:block }
	#footer-content-cell h1, #media-footer-content-cell h1 {font-size:1.2em; line-height:1.2em; color:#fff; text-align:left; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
	#footer-content-cell p, #media-footer-content-cell p {font-size:.8em; line-height:1.4em; color:#999; text-align:center; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
	#footer-content-cell ul li, #media-footer-content-cell ul li {font-size:.8em; line-height:1.4em;  color:#eee; text-align:left; list-style-type:none; padding-right: 15px; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}

	#footer #footer-content-cell h1 a, #media-footer-content-cell h1 a {text-decoration:none; font-size:1.1em; font-weight:500; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
	#footer #footer-content-cell h1 a:link, #media-footer-content-cell h1 a:link {color:#eee;}
	#footer #footer-content-cell h1 a:hover, #media-footer-content-cell h1 a:hover {color:#ffc425; text-decoration:underline;}
	#footer #footer-content-cell h1 a:visited, #media-footer-content-cell h1 a:visited {color:#eee;}
	
	#media-footer-contact {width: 100%; margin: 5% auto 0 auto; float: none;}
	#media-footer-contact h1, #media-footer-social h1 {font-size: 1.1.2em; line-height:1.3em; text-align: center;}

	
	.footer-cell-nav {width:100%; margin:0 auto;}
	#footer #footer-content-cell .footer-cell-nav ul li {font-size:.9em; line-height:1.4em; color:#fff; text-align:left; margin-left:-20px; padding-bottom:5px; list-style-position:outside; list-style-type:none; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
	
	#footer #footer-content-cell ul li a {text-decoration:none; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
	#footer #footer-content-cell ul li a:link {color:#999;}
	#footer #footer-content-cell ul li a:hover {color:#ffc425; text-decoration:underline;}
	#footer #footer-content-cell ul li a:visited {color:#999;}
	
	#footer-content-cell .col-about-cell {width:42%; margin:4% 0 0 12%; float:left;}
	#footer-content-cell .col-fam-cell {width:42%; margin:4% 0 0% 2%; float:right;}
	#footer-content-cell .col-help-cell {width:42%; margin:4% 0 0% 12%; float:left;}
	#footer-content-cell .col-news-cell {width:42%; margin:4% 0 0% 2%; float:right;}
     
     .special-bar-cell {background-color:#9989be; width:100%; text-align:center; padding:7px 0; display:block;}
}

@media (max-width: 450px ) {
	#social-cell {margin:20px 0 0 22%; clear:both;}
	#social-cell ul {margin-left:0%}
}

@media
    only screen and (max-device-width: 1136px) and (min-device-width: 960px) and (max-device-height: 640px) and (min-device-height: 560px),
    only screen and (max-device-height: 1136px) and (min-device-height: 960px) and (max-device-width: 640px) and (min-device-width: 560px) {
    /* iPhone only */
}

.overlay ul {padding-top:10px; margin-left:20px;}
.overlay ul li {font-size:1.2em; line-height:1.6em; text-align:left; margin-left:15px; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
.overlay ul li ul {padding-top:5px; margin-left:20px;}

/* RESPONSIVE NAV */
ul {text-decoration:none; list-style:none;}
li {padding:0; margin:0;}
#respnav {
	text-align:center;
	width:100%;
	position:relative;
	height:auto;
	overflow:hidden;
	background:none;
}
#respnav ul {text-align:center;}
#respnav ul li {display:inline-block;}
#respnav ul li a {
	color:#333;
	display:inline-block;
	padding:0;
	text-decoration:none;
	border-bottom:2px solid #fff;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
	font-size:16px;
}
#respnav ul li a:hover {
	color: #34B484;
}

#respnav {
	text-align:center;
	width:100%;
	position:relative;
	height:auto;
	overflow:hidden;
	background:none;
}
#respnav ul {text-align:center;}
#respnav ul li {display:inline-block;}
#respnav ul li a {
	color:#333;
	display:inline-block;
	padding:0;
	text-decoration:none;
	border-bottom:2px solid #fff;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
	font-size:16px;
}
#respnav ul li a:hover {
	color: #34B484;
}

/*styling open close button*/
.button {
	display:inline;
	position:absolute;
	right:30px;
	top:15px;
	z-index:9999999;
	font-size:30px;
}
.button a {
	text-decoration:none;
}
.btn-open:after {
	color:#ffc425;
	content:"\f0c9";
	font-family:"FontAwesome";
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
.btn-open:hover:after {
	color:#ffc425;
}
.btn-close:after {
	color:#ffc425;
	content:"\f00d";
	font-family:"FontAwesome";
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
.btn-close:hover:after {
	color: #ffc425;
}
/*overlay*/
.overlay {
	display:none;
	position:fixed;
	top:0;
	height:100%;
	width:100%;
	background:#52376a;
	overflow:auto;
	z-index:999999;
	text-align:center;
}
.wrap {
	color:#e9e9e9;
	text-align:center;
	max-width:90%;
	margin:0 auto;
}
.wrap ul.wrap-nav {
	border-bottom:1px solid #575757;
	text-transform:capitalize;
	padding:0;
	text-align:center;
}
.wrap ul.wrap-nav li {
	font-size:1.2em;
	display:inline-block;
	vertical-align:top;
	width:24%;
	position:relative;
}
.wrap ul.wrap-nav li a {
	color:#ffc425;
	display:block;
	padding:8px 0;
	text-decoration:none;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
.wrap ul.wrap-nav li a:hover {
	color:#f0f0f0;
}
.wrap ul.wrap-nav ul {
	padding:10px 0;
}
.wrap ul.wrap-nav ul li {
	display:block;
	font-size:.8em;
	width:100%;
	color:#e9e9e9;
}
.wrap ul.wrap-nav ul li a {
	color:#f0f0f0;
}
.wrap ul.wrap-nav ul li a:hover {
	color:#fff;
}
.social {
	font-size:25px;
	padding:20px;
}
.social p {
	margin:0;
	padding:20px 0 5px 0;
	line-height:30px;
	font-size:13px;
}
.social p a {
	color:#34B484;
	text-decoration:none;
	margin:0;
	padding:0;
}
.social-icon {
	width:80px;
	height:50px;
	background:#e9e9e9;
	color:#333;
	display:inline-block;
	margin:0 20px;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
.social-icon:hover {
	background:#34B484;
	color:#f0f0f0;
}
.social-icon i {
	margin-top:12px;
}
@media screen and (max-width:48em) {
	.wrap ul.wrap-nav>li {
		width:100%;
		padding:10px 0;
		border-bottom:1px solid #575757;
	}
	.wrap ul.wrap-nav {
		padding:30px 0px 0px;
	}
	#respnav ul {
		opacity:0;
		visibility:hidden;
		text-align:center;
	}
	#respnav ul {
		opacity:0;
		visibility:hidden;
		text-align:center;
	}
	.social {
		color:#c1c1c1;
		font-size:25px;
		padding:15px 0;
	}
	.social-icon {
		width:100%;
		height:50px;
		background:#fff;
		color:#333;
		display:block;
		margin:5px 0;
	}
}

/* border:#EEEB7F solid thin; */