/*   
Theme Name: YMCA Houston
Theme URI: http://ymcahouston.org
Description: Custom theme design for the Y
Build: David Stagg
Version: 2.0
*/


@font-face {
	font-family: 'CachetBoldRegular';
	src: 	url('/fonts/cachet-bold-webfont.eot');
	src: 	url('/fonts/cachet-bold-webfont.eot?iefix'),
         	url('/fonts/cachet-bold-webfont.woff') format('woff'),
			url('/fonts/cachet-bold-webfont.ttf') format('truetype'),
			url('/fonts/cachet-bold-webfont.svg#webfontE83RDrsf') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CachetBookRegular';
	src: 	url('/fonts/cachet-book-webfont.eot');
	src: 	url('/fonts/cachet-book-webfont.eot?iefix'),
         	url('/fonts/cachet-book-webfont.woff') format('woff'),
			url('/fonts/cachet-book-webfont.ttf') format('truetype'),
			url('/fonts/cachet-book-webfont.svg#webfontE83RDrsf') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CachetMediumRegular';
	src: 	url('/fonts/cachet-medium-webfont.eot');
	src: 	url('/fonts/cachet-medium-webfont.eot?iefix'),
         	url('/fonts/cachet-medium-webfont.woff') format('woff'),
			url('/fonts/cachet-medium-webfont.ttf') format('truetype'),
			url('/fonts/cachet-medium-webfont.svg#webfontE83RDrsf') format('svg');
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 14px;
}
.cachet-bold {
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-family: 'CachetBoldRegular', sans-serif;
	text-transform: uppercase;
	font-size: 14px; line-height: 14px;
}
.cachet {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'CachetBookRegular', sans-serif;
	text-transform: uppercase;
	font-size: 14px; line-height: 14px;
}
.cachet-medium {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'CachetMediumRegular', sans-serif;
	text-transform: uppercase;
	font-size: 14px; line-height: 14px;
}

#sharethis { padding: 15px 0 0 40px; }

@media screen {

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, font, 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 {
	margin: 0;
	padding: 0;
	} 
	
a img { border: none; }
a { outline: none; }

body { font: 12px/1.5em Verdana, Geneva, sans-serif; color: #666; background: #d8d8d8; }

ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h4, h5, h6 { font-family: 'CachetBoldRegular', Arial, Helvetica, sans-serif; font-weight: normal; margin-bottom: 10px; text-transform: uppercase; letter-spacing: -.06em; background: none !important; }
h2, h3, h4, h5, h6 { letter-spacing: -.05em; }
h1 { font-size: 56px; line-height: 54px; }
h2 { font-size: 32px; line-height: 30px; }
h3 { font-size: 20px; line-height: 20px; }
h4 { font-size: 18px; line-height: 18px; }
h5 { font-size: 16px; line-height: 16px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; }

p { margin-bottom: 10px; }

a {  }
a:hover { text-decoration: none; }
a:active {  }
a:visited {  }

#skiptocontent { position: absolute; left: -9999px; }

/* Generic Classes */
.dotted { border-style: dotted; border-width: 2px; }
.box { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 6px; }
.block-link { display: block; color: #fff; padding: 3px; font-family: 'CachetBoldRegular'; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-decoration: none; text-transform: uppercase; }
.border-color { border-width: 0 2px 0 0; border-style: dotted; }

/* Utility Header */
#header-utility { height: 45px; position:relative; }
#facebook-like {
	width: 270px;
	position:absolute;
	top: 7px;
	left: 299px;
}
#menu { position: relative; z-index: 999; }
#color-switcher { float: left; border-top: 0; }
#color-switcher span { width: 150px; text-align: right; float: left; margin-right: 6px; }
#orange-block, #purple-block, #red-block, #blue-block, #green-block { display: block; width: 10px; height: 10px; float: left; margin: 2px 3px 0 0; }
#orange-block { background: #f47920; }
#purple-block { background: #92278f; }
#red-block { background: #ed1c24; }
#blue-block { background: #0089d0; }
#green-block { background: #01a490; }

#search { width: 228px; float: right; padding-top: 4px; }
#search-box { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 166px; padding: 2px; }

/* Structure */
#container { width: 920px; margin: 0 auto; background: #fff; padding: 0 20px; }
#sidebar { width: 200px; float: left; }
#logo { margin-bottom: 10px; }
#logo a { display: block; width: 170px; height: 130px; margin-bottom: 10px; text-indent: -9999px; }
/*#logo span { display: block; padding: 3px 0; text-transform: uppercase; font-size: 20px; line-height: 20px; margin-bottom: 6px; }*/
#newsletter { padding: 0; }
#newsletter h3 { color: #fff; margin: 0; }
#newsletter h3 a { color: #fff; margin: 0; text-decoration: none; background: transparent url(/images/newsletter-img.png) no-repeat 144px 14px; font-size: 18px; }
#find-your-y h3, #find-your-y h4 { color: #fff; margin: 0 0 4px 0; }
#find-your-y #zipfind { margin-bottom: 6px; }
#find-map { width: 180px; margin: 0 auto; }
#find-map p { text-transform: uppercase; text-align: center; margin: 0 0 4px; letter-spacing: -.03em; }
#find-map p a { text-decoration: none; }
#find-map p a:hover { text-decoration: underline; }
#program-guide, #program-guide a, #exercise-schedules, #exercise-schedules a { color: #fff; }
#program-guide h4, #program-guide p, #program-guide form { margin: 0 0 4px; }
#tweet-box { padding: 3px; border: 1px solid #999; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#tweet-box h3 { margin-bottom: 3px; }
#tweet-box ul { list-style: none; margin: 0; padding: 0; }
#tweet-box span { display: block; }
.sidebar-menu-link a { display: block; padding: 8px 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #fff; font-weight: bold; text-decoration: none; margin-bottom: 3px; }

#bodycontent { width: 712px; float: right; position: relative; }
#bodycontent h1 { width: 420px; }
#main-header, #main-header-uploaded { display: block; height: 330px; border-width: 0 0 2px 0; border-style: dotted; }
#home #main-header { border: none; }
#main-header-uploaded { position: relative; }
#main-header-uploaded img { position: absolute; bottom: 0; right: 0; }
#main-header h1 { width: 420px; padding: 30px 0 0 30px; font-size: 70px; line-height: 66px; }
#main-header-uploaded h1 { width: 420px; padding: 30px 0 0 30px; font-size: 70px; line-height: 66px; position: absolute; z-index: 2; }

#content-center h1 { font-size: 30px; line-height: 28px; padding-bottom: 4px; border-width: 0 0 2px; border-style: dotted; display: block; width: auto; }
#ctas { border-width: 2px 0 0 0; border-style: dotted; text-shadow: 0 0 1px #fff; -moz-text-shadow: 0 0 1px #fff; -webkit-text-shadow: 0 0 1px #fff; }
#ctas h2 { font-size: 24px; line-height: 24px; }
#ctas div { width: 210px; padding: 10px; float: left; border-width: 0 2px 0 0; border-style: dotted; }
#ctas div.clear { clear: both; width: auto; float: none; border: 0; padding: 0; }
#ctas #for-social-responsibility { background: transparent url(/images/social-responsibility.jpg) no-repeat 70px 15px; }
#ctas #for-healthy-lifestyle { background: transparent url(/images/healthy-living.jpg) no-repeat 100px 15px; }
#ctas #for-youth-development { background: transparent url(/images/youth-dev.jpg) no-repeat 70px 15px; }
#ctas p { width: 120px; }

#stories-wrap { padding: 4px 0; border-width: 2px 0; border-style: dotted; margin-bottom: 4px; }
#stories { float: left; display: block; }
#stories ul { list-style: none; margin: 0 0 0 33px; padding: 0; float: left; width: 300px; }
#stories ul li.story-item { display: block; width: 198px; height: 320px; overflow: hidden; padding: 0 6px; border-width: 0 2px 0 0; border-style: dotted; }
#stories ul li.story-item .story-img { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 22px; }
#stories ul li.story-item .story-img a { display: block; width: 190px; height: 126px; }
#stories ul li.story-item p.title { font-size: 14px; line-height: 18px; }
#stories ul li.story-item p.title a { text-decoration: none; }
#stories-wrap .next, #stories-wrap .prev { display: block; width: 30px; height: 290px; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer; }
#stories-wrap .prev { float: left; margin-right: 4px; background: transparent url(/images/prev-arrow.png) no-repeat center center; }
#stories-wrap .next { float: right; background: transparent url(/images/next-arrow.png) no-repeat center center; }

#center-template #location, #center-template-wide #location { background: #ebebeb; border: none; text-align: center; font-weight: bold; }
#center-template #location h3, #center-template-wide #location h3 { display: block; padding: 4px 0; border-width: 2px 0; border-style: dotted; }
#center-template #location h5, #center-template-wide #location h5 { font-size: 16px; line-height: 16px; margin-bottom: 4px; }
#center-template #location p, #center-template-wide #location p { margin: 0; }
#center-template #location hr, #center-template-wide #location hr { margin: 0 auto; width: 70px; margin: 14px auto; }
#center-template #content-center { width: 510px; padding: 4px 4px 0 0; /* border-width: 0 2px 0 0; border-style: dotted; */ float: left; }
#center-template #content-center #t-cms-view, #center-template-wide #content-center #t-cms-view { margin-bottom: 10px; }
#center-template #content-sidebar, #center-template-wide #content-sidebar { width: 190px; float: right; }
#center-template .staff-pick-img, #center-template-wide .staff-pick-img { display: block; width: 70px; height: 70px; float: left; margin: 0 10px 10px 0; }
#center-template #hours .box, #center-template-wide #hours .box { background: #fff; font-size: 10px; }
#center-template #hours h3, #center-template-wide #hours h3 { margin-bottom: 4px; color: #fff; }
#center-template #hours p, #center-template-wide #hours p { margin-bottom: 0; }
#center-template #virtual-tour-box .box.medium, #center-template-wide #virtual-tour-box .box.medium { padding: 6px; }
#center-template #virtual-tour-box h3, #center-template-wide #virtual-tour-box h3 { color: #fff; margin-bottom: 4px; }
#center-template #virtual-tour-box .virtual-tour, #center-template-wide #virtual-tour-box .virtual-tour { width: 300px; float: left; }
#center-template #virtual-tour-box .virtual-tour-menu, #center-template-wide #virtual-tour-box .virtual-tour-menu { width: 170px; float: right; margin-right: 8px; }
#center-template #virtual-tour-box .virtual-tour-menu ul, #center-template-wide #virtual-tour-box .virtual-tour-menu ul { margin: 0; padding: 0; list-style: none; }
#center-template #virtual-tour-box .virtual-tour-menu ul li a, #center-template-wide #virtual-tour-box .virtual-tour-menu ul li a { font-weight: bold; font-style: normal; line-height: normal; font-family: 'CachetBoldRegular', sans-serif; font-size-adjust: 0.48; text-transform: uppercase; font-size: 14px; line-height: 16px; color: #fff; display: block; padding: 6px 0; border-bottom: 2px dotted #fff; text-decoration: none; }
#center-template #virtual-tour-box .virtual-tour-menu ul li a:hover, #center-template-wide #virtual-tour-box .virtual-tour-menu ul li a:hover { text-decoration: underline; }
#center-template #content-sidebar, #center-template-wide #content-sidebar { margin-top: 4px; }
#center-template #content-sidebar p, #center-template #content-sidebar img, #center-template-wide #content-sidebar p, #center-template-wide #content-sidebar img { margin-bottom: 4px; }
#center-template #content-sidebar .box.medium, #center-template-wide #content-sidebar .box.medium { color: #fff; margin-bottom: 6px; padding: 6px; }
.center-center #content-center { width: 100% !important; }

#center-template-wide #content-center { width: 710px; padding: 4px 4px 0 0; /* border-width: 0 2px 0 0; border-style: dotted; */ float: left; }

#programs-template #main-header, #programs-template #main-header-uploaded { width: 700px; float: right; border-width: 0 0 2px 0; border-style: dotted; margin-bottom: 16px; }
#programs-template #programs-content { clear: right; }
#programs-template #bodycontent { width: 430px; float: left; margin-left: 20px; }
#programs-template #programs-sidebar { width: 260px; float: right; }
#programs-template #programs-sidebar .programs-nav { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #D8D8D8; padding: 10px; margin-bottom: 16px; }
#programs-template #programs-sidebar .programs-nav a { text-decoration: none; font-family: 'CachetBoldRegular',Arial,Helvetica,sans-serif; text-transform: uppercase; display: block; }
#programs-template #programs-sidebar .programs-nav a:hover { text-decoration: underline; }
#programs-template #programs-sidebar .programs-nav ul { list-style: none; margin: 0; padding: 0; }
#programs-template #programs-sidebar .programs-nav ul li { margin-bottom: 10px; }
#programs-template #programs-sidebar .programs-nav ul li a { font-size: 16px; padding: 4px 10px; background: #fff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#programs-template #programs-sidebar .programs-nav ul ul { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #fff; padding: 2px 10px; display: none; }
#programs-template #programs-sidebar .programs-nav ul ul li a { font-size: 12px; padding: 4px 0; }
#programs-template #programs-sidebar .programs-nav li li { margin: 0; }
#programs-template #programs-sidebar .programs-nav .active { display: block; }
#programs-template #programs-sidebar .programs-nav .active-header { background: #fff; }
#programs-template #programs-sidebar .programs-nav .active li .active-link { background: #fff; }
#programs-template #programs-sidebar .programs-nav .active .active-link { background: #d8d8d8; }
#programs-template #programs-sidebar .programs-editable { padding: 0 10px; }

#latest-video { width: 260px; float: left; }

#recent-news { width: 410px; float: right; }
#recent-news h4 { margin: 0 0 3px 0; }
#recent-news p { margin: 0 0 3px 0; }
#recent-news ul { list-style: none; margin: 0; padding: 0; }
#recent-news ul li { margin-bottom: 8px; }

#footer-menus { background: #d8d8d8; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 10px; }
#footer-menus .menu-box { width: 132px; float: left; border-right: 2px solid #fff; height: 300px; padding-top: 8px; }
#footer-menus .menu-box h5 { text-align: center; display: block; padding: 4px; }
#footer-menus .menu-box ul { list-style: none; margin: 0; padding: 0; }
#footer-menus .menu-box ul li { text-align: center; }
#footer-menus .menu-box ul li a { text-decoration: none; }
#footer-menus .menu-box ul li a:hover { text-decoration: underline; }

#footer { padding: 0 0 10px 0; text-align: center; }
#footer p { margin-bottom: 2px; }
#social { padding: 6px 10px; width: 95px; float: right; }
#social a img { margin-right: 10px; }
#social a { text-decoration: none; color: #666; }
#social a:hover { text-decoration: underline; }


form { }
input[type=text] { }
textarea { }

#bodycontent .box form { padding: 4px; }
#bodycontent .box form select { border: none; font-family: 'CachetBoldRegular'; padding: 3px; color: #fff; width: 100%; outline: none; text-transform: uppercase; font-size: 16px; }
#bodycontent .box form select option { outline: none; }

/*
    AnythingSlider v1.4.1+ Default (base) theme

    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/******* SET DEFAULT DIMENSIONS HERE ********/
div.anythingSlider {
	width: 720px;
	height: 500px;
	margin: 0 auto;
}

/****** SET COLORS HERE *******/
/* Default State */
div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a {
	background: #777;
	color: #000;
}
div.anythingSlider .anythingWindow {
	border-top: 3px solid #D8D8D8;
	border-bottom: 3px solid #D8D8D8;
}
div.anythingSlider .start-stop {
	background-color: #040;
	color: #fff;
}
div.anythingSlider .start-stop.playing {
	background-color: #800;
}
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #ddd;
}

/* Active State */
div.anythingSlider.activeSlider .anythingWindow {
	border-color: #D8D8D8;
}
div.anythingSlider.activeSlider .thumbNav a {
	background-color: #b3b3b3;
	color: #666;
}
div.anythingSlider.activeSlider .thumbNav a.cur { background: #D8D8D8; color: #000; }
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #fff;
}

/**** DO NOT CHANGE BELOW THIS LINE ****/
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
div.anythingSlider {
	position: relative;
	padding: 22px 0 0 0;
}
/* anythingSlider base UL */
ul.anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
ul.anythingBase li.panel {
	background: transparent;
	display: block;
	float: left;
	padding: 10px 0 0 0;
	margin: 0;
	width: 720px;
}

/* Navigation Links */
div.anythingSlider .anythingControls { outline: 0; position: absolute; top: 0; }
div.anythingSlider .thumbNav { margin: 0; }
div.anythingSlider .thumbNav li { display: inline; }
div.anythingSlider .thumbNav a {
	display: inline-block;
	text-decoration: none;
	padding: 2px 8px;
	height: 18px;
	margin: 0 5px 0 0;
	text-align: center;
	outline: 0;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}
div.anythingSlider .thumbNav a:hover {
	background-image: none;
}

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider.rtl .thumbNav a { float: right; } /* reverse order of nav links */
div.anythingSlider.rtl .thumbNav { float: left; }    /* move nav link group to left */
/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */


} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */

.titles {  font-size: 18px; font-weight: bold; }
.subtitles { font-size: 14px; font-weight: bold; }
.body_copy {  font-size: 12px; color: #000000}
.currency {  font-size: 12px; color: #333333; text-align: right}
.bold_body_copy_blue {  font-size: 11px; font-weight: bold; text-decoration: none}
.copyright {  font-size: 12px; font-weight: normal; }
.breadcrumbs {  font-size: 10px; color: }
.body_copy_alerts { font-size: 12px; color: }
.body_copy_invert { font-size: 12px; color: }
.yellow_body_copy {  background-color: #ff0; font-size: 12px; font-style: normal; }
.reports {  font-size: 12px; color: text-decoration: none}
.reports_big_body_copy { font-size: 12px; text-decoration: none }
.reports_subtitles { font-size: 14px; font-weight: bold; }
.reports_titles { font-size: 18px; font-weight: bold; }
p.notofficialcontent {color: #FF0000;}

.clear { clear: both; }