/* 
===============================
Summer Camps CSS
===============================
*/


/* general page adjustments */
body.page-summer-camp #page_title, body.parent-summer-camp #page_title {
	display:none;
}

body.page-summer-camp .content_title h4, body.parent-summer-camp .content_title h4 {
	text-transform: uppercase;
	font-size: 20px;
	line-height: 32px;
}

body.page-summer-camp .category_content, body.parent-summer-camp .category_content {
	border-right:0;
}

body.camps .category_navigation {
	background-color: #9e1f63;
}

body.camps .category_navigation li:hover {
	background-color:#9e1f63;
}

body.page-summer-camp .sidebar_container, body.parent-summer-camp .sidebar_container {
	padding-left:5px;
}

body.page-summer-camp .sidebar_container .sidebar_links, body.parent-summer-camp .sidebar_container .sidebar_links {
	padding-left:0;
}

body.page-summer-camp .content_title sup, body.parent-summer-camp .content_title sup {
	font-size:10px;
}

body.parent-summer-camp .category_content .category_background {
	display:none;
}

body.page-summer-camp .pagecontent h4, body.parent-summer-camp .pagecontent h4 {
	margin-bottom:0;
}

/* page title colors */
body.parent-summer-camp.page-register-for-camp .pagecontent h4 {
	color:#9E1F63;
    font-size:15px;
}

body.parent-summer-camp.page-preschool-camps .pagecontent h4 {
	color:#9E1F63;
    font-size:15px;
}

body.parent-summer-camp.page-j-adventures .pagecontent h4 {
	color:#9E1F63;
    font-size:15px;
}

body.parent-summer-camp.page-cosmo-kids .pagecontent h4 {
	color:#9E1F63;
    font-size:15px;
}

body.parent-summer-camp.page-maker-camps .pagecontent h4 {
	color:#9E1F63;
    font-size:15px;
}

body.parent-summer-camp.page-culinary-camps .pagecontent h4 {
	color:#9E1F63;
    font-size:15px;
}

body.parent-summer-camp.page-brandeis .pagecontent h4 {
	color:#9E1F63;
    font-size:15px;
}

body.parent-summer-camp.page-spotlight-camps .pagecontent h4 {
	color:#9E1F63;
    font-size:15px;
}

body.parent-summer-camp.page-gads .pagecontent h4 {
	color:#9E1F63;
    font-size:15px;
}

body.parent-summer-camp.page-sports-camps .pagecontent h4 {
	color:#9E1F63;
    font-size:15px;
}

body.parent-summer-camp.page-outbound-camps .pagecontent h4 {
	color:#9E1F63;
    font-size:15px;
}

body.parent-summer-camp.page-leadership-opportunities .pagecontent h4 {
	color:#9E1F63;
    font-size:15px;
}

body.parent-summer-camp.page-extended-care .pagecontent h4 {
	color:#9E1F63;
    font-size:15px;
}

body.parent-summer-camp.page-important-information-camp-policies .pagecontent h4 {
	color:#9E1F63;
}

body.parent-summer-camp.page-join-the-camp-team .pagecontent h4 {
	color:#9E1F63;
}

body.parent-summer-camp.page-camp-faqs .pagecontent h4 {
	color:#9E1F63;
}
body.parent-summer-camp.page-why-choose-us .pagecontent h4 {
	color:#9E1F63;
}
body.parent-summer-camp.page-supporters .pagecontent h4 {
	color:#9E1F63;
}
body.parent-summer-camp.page-week-1 .pagecontent h4, body.parent-summer-camp.page-week-2 .pagecontent h4, body.parent-summer-camp.page-week-3 .pagecontent h4, body.parent-summer-camp.page-week-4 .pagecontent h4, body.parent-summer-camp.page-week-5 .pagecontent h4, body.parent-summer-camp.page-week-6 .pagecontent h4, body.parent-summer-camp.page-week-7 .pagecontent h4, body.parent-summer-camp.page-week-8 .pagecontent h4, body.parent-summer-camp.page-week-9 .pagecontent h4, body.parent-summer-camp.page-week-10 .pagecontent h4, body.parent-summer-camp.page-week-11 .pagecontent h4, body.parent-summer-camp.page-register-now .pagecontent h4, body.parent-summer-camp.page-sports-camp-information .pagecontent h4{
	color:#9E1F63;
    font-size:15px;
}

body.parent-summer-camp.page-grades-1-2 .pagecontent h4, body.parent-summer-camp.page-grades-3-5 .pagecontent h4, body.parent-summer-camp.page-grades-6-8 .pagecontent h4, body.parent-summer-camp.page-grades-9-12 .pagecontent h4 {
	color:#9E1F63;
    font-size:15px;
}

/*camp buttons*/

a#campButton {
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color:#F0732D;
	color: white;
	text-decoration: none;
	padding-top: .5em;
	padding-bottom:.5em;
	padding-left: 1.5em;
	padding-right:1.5em;
    margin-top:1em;
    margin-bottom:1em;
  	display:inline-block;
}
a#campButton:hover {
    text-decoration:underline;
}

a#campButtonLarge {
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #F0732D;
	color: white;
	text-decoration: none;
	padding-top: .5em;
	padding-bottom:.5em;
	padding-left: 1em;
	padding-right:1.5em;
        margin-top:.5em;
        margin-bottom:.5em;
	display:inline-block;
        text-transform:uppercase;
        width: 195px;
}
a#campButtonLarge:hover {
    text-decoration:underline;
}

a.campByCampBut {
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	background-color: #00ae84;
	color: #000;
	text-decoration: none;
	padding-top: .5em;
	padding-bottom:.5em;
	padding-left: 1em;
	padding-right:1em;
        margin-top:.5em;
        margin-bottom:.5em;
	display:inline-block;
	width: 95%;
	text-align: center;

}
a.campByCampBut:hover {
    text-decoration:underline;
}

a.campByGradeBut {
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	background-color: #05b79b;
	color: #000;
	text-decoration: none;
	padding-top: 1em;
	padding-bottom:1em;
	padding-left: 1em;
	padding-right:1em;
        margin-top:.5em;
        margin-bottom:.5em;
	display:inline-block;
	width: 95%;
	text-align: center;

}
a.campByGradeBut:hover {
    text-decoration:underline;
}

a.campByWeekBut {
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	background-color: #7cccbf;
	color: #000;
	text-decoration: none;
	padding-top: 1em;
	padding-bottom:1em;
	padding-left: 1em;
	padding-right:1em;
        margin-top:.5em;
        margin-bottom:.5em;
	display:inline-block;
	width: 95%;
	text-align: center;

}
a.campByWeekBut:hover {
    text-decoration:underline;
}


/* new page classes */
div.summer_camps_divider {
	height:6px;
	background: transparent url('/images/mitzvah/summer_camps/summer_camps_divider.jpg') left top repeat-x;
	clear:both;
	margin-left:-3px;
        margin-bottom:3px;
}

div.sample_day {
	clear:both;
}

div.bubble {
	background-color:#7cccbf;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
    margin:15px 0;
	width:285px;
}

div.bubble h4 {
	text-align:left;
	margin:0;
}

div.camp_legend {
	
}

div.camp_legend p {
	padding-left:30px;
}

div.camp_legend p.maker_movement {
	background: transparent url('https://shamashmedia.jccsf.org/images/camp/scissors.png') 0 3px no-repeat;
	line-height:24px;
}

div.camp_legend p.marin_country {
	background: transparent url('/images/mitzvah/summer_camps/icon_marin_country_big.gif') 0 3px no-repeat;
	line-height:24px;
}

div.camp_legend p.swim_school {
	background: transparent url('/images/mitzvah/summer_camps/icon_swim_school_big.gif') 0 3px no-repeat;
	line-height:24px;
}

div.register_now {
	margin-top:1em;
}

a.back_to_top {
	display:block;
	margin-bottom:1em;
	cursor:pointer;
	font-size:12px;
	text-decoration:underline;
	
}

p.small {
	font-size:10px;
	font-style:italic;
}

ul.individual_camps,
ul.individual_camps li ul {
	list-style-type:none;
	padding-left:0;
	margin-top:0;
}

ul.individual_camps li ul {
	margin-left:29px;
}

ul.individual_camps li {
	margin-top:1.2em;
	position:relative;
}

ul.individual_camps li a.maker_movement {
	position:absolute;
	top:3px;
	left:-25px;
	cursor:pointer;
	width:17px;
	height:17px;
	background: transparent url('https://shamashmedia.jccsf.org/images/camp/scissors_sm.jpg') 0 0 no-repeat;
	
}

ul.individual_camps li a.marin_country {
	position:absolute;
	top:3px;
	left:-25px;
	cursor:pointer;
	width:17px;
	height:17px;
	background: transparent url('/images/mitzvah/summer_camps/icon_marin_country.gif') 0 0 no-repeat;
}

ul.individual_camps li a.swim_school {
	position:absolute;
	top:3px;
	left:-25px;
	cursor:pointer;
	width:17px;
	height:17px;
	background: transparent url('/images/mitzvah/summer_camps/icon_swim_school.gif') 0 0 no-repeat;
}

ul.individual_camps li p.hover_info {
	position:absolute;
	top:25px;
	left:-25px;
	padding:3px;
	border:1px solid black;
	background:#ddd;
}

ul.individual_camps li p {
	margin:0;
}

ul.individual_camps li p.title, body.parent-summer-camp p.title {
	font-weight:bold;
	text-transform:uppercase;
    font-size:14px;
}

ul.individual_camps li p.sub_title, body.parent-summer-camp p.sub_title {
	font-weight:bold;
	text-transform:normal;
}

ul.individual_camps li span.date, body.parent-summer-camp span.date {
	font-weight:normal;
	text-transform:none;
}

body.parent-summer-camp.page-register-for-camp ul.individual_camps p.title, body.parent-summer-camp.page-register-for-camp ul.individual_camps p.sub_title {
	color:#9E1F63;
}

body.parent-summer-camp.page-preschool-camps ul.individual_camps p.title, body.parent-summer-camp.page-preschool-camps ul.individual_camps p.sub_title {
	color:#9E1F63;
}

body.parent-summer-camp.page-j-adventures ul.individual_camps p.title, body.parent-summer-camp.page-j-adventures ul.individual_camps p.sub_title {
	color:#9E1F63;
}

body.parent-summer-camp.page-cosmo-kids ul.individual_camps p.title, body.parent-summer-camp.page-cosmo-kids ul.individual_camps p.sub_title {
	color:#9E1F63;
}

body.parent-summer-camp.page-maker-camps ul.individual_camps p.title, body.parent-summer-camp.page-maker-camps ul.individual_camps p.sub_title {
	color:#9E1F63;
}

body.parent-summer-camp.page-culinary-camps ul.individual_camps p.title, body.parent-summer-camp.page-culinary-camps ul.individual_camps p.sub_title {
	color:#9E1F63;
}

body.parent-summer-camp.page-brandeis ul.individual_camps p.title, body.parent-summer-camp.page-brandeis ul.individual_camps p.sub_title {
	color:#9E1F63;
}

body.parent-summer-camp.page-spotlight-camps ul.individual_camps p.title, body.parent-summer-camp.page-spotlight-camps ul.individual_camps p.sub_title {
	color:#9E1F63;
}

body.parent-summer-camp.page-gads ul.individual_camps p.title, body.parent-summer-camp.page-gads ul.individual_camps p.sub_title {
	color:#9E1F63;
}

body.parent-summer-camp.page-sports-camps ul.individual_camps p.title, body.parent-summer-camp.page-sports-camps ul.individual_camps p.sub_title {
	color:#9E1F63;
}

body.parent-summer-camp.page-outbound-camps ul.individual_camps p.title, body.parent-summer-camp.page-outbound-camps ul.individual_camps p.sub_title {
	color:#9E1F63;
}

body.parent-summer-camp.page-outbound-camps ul.adventure p.title, body.parent-summer-camp.page-outbound-camps ul.gradek2 p.sub_title {
	color:#9E1F63;
}

body.parent-summer-camp.page-outbound-camps ul.technology p.title, body.parent-summer-camp.page-outbound-camps ul.grade35 p.sub_title {
	color:#9E1F63;
}

body.parent-summer-camp.page-outbound-camps ul.technology p.title, body.parent-summer-camp.page-outbound-camps ul.grade68 p.sub_title {
	color:#9E1F63;
}

body.parent-summer-camp.page-leadership-opportunities ul.individual_camps p.title, body.parent-summer-camp.page-leadership-opportunities ul.individual_camps p.sub_title {
	color:#9E1F63;
}

body.parent-summer-camp.page-extended-care ul.individual_camps p.title, body.parent-summer-camp.page-extended-care ul.individual_camps p.sub_title {
	color:#9E1F63;
}

body.parent-summer-camp.page-important-information-camp-policies ul.individual_camps p.title, body.parent-summer-camp.page-important-information-camp-policies ul.individual_camps p.sub_title {
	color:#9E1F63;
}

body.parent-summer-camp.page-financial-assistance ul.individual_camps p.title, body.parent-summer-camp.page-financial-assistance ul.individual_camps p.sub_title {
	color:#9E1F63;
}

body.parent-summer-camp.page-supporters ul.individual_camps p.title, body.parent-summer-camp.page-supporters ul.individual_camps p.sub_title {
	color:#9E1F63;
}

body.parent-summer-camp.page-register-now ul.individual_camps p.title, body.parent-summer-camp.page-supporters ul.individual_camps p.sub_title {
	color:#9E1F63;
}

body.parent-summer-camp.page-week-1 .pagecontent  p.title, body.parent-summer-camp.page-week-2 .pagecontent  p.title, body.parent-summer-camp.page-week-3 .pagecontent  p.title, body.parent-summer-camp.page-week-4 .pagecontent  p.title, body.parent-summer-camp.page-week-5 .pagecontent  p.title, body.parent-summer-camp.page-week-6 .pagecontent  p.title, body.parent-summer-camp.page-week-7 .pagecontent  p.title, body.parent-summer-camp.page-week-8 .pagecontent  p.title, body.parent-summer-camp.page-week-9 .pagecontent  p.title, body.parent-summer-camp.page-week-10 .pagecontent  p.title, body.parent-summer-camp.page-week-11 .pagecontent  p.title, body.parent-summer-camp.page-grades-1-2 .pagecontent  p.title, body.parent-summer-camp.page-grades-3-5 .pagecontent  p.title, body.parent-summer-camp.page-grades-6-8 .pagecontent  p.title, body.parent-summer-camp.page-grades-9-12 .pagecontent  p.title, body.parent-summer-camp.page-sports-camp-information .pagecontent  p.title {
	color:#9E1F63;
}

body.parent-summer-camp.page-grade-k ul.individual_camps p.title,body.parent-summer-camp.page-grade-k ul.individual_camps p.sub_title, body.parent-summer-camp.page-grade-1 ul.individual_camps p.title,body.parent-summer-camp.page-grade-1 ul.individual_camps p.sub_title, body.parent-summer-camp.page-grade-2 ul.individual_camps p.title,body.parent-summer-camp.page-grade-2 ul.individual_camps p.sub_title, body.parent-summer-camp.page-grade-3 ul.individual_camps p.title,body.parent-summer-camp.page-grade-3 ul.individual_camps p.sub_title, body.parent-summer-camp.page-grade-4 ul.individual_camps p.title,body.parent-summer-camp.page-grade-4 ul.individual_camps p.sub_title, body.parent-summer-camp.page-grade-5 ul.individual_camps p.title,body.parent-summer-camp.page-grade-5 ul.individual_camps p.sub_title, body.parent-summer-camp.page-grade-6 ul.individual_camps p.title,body.parent-summer-camp.page-grade-6 ul.individual_camps p.sub_title, body.parent-summer-camp.page-grade-7 ul.individual_camps p.title,body.parent-summer-camp.page-grade-7 ul.individual_camps p.sub_title, body.parent-summer-camp.page-grade-8 ul.individual_camps p.title,body.parent-summer-camp.page-grade-8 ul.individual_camps p.sub_title, body.parent-summer-camp.page-grades-1-2 ul.individual_camps p.sub_title, body.parent-summer-camp.page-grades-3-5 ul.individual_camps p.sub_title, body.parent-summer-camp.page-grades-6-8 ul.individual_camps p.sub_title, body.parent-summer-camp.page-grades-9-12 ul.individual_camps p.sub_title   {
	color:#9E1F63;
}

/* sidebar navigation */

ul.summer-camp {
	display:block;
	list-style-type:none;
	padding-left:0;
}

ul.summer-camp li {
	padding:0;
	width:100%;
}

ul.summer-camp li + li {
	margin-top:0px;
}

ul.summer-camp li a {
	display:block;
	font-weight:bold;
    font-size: 14px;
	text-transform:uppercase;
	padding: 5px 5px;
	text-decoration:none;
	color:#9E1F63;
	background:#fff;
	border:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}

ul.summer-camp li a:hover {
	opacity:0.85;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    text-decoration:underline;
}

ul.summer-camp li.jccsf-summer-camp a {
    font-size: 18px;
}

ul.summer-camp li.register-for-camp a {
	color:#CF2D2D;
}

ul.summer-camp li.preschool-camps a {
	background:#EFEFEF 2px 50% no-repeat;
    text-transform: capitalize;
    font-size: 13px;
	padding-left: 20px;
	text-transform: uppercase;
}

ul.summer-camp li.grade-k a {
	background:#EFEFEF 2px 50% no-repeat;
    text-transform: capitalize;
    font-size: 13px;
	padding-left: 20px;
	text-transform: uppercase;
}

ul.summer-camp li.grades-1-2 a {
	background:#EFEFEF 2px 50% no-repeat;
    text-transform: capitalize;
    font-size: 13px;
	padding-left: 20px;
	text-transform: uppercase;
}

ul.summer-camp li.grades-3-5 a {
	background:#EFEFEF 2px 50% no-repeat;
    text-transform: capitalize;
    font-size: 13px;
	padding-left: 20px;
	text-transform: uppercase;
}

ul.summer-camp li.grades-6-8 a {
	background:#EFEFEF 2px 50% no-repeat;
    text-transform: capitalize;
    font-size: 13px;
	padding-left: 20px;
	text-transform: uppercase;
}

ul.summer-camp li.grades-9-12 a {
	background:#EFEFEF 2px 50% no-repeat;
    text-transform: capitalize;
    font-size: 13px;
	padding-left: 20px;
	text-transform: uppercase;
}

ul.summer-camp li.camps-by-week a {
	background:#EFEFEF 2px 50% no-repeat;
    text-transform: capitalize;
    font-size: 13px;
	padding-left: 20px;
	text-transform: uppercase;
}

ul.summer-camp li.complete-schedule a {
	background:#EFEFEF 2px 50% no-repeat;
    text-transform: capitalize;
    font-size: 13px;
	padding-left: 20px;
	text-transform: uppercase;
}

ul.summer-camp li.sports-camps a {
	background:#EFEFEF 2px 50% no-repeat;
    text-transform: capitalize;
    font-size: 13px;
	text-transform: uppercase;
}

ul.summer-camp li.extended-care a {
	background:#EFEFEF 2px 50% no-repeat;
    text-transform: capitalize;
    font-size: 13px;
	padding-left: 20px;
	text-transform: uppercase;
}

ul.summer-camp li.leadership-opportunities a {
	background:#EFEFEF 2px 50% no-repeat;
    text-transform: capitalize;
    font-size: 13px;
	padding-left: 20px;
}

ul.summer-camp li.available-camps a {
	color:#CF2D2D;
}

ul.summer-camp li.important-information-camp-policies a {
	color:#CF2D2D;
}

ul.summer-camp li.financial-assistance a {
	color:#CF2D2D;
}

ul.summer-camp li.youth-inclusion-initiative a {
	color:#CF2D2D;
}

ul.summer-camp li.join-the-camp-team a {
	color:#CF2D2D;
}

ul.summer-camp li.supporters a {
	color:#CF2D2D;
}

ul.summer-camp li.my-camp-account a {
	color:#CF2D2D;
}

ul.summer-camp li.camp-faqs a {
	color:#CF2D2D;
}
ul.summer-camp li.why-choose-us a {
	color:#CF2D2D;
}

ul.summer-camp li.meet-the-team a {
	color:#CF2D2D;
}

ul.summer-camp li.join-the-team a {
	color:#CF2D2D;
}

ul.summer-camp li.registration_form a, ul.summer-camp li.deposit a, ul.summer-camp li.payment a, ul.summer-camp li.refunds_changes a, ul.summer-camp li.conduct a, ul.summer-camp li.wait_list a, ul.summer-camp li.financial_assistance a, ul.summer-camp li.contacts a {
	background-color:#9e1f63;
	text-decoration:underline;
}


/* one-off page "jump" links */
/* Summer Camp Menu */
h4.summer-camp-menu {
	margin-top:15px;
}

h4.summer-camp-menu a {
	display: block;
	background-color: #9e1f63;
	color:#fff;
	text-decoration:none;
	padding: 7px 10px;
	text-align: left;
	text-transform: uppercase;
}

h4.summer-camp-menu a.landing-menu-camp {
	background: #f0732c;
}

h4.summer-camp-menu a.landing-menu-grade {
	background: #44c7b3;
}

h4.summer-camp-menu a.landing-menu-date {
	background: #9e1f63;
}

h4.landing-menu {
	margin-top:0;
	margin-bottom:15px;
}

@media screen and (max-width: 768px) {
  h4.summer-camp-menu {
    visibility: hidden;
    display: none;
  }
}

/* Maker camps */
body.page-maker-camps ul.summer-camp li.culinary a {
	background-color:#9e1f63;
	text-decoration:underline;
}

body.page-maker-camps ul.summer-camp li.studio a {
	background-color:#9e1f63;
	text-decoration:underline;
}

body.page-maker-camps ul.summer-camp li.stem a {
	background-color:#9e1f63;
	text-decoration:underline;
}

body.page-maker-camps ul.summer-camp li.passport a  {
	background-color:#9e1f63;
	text-decoration:underline;
}


/* Outbound, Preschool, Culinary, Brandeis, Leadership camps */
body.page-outbound-camps ul.summer-camp li.gradek2 a, body.page-outbound-camps ul.summer-camp li.grade35 a, body.page-outbound-camps ul.summer-camp li.grade68 a, body.page-preschool-camps ul.summer-camp li.grades a, body.page-leadership-opportunities ul.summer-camp li.grades a, body.page-brandeis ul.summer-camp li.grades a, body.page-culinary-camps ul.summer-camp li.grades a, body.page-j-adventures ul.summer-camp li.grades a, body.page-maker-camps ul.summer-camp li.grades a , body.page-sports-camp-information ul.summer-camp li.grades a  {
	background-color:#44c7b3;
    color:#fff;
	text-decoration:underline;
}

/* By-Week camps */
body.page-week-1 ul.summer-camp li.grades a, body.page-week-2 ul.summer-camp li.grades a, body.page-week-3 ul.summer-camp li.grades a, body.page-week-4 ul.summer-camp li.grades a, body.page-week-5 ul.summer-camp li.grades a, body.page-week-6 ul.summer-camp li.grades a, body.page-week-7 ul.summer-camp li.grades a, body.page-week-8 ul.summer-camp li.grades a, body.page-week-9 ul.summer-camp li.grades a, body.page-week-10 ul.summer-camp li.grades a, body.page-week-11 ul.summer-camp li.grades a, body.page-week-12 ul.summer-camp li.grades a, body.page-register-now ul.summer-camp li.grades a , body.page-sports-camp-information ul.summer-camp li.grades a {
	background-color:#44c7b3;
    color:#fff;
	text-decoration:underline;
}

/* By-Grade camps */
body.page-grade-k ul.summer-camp li.grades a, body.page-grade-1 ul.summer-camp li.grades a, body.page-grade-2 ul.summer-camp li.grades a, body.page-grade-3 ul.summer-camp li.grades a, body.page-grade-4 ul.summer-camp li.grades a, body.page-grade-5 ul.summer-camp li.grades a, body.page-grade-6 ul.summer-camp li.grades a, body.page-grade-7 ul.summer-camp li.grades a, body.page-grade-8 ul.summer-camp li.grades a, body.page-grades-1-2 ul.summer-camp li.grades a, body.page-grades-3-5 ul.summer-camp li.grades a, body.page-grades-6-8 ul.summer-camp li.grades a, body.page-grades-9-12 ul.summer-camp li.grades a  {
	background-color:#44c7b3;
    color:#fff;
	text-decoration:underline;
}

/* one-off styles including sub nav for anchored links*/
body.page-maker-camps .pagecontent ul.summer-camp li, body.page-culinary-camps .pagecontent ul.summer-camp li, body.page-brandeis .pagecontent ul.summer-camp li, 
body.page-outbound-camps .pagecontent ul.summer-camp li,
body.page-important-information-camp-policies .pagecontent ul.summer-camp li, body.page-week-1 .pagecontent ul.summer-camp li, body.page-week-2 .pagecontent ul.summer-camp li, body.page-week-3 .pagecontent ul.summer-camp li, body.page-week-4 .pagecontent ul.summer-camp li, body.page-week-5 .pagecontent ul.summer-camp li, body.page-week-6 .pagecontent ul.summer-camp li, body.page-week-7 .pagecontent ul.summer-camp li, body.page-week-8 .pagecontent ul.summer-camp li, body.page-week-9 .pagecontent ul.summer-camp li, body.page-week-10 .pagecontent ul.summer-camp li, body.page-week-11 .pagecontent ul.summer-camp li,  body.page-grade-k .pagecontent ul.summer-camp li,  body.page-grade-1 .pagecontent ul.summer-camp li,  body.page-grade-2 .pagecontent ul.summer-camp li,  body.page-grade-3 .pagecontent ul.summer-camp li,  body.page-grade-4 .pagecontent ul.summer-camp li,  body.page-grade-5 .pagecontent ul.summer-camp li,  body.page-grade-6 .pagecontent ul.summer-camp li,  body.page-grade-7 .pagecontent ul.summer-camp li, body.page-grade-8 .pagecontent ul.summer-camp li,  body.page-preschool-camps .pagecontent ul.summer-camp li,  body.page-leadership-opportunities .pagecontent ul.summer-camp li, body.page-j-adventures .pagecontent ul.summer-camp li, body.page-grades-1-2 .pagecontent ul.summer-camp li, body.page-grades-3-5 .pagecontent ul.summer-camp li, body.page-grades-6-8 .pagecontent ul.summer-camp li, body.page-grades-9-12 .pagecontent ul.summer-camp li, body.page-register-now .pagecontent ul.summer-camp li, body.page-sports-camp-information .pagecontent ul.summer-camp li {
	float:left;
	width:auto;
	margin:4px 6px 10px 0;
}

body.page-maker-camps .pagecontent ul.summer-camp li a, body.page-culinary-camps .pagecontent ul.summer-camp li a, body.page-brandeis .pagecontent ul.summer-camp li a, body.page-j-adventures .pagecontent ul.summer-camp li a,
body.page-outbound-camps .pagecontent ul.summer-camp li a,
body.page-important-information-camp-policies .pagecontent ul.summer-camp li a, body.page-week-1 .pagecontent ul.summer-camp li a, body.page-week-2 .pagecontent ul.summer-camp li a, body.page-week-3 .pagecontent ul.summer-camp li a, body.page-week-4 .pagecontent ul.summer-camp li a, body.page-week-5 .pagecontent ul.summer-camp li a, body.page-week-6 .pagecontent ul.summer-camp li a, body.page-week-7 .pagecontent ul.summer-camp li a, body.page-week-8 .pagecontent ul.summer-camp li a, body.page-week-9 .pagecontent ul.summer-camp li a, body.page-week-10 .pagecontent ul.summer-camp li a, body.page-week-11 .pagecontent ul.summer-camp li a, body.page-grade-k .pagecontent ul.summer-camp li a, body.page-grade-1 .pagecontent ul.summer-camp li a, body.page-grade-2 .pagecontent ul.summer-camp li a, body.page-grade-3 .pagecontent ul.summer-camp li a, body.page-grade-4 .pagecontent ul.summer-camp li a, body.page-grade-5 .pagecontent ul.summer-camp li a, body.page-grade-6 .pagecontent ul.summer-camp li a, body.page-grade-7 .pagecontent ul.summer-camp li a, body.page-grade-8 .pagecontent ul.summer-camp li a, body.page-preschool-camps .pagecontent ul.summer-camp li a, body.page-leadership-opportunities .pagecontent ul.summer-camp li a, body.page-register-now .pagecontent ul.summer-camp li a, body.page-sports-camp-information .pagecontent ul.summer-camp li a {
	width:auto;
	display:inline-block;
	padding:5px;
	text-transform:none;
	background-image:none;
}

body.page-gads .pagecontent ul ul li {
	font-size:12px;
	margin-top:0;
	list-style-type:disc;
}

body.page-sports-camps-clinics .pagecontent table {
	width:100%;
}

body.page-sports-camps-clinics .pagecontent table td {
	vertical-align:top;
	width:50%;
}

body.page-supporters .pagecontent ul {
	
}

body.page-supporters .pagecontent li {
	list-style-type:square;
	font-size:12px;
}/* 
===============================
Spring Camps CSS
===============================
*/


/* general page adjustments */
body.page-spring-camp .category_content, body.parent-spring-camp .category_content {
	border-right:0;
}

body.page-spring-camp .sidebar_container, body.parent-spring-camp .sidebar_container {
	padding-left:5px;
}

body.page-spring-camp .sidebar_container .sidebar_links, body.parent-spring-camp .sidebar_container .sidebar_links {
	padding-left:0;
}

body.page-spring-camp .content_title sup, body.parent-spring-camp .content_title sup {
	font-size:10px;
}

body.parent-spring-camp .category_content .category_background {
	display:none;
}

body.parent-spring-camp.page-register-for-spring-camp ul.individual_camps p.title, body.parent-spring-camp.page-register-for-spring-camp ul.individual_camps p.sub_title {
	color:#00B3CD;
}

body.parent-spring-camp.page-february-camp ul.individual_camps p.title, body.parent-spring-camp.page-february-camp ul.individual_camps p.sub_title {
	color:#F36F21;
}

/* new camp pages 2016 */ 

body.parent-spring-camp.page-march-camps ul.individual_camps p.title, body.parent-spring-camp.page-march-camps ul.individual_camps p.sub_title {
	color:#6EAA39;
}

body.parent-spring-camp.page-april-camps ul.individual_camps p.title, body.parent-spring-camp.page-april-camps ul.individual_camps p.sub_title {
	color:#923393;
}
/* end new camp */

body.parent-spring-camp.page-j-adventures ul.individual_camps p.title, body.parent-spring-camp.page-j-adventures ul.individual_camps p.sub_title {
	color:#EC008C;
}

body.parent-spring-camp.page-cosmo-kids ul.individual_camps p.title, body.parent-spring-camp.page-cosmo-kids ul.individual_camps p.sub_title {
	color:#6EAA39;
}

body.parent-spring-camp.page-specialty-camps ul.individual_camps p.title, body.parent-spring-camp.page-specialty-camps ul.individual_camps p.sub_title {
	color:#923393;
}

body.parent-spring-camp.page-gads ul.individual_camps p.title, body.parent-spring-camp.page-gads ul.individual_camps p.sub_title {
	color:#437FC1;
}

body.parent-spring-camp.page-sports-camps ul.individual_camps p.title, body.parent-spring-camp.page-sports-camps ul.individual_camps p.sub_title {
	color:#006aa0;
}

body.parent-spring-camp.page-culinary-camp ul.individual_camps p.title,body.parent-spring-camp.page-culinary-camp ul.individual_camps p.sub_title {
	color:#25A27C;
}

body.parent-spring-camp.page-extended-care ul.individual_camps p.title,body.parent-spring-camp.page-culinary-camp ul.individual_camps p.sub_title {
	color:#00B3CD;
}

body.parent-spring-camp.page-important-information-camp-policies ul.individual_camps p.title, body.parent-spring-camp.page-important-information-camp-policies ul.individual_camps p.sub_title {
	color:#00B3CD;
}


/* Spring Camp */
ul.spring-camp {
	display:block;
	list-style-type:none;
	padding-left:0;
}

ul.spring-camp li {
	padding:0;
	width:100%;
}

ul.spring-camp li + li {
	margin-top:4px;
}

ul.spring-camp li a {
	display:block;
	font-weight:bold;
	text-transform:uppercase;
	padding:7px 22px;
	text-decoration:none;
	color:#fff;
	background: transparent url('/images/mitzvah/navigation_arrow.png') 8px 12px no-repeat;
	border:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}

ul.spring-camp li a:hover {
	opacity:0.85;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

ul.spring-camp li.register-for-spring-camp a {
	background-color:#00B3CD;
}

ul.spring-camp li.february-camp a {
	background-color:#F36F21;
}

/* new camp pages 2016 */ 
ul.spring-camp li.march-camps a {
	background-color:#6EAA39;
}

ul.spring-camp li.april-camps a {
	background-color:#923393;
}
/* end new camp pages */ 

ul.spring-camp li.specialty-camps a {
	background-color:#923393;
}

ul.spring-camp li.j-adventures a {
	background-color:#EC008C;
}

ul.spring-camp li.cosmo-kids a {
	background-color:#6EAA39;
}

ul.spring-camp li.gads a {
	background-color:#437FC1;
}

ul.spring-camp li.culinary-camp a {
	background-color:#25A27C;
}

ul.spring-camp li.extended-care a {
	background-color:#00B3CD;
}

ul.spring-camp li.important-contacts-information-camp-policies a {
	background-color:#00B3CD;
}
/* 
===============================
Fall/Winter Camps CSS
===============================
*/


/* general page adjustments */
body.page-fall-winter-camps .category_content, body.parent-fall-winter-camps .category_content {
	border-right:0;
}

body.page-fall-winter-camps .sidebar_container, body.parent-fall-winter-camps .sidebar_container {
	padding-left:5px;
}

body.page-fall-winter-camps .sidebar_container .sidebar_links, body.parent-fall-winter-camps .sidebar_container .sidebar_links {
	padding-left:0;
}

body.page-fall-winter-camps .content_title sup, body.parent-fall-winter-camps .content_title sup {
	font-size:10px;
}

body.parent-fall-winter-camps .category_content .category_background {
	display:none;
}

body.page-fall-winter-camps .pagecontent h4, body.parent-fall-winter-camps .pagecontent h4 {
	margin-bottom:0;
}

/* page title colors */
body.parent-fall-winter-camp.page-register-for-camp .pagecontent h4 {
	color:#f36f21;
}

body.parent-fall-winter-camp.page-turkey-camp .pagecontent h4 {
	color:#f36f21;
}

body.parent-fall-winter-camp.page-j-adventures .pagecontent h4 {
	color:#ec008c;
}

body.parent-fall-winter-camp.page-cosmo-kids .pagecontent h4 {
	color:#6eaa39;
}

body.parent-fall-winter-camp.page-specialty-camps .pagecontent h4 {
	color:#25a27c;
}

body.parent-fall-winter-camp.page-gads .pagecontent h4 {
	color:#437fc1;
}

body.parent-fall-winter-camp.page-camp-extravaganza .pagecontent h4 {
	color:#923393;
}

body.parent-fall-winter-camp.page-teen-extreme .pagecontent h4 {
	color:#e41e26;
}

body.parent-fall-winter-camp.page-pre-post-camp-activities .pagecontent h4 {
	color:#00b3cd;
}

body.parent-fall-winter-camp.page-important-information-camp-policies .pagecontent h4 {
	color:#00b3cd;
}

body.parent-fall-winter-camp.page-register-for-camp ul.individual_camps p.title, body.parent-fall-winter-camp.page-register-for-camp ul.individual_camps p.sub_title {
	color:#f36f21;
}

body.parent-fall-winter-camp.page-turkey-camp ul.individual_camps p.title, body.parent-fall-winter-camp.page-turky-camp ul.individual_camps p.sub_title {
	color:#f36f21;
}

body.parent-fall-winter-camp.page-j-adventures ul.individual_camps p.title, body.parent-fall-winter-camp.page-j-adventures ul.individual_camps p.sub_title {
	color:#ec008c;
}

body.parent-fall-winter-camp.page-cosmo-kids ul.individual_camps p.title, body.parent-fall-winter-camp.page-cosmo-kids ul.individual_camps p.sub_title {
	color:#6eaa39;
}

body.parent-fall-winter-camp.page-specialty-camps ul.individual_camps p.title, body.parent-fall-winter-camp.page-specialty-camps ul.individual_camps p.sub_title {
	color:#25a27c;
}

body.parent-fall-winter-camp.page-gads ul.individual_camps p.title, body.parent-fall-winter-camp.page-gads ul.individual_camps p.sub_title {
	color:#437fc1;
}

body.parent-fall-winter-camp.page-camp-extravaganza ul.individual_camps p.title, body.parent-fall-winter-camp.page-camp-extravaganza ul.individual_camps p.sub_title {
	color:#923393;
}

body.parent-fall-winter-camp.page-teen-extreme ul.individual_camps p.title, body.parent-fall-winter-camp.page-teen-extreme ul.individual_camps p.sub_title {
	color:#e41e26;
}

body.parent-fall-winter-camp.page-pre-post-camp-activities ul.individual_camps p.title,body.parent-fall-winter-camp.page-pre-post-camp-activities ul.individual_camps p.sub_title {
	color:#00b3cd;
}

body.parent-fall-winter-camp.page-important-information-camp-policies ul.individual_camps p.title, body.parent-fall-winter-camp.page-important-information-camp-policies ul.individual_camps p.sub_title {
	color:#00b3cd;
}


/* Fall Winter Camp */
ul.fall-winter-camps {
	display:block;
	list-style-type:none;
	padding-left:0;
}

ul.fall-winter-camps li {
	padding:0;
	width:100%;
}

ul.fall-winter-camps li + li {
	margin-top:4px;
}

ul.fall-winter-camps li a:hover {
	opacity:0.85;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

ul.fall-winter-camps li a {
	display:block;
	font-weight:bold;
	text-transform:uppercase;
	padding:7px 22px;
	text-decoration:none;
	color:#fff;
	background: transparent url('/images/mitzvah/navigation_arrow.png') 8px 12px no-repeat;
	border:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}

ul.fall-winter-camps li.register-for-camp a {
	background-color:#00b3cd;
}

ul.fall-winter-camps li.turkey-camp a {
	background-color:#f36f21;
}

ul.fall-winter-camps li.j-adventures a {
	background-color:#ec008c;
}

ul.fall-winter-camps li.cosmo-kids a {
	background-color:#6eaa39;
}

ul.fall-winter-camps li.specialty-camps a {
	background-color:#25a27c;
}

ul.fall-winter-camps li.gads a {
	background-color:#437fc1;
}

ul.fall-winter-camps li.camp-extravaganza a {
	background-color:#923393;
}

ul.fall-winter-camps li.teen-extreme a {
	background-color:#e41e26;
}

ul.fall-winter-camps li.pre-post-camp-activities a {
	background-color:#00b3cd;
}

ul.fall-winter-camps li.important-contacts-information-camp-policies a {
	background-color:#00b3cd;
}

ul.fall-winter-camps li.why-choose-us a {
	background-color:#00b3cd;
}#summer-camp-selectors {
	margin:0 5px;
}

#summer-camp-selectors h2 {
	text-align:center;
	cursor:pointer;
	margin-bottom:10px;
	padding:5px;
}

#summer-camp-selectors #choose-by-camp h2 {
	background:#f0732c;
	color:#fff;
}

#summer-camp-selectors #choose-by-grade h2 {
	background:#44c7b3;
	color:#fff;
}

#summer-camp-selectors #choose-by-date h2 {
	background:#9e1f63;
	color:#fff;
}

#summer-camp-selectors #choose-by-camp h3 {
	font-size: 14px;
	font-weight: bold;
    padding: 8px;
    line-height:140%;
}

#summer-camp-selectors .arrow {
	display:inline-block;
	width:20px;
	height:20px;
	margin-right:8px;
	vertical-align: middle;
}

#summer-camp-selectors .arrow_right {
	background:transparent url('/images/mitzvah/summer_camps/2015/arrow_right.png') 0 0 no-repeat;
}

#summer-camp-selectors .arrow_down {
	display:none;
	background:transparent url('/images/mitzvah/summer_camps/2015/arrow_down.png') 0 0 no-repeat;
}


#summer-camp-selectors .tiles {
	display:none;
	margin-bottom:50px;
	margin-left:-5px;
}

#summer-camp-selectors .tiles-row {
	margin-left:0;
}

#summer-camp-selectors .tiles-row + .tiles-row {
	margin-top:3px;
}

#summer-camp-selectors .tile {
	padding-left:0;
	padding-right:0;
	width:212px;
	margin-right: 3px;
}

#summer-camp-selectors #choose-by-camp .summer-camp-selectors-bottom .tile {
	padding-left:0;
	padding-right:0;
	width:212px;
	margin-right: 3px;

}

#summer-camp-selectors .tile .tile-content {
	position: relative;
	overflow:hidden;
}

#summer-camp-selectors #choose-by-camp.open .tiles,
#summer-camp-selectors #choose-by-grade.open .tiles,
#summer-camp-selectors #choose-by-date.open .tiles {
	display:block;
}

#summer-camp-selectors #choose-by-camp.open .arrow_right,
#summer-camp-selectors #choose-by-grade.open .arrow_right,
#summer-camp-selectors #choose-by-date.open .arrow_right {
	display:none;
}

#summer-camp-selectors #choose-by-camp.open .arrow_down,
#summer-camp-selectors #choose-by-grade.open .arrow_down,
#summer-camp-selectors #choose-by-date.open .arrow_down {
	display:inline-block;
}

@media (max-width: 970px) {

	#summer-camp-selectors .tile + .tile {
		margin-left:0;
	}

	#summer-camp-selectors .tiles-row {
		margin-right:0;
	}

	#summer-camp-selectors .tiles-row + .tiles-row {
		margin-top:0;
	}

	#summer-camp-selectors .tile .tile-content {
		margin: 5px;
	}

	#summer-camp-selectors #choose-by-camp .tile {
		margin: 0 auto;
	}

	#summer-camp-selectors #choose-by-camp .summer-camp-selectors-bottom .tile + .tile {
		margin:0 auto;
	}

}

@media (max-width: 767px) {
	#summer-camp-selectors .tile {
		width:100%;
	}

}

@media (max-width: 490px) {
	.summer-camp-menu a {
		display:block;
		margin-bottom:5px;
	}
}
/* 
===============================
Travel CSS
===============================
*/

body.page-travel .main img {
	max-width:none;
}/************************************************************************************************/  
/* Default style to be applied to all category-level pages and descendants 
	(category, course, program pages) if they are not overridden 
	by a category-specific style      *******/
/************************************************************************************************/  

/*the-center category navigation*/
.the-center .category_navigation { /* navigation menu for the category */
    background-color: #709E4A;}
.the-center .category_navigation ul li:hover{
	background-color: #538F3E;
}
/*fitness category navigation*/
.fitness .category_navigation { /* navigation menu for the category */
    background-color: #6D3172;
}
.fitness .category_navigation ul li:hover{
	background-color:#511B57;
}
/*give category navigation*/
.give .category_navigation { /* navigation menu for the category */
    background-color: #709E4A;
}
.give .category_navigation ul li:hover{
	background-color:#538F3E;
}
/*arts-ideas category navigation*/
.arts-ideas .category_navigation { /* navigation menu for the category */
    background-color: #B5B5B5;
}
.arts-ideas .category_navigation ul li:hover{
	background-color:#999999;
}
/*age category navigation*/
.age .category_navigation { /* navigation menu for the category */
    background-color: #EEA320;
}
.age .category_navigation ul li:hover{
	background-color:#D68243;
}
/*programs navigation*/
.programs .category_navigation{ /* navigation menu for the category */
 background-color: #00959F;
}
.programs .category_navigation ul li:hover{
	background-color:#007B80;
}
/*News navigation*/
.news .category_navigation{ /* navigation menu for the category */
 background-color: #B69130;
}
.news .category_navigation ul li:hover{
	background-color:#9F742B;
}

/*-----------------------------------------------------------------------------------*/

/************************************************************************************************/  
/* To override the default colors for a specific category, use the portion of the url			*/ 
/*	immediately following http://jccsf.org/programs/  as the main class name  					*/
/*	e.g., jccsf.org/programs/newCategory => ".newCategory .category_navigation"     			*/
/*										and ".newCategory .category_navigation ul li:hover"     */
/************************************************************************************************/  

/*JCCSF and the Economy category navigation */
.jccsf-and-the-economy .category_navigation{ /* background color of title bars and navigation block for the category */
	background-color:#A0532F;
}
.jccsf-and-the-economy .category_navigation ul li:hover{/* hover color for navigation element in the category */
	background-color:#74471F;
}
/*-----------------------------------------------------------------------------------*/

/*jccsf-goes-greener category navigation*/
.jccsf-goes-greener .category_navigation { /* navigation menu for the category */
    background-color: #709E4A;
}
.jccsf-goes-greener .category_navigation ul li:hover{
	background-color:#538F3E;
}
/*-----------------------------------------------------------------------------------*/

/*financial-assistance category navigation*/
.financial-assistance .category_navigation { /* navigation menu for the category */
    background-color: #EEA320;
}
.financial-assistance .category_navigation ul li:hover{
	background-color:#D68243;
}
/*-----------------------------------------------------------------------------------*/

/*general-information category navigation*/
.general-information .category_navigation { /* navigation menu for the category */
    background-color: #B69130;
}
.general-information .category_navigation ul li:hover{
	background-color:#9F742B;
}
/*-----------------------------------------------------------------------------------*/

/*our-people category navigation*/
.our-instructors .category_navigation { /* navigation menu for the category */
    background-color: #00959F;
}
.our-instructors .category_navigation ul li:hover{
	background-color:#007B80;
}
/*-----------------------------------------------------------------------------------*/

/*press category navigation*/
.press .category_navigation { /* navigation menu for the category */
    background-color: #EEA320;
}
.press .category_navigation ul li:hover{
	background-color:#EEA320;
}
/*-----------------------------------------------------------------------------------*/

/*contact-the-jccsf category navigation*/
.contact-the-jccsf .category_navigation { /* navigation menu for the category */
    background-color: #66669E;
}
.contact-the-jccsf .category_navigation ul li:hover{
	background-color:#5d458b;
}
/*-----------------------------------------------------------------------------------*/

/*fitness-center category navigation*/
.fitness-center .category_navigation { /* navigation menu for the category */
    background-color: #D55C2A;
}
.fitness-center .category_navigation ul li:hover{
	background-color:#B64523;
}
/*-----------------------------------------------------------------------------------*/

/*pool category navigation*/
.pool .category_navigation { /* navigation menu for the category */
    background-color: #00959F;
}
.pool .category_navigation ul li:hover{
	background-color:#007B80;
}
/*-----------------------------------------------------------------------------------*/ 

/*pilates category navigation*/
.pilates .category_navigation { /* navigation menu for the category */
    background-color: #B69130;
}
.pilates .category_navigation ul li:hover{
	background-color:#9F742B;
}
/*-----------------------------------------------------------------------------------*/  

/*spa category navigation*/
.spa .category_navigation { /* navigation menu for the category */
    background-color: #6D3172;
}
.spa .category_navigation ul li:hover{
	background-color:#511B57;
}
/*-----------------------------------------------------------------------------------*/  

/*childcare category navigation*/
.childcare .category_navigation { /* navigation menu for the category */
    background-color: #66669E;
}
.childcare .category_navigation ul li:hover{
	background-color:#5d458b;
}
/*-----------------------------------------------------------------------------------*/  

/*preschools category navigation*/
.preschools .category_navigation { /* navigation menu for the category */
    background-color: #D36B79;
}
.preschools .category_navigation ul li:hover{
	background-color:#B04C5C;
}
/*-----------------------------------------------------------------------------------*/  

/*afterschool category navigation*/
.afterschool .category_navigation { /* navigation menu for the category */
    background-color: #005D9E;
}
.afterschool .category_navigation ul li:hover{
	background-color:#114684;
}
/*-----------------------------------------------------------------------------------*/  

/*tikvah-school-of-music-dance category navigation*/
.tikvah-school-of-music-dance .category_navigation { /* navigation menu for the category */
    background-color: #EEA320;
}
.tikvah-school-of-music-dance .category_navigation ul li:hover{
	background-color:#D68243;
}
/*-----------------------------------------------------------------------------------*/   

/*rentals category navigation*/
.rentals .category_navigation { /* navigation menu for the category */
    background-color: #005D9E;
}
.rentals .category_navigation ul li:hover{
	background-color:#114684;
}
/*-----------------------------------------------------------------------------------*/  

/*private-events-e category navigation*/
.private-events-e .category_navigation { /* navigation menu for the category */
    background-color: #46166b;
}
.private-events-e .category_navigation ul li:hover{
	background-color:#45185b;
}
/*-----------------------------------------------------------------------------------*/  

/*private-events category navigation*/
.private-events .category_navigation { /* navigation menu for the category */
    background-color: #46166b;
}
.private-events .category_navigation ul li:hover{
	background-color:#45185b;
}
/*-----------------------------------------------------------------------------------*/  

/*sweet-jos category navigation*/
.sweet-jos .category_navigation { /* navigation menu for the category */
    background-color: #B69130;
}
.sweet-jos .category_navigation ul li:hover{
	background-color:#9F742B;
}
/*-----------------------------------------------------------------------------------*/ 

/*dayenu-gift-shop category navigation*/
.dayenu-gift-shop .category_navigation { /* navigation menu for the category */
    background-color: #A0532F;
}
.dayenu-gift-shop .category_navigation ul li:hover{
	background-color:#74471F;
}
/*-----------------------------------------------------------------------------------*/ 

/*galleries-exhibitions category navigation*/
.galleries-exhibitions .category_navigation { /* navigation menu for the category */
    background-color: #EEA320;
}
.galleries-exhibitions .category_navigation ul li:hover{
	background-color:#D68243;
}
/*-----------------------------------------------------------------------------------*/ 

/*bje-library category navigation*/
.bje-library .category_navigation { /* navigation menu for the category */
    background-color: #A0532F;
}
.bje-library .category_navigation ul li:hover{
	background-color:#74471;
}
/*-----------------------------------------------------------------------------------*/ 

/*parking-garage category navigation*/
.parking-garage .category_navigation { /* navigation menu for the category */
    background-color: #00959F;
}
.parking-garage .category_navigation ul li:hover{
	background-color:#007B80;
}
/*-----------------------------------------------------------------------------------*/ 

/*camp category navigation*/
.camp .category_navigation { /* navigation menu for the category */
    background-color: #D55C2A;
}
.camp .category_navigation ul li:hover{
	background-color:#B64523;
}
/*-----------------------------------------------------------------------------------*/ 

/*youth-sports category navigation*/
.youth-sports .category_navigation { /* navigation menu for the category */
    background-color: #e5ae30;
}
.youth-sports .category_navigation ul li:hover{
	background-color:#c3952b;
}
/*-----------------------------------------------------------------------------------*/ 

/*Youth dance and movement category navigation*/
.rec-dance-gym-youth .category_navigation { /* navigation menu for the category */
    background-color: #6D3172;
}
.rec-dance-gym-youth .category_navigation ul li:hover{
	background-color:#511B57;
}
/*-----------------------------------------------------------------------------------*/ 

/*arts-discovery category navigation*/
.arts-discovery .category_navigation { /* navigation menu for the category */
    background-color: #709E4A;   
}
.arts-discovery .category_navigation ul li:hover{
	background-color:#538F3E;
}
/*-----------------------------------------------------------------------------------*/ 

/*teen category navigation*/
.teen .category_navigation { /* navigation menu for the category */
    background-color: #D55C2A;
}
.teen .category_navigation ul li:hover{
	background-color:#B64523;
}
/*-----------------------------------------------------------------------------------*/ 

/*performances-at-the-friend-center category navigation*/
.performances-at-the-friend-center .category_navigation { /* navigation menu for the category */
    background-color: #709E4A;
}
.performances-at-the-friend-center .category_navigation ul li:hover{
	background-color:#538F3E;
}
/*-----------------------------------------------------------------------------------*/ 

/*lectures-at-the-goldman-center category navigation*/
.lectures-at-the-goldman-center .category_navigation { /* navigation menu for the category */
    background-color: #B69130;
}
.lectures-at-the-goldman-center .category_navigation ul li:hover{
	background-color:#9F742B;
}
/*-----------------------------------------------------------------------------------*/ 

/*jewish-culture-and-thought-jct category navigation*/
.jewish-culture-and-thought .category_navigation { /* navigation menu for the category */
    background-color: #A0532F;
}
.jewish-culture-and-thought .category_navigation ul li:hover{
	background-color:#74471F;
}
/*-----------------------------------------------------------------------------------*/ 

/*holidays-events category navigation*/
.holidays-events .category_navigation { /* navigation menu for the category */
    background-color: #6D3172;
}
.holidays-events .category_navigation ul li:hover{
	background-color:#511B57;
}
/*-----------------------------------------------------------------------------------*/ 

/*el-camino-judio category navigation*/
.el-camino-judio .category_navigation { /* navigation menu for the category */
    background-color: #EEA320;
}
.el-camino-judio .category_navigation ul li:hover{
	background-color:#D68243;
}
/*-----------------------------------------------------------------------------------*/ 

/*back-to-the-garden category navigation*/
.back-to-the-garden .category_navigation { /* navigation menu for the category */
    background-color: #709E4A;
}
.back-to-the-garden .category_navigation ul li:hover{
	background-color:#538F3E;
}
/*-----------------------------------------------------------------------------------*/ 

/*adult-sports-leagues category navigation*/
.adult-sports-leagues_CMS .category_navigation { /* navigation menu for the category */
    background-color: #EEA320;
}
.adult-sports-leagues_CMS .category_navigation ul li:hover{
	background-color:#B64523;
}
/*-----------------------------------------------------------------------------------*/ 

/*adult-daytime-classes-programs category navigation*/
.adult-daytime-classes-programs .category_navigation { /* navigation menu for the category */
    background-color: #A0532F;
}
.adult-daytime-classes-programs .category_navigation ul li:hover{
	background-color:#74471F;
}
/*-----------------------------------------------------------------------------------*/ 

/*interfaith category navigation*/
.interfaith .category_navigation { /* navigation menu for the category */
    background-color: #709E4A;
}
.interfaith .category_navigation ul li:hover{
	background-color:#538F3E;
}
/*-----------------------------------------------------------------------------------*/ 

/*travel category navigation*/
.travel .category_navigation { /* navigation menu for the category */
    background-color: #B69130;
}
.travel .category_navigation ul li:hover{
	background-color:#9F742B;
}
/*-----------------------------------------------------------------------------------*/ 

/*-----------------------------------------------------------------------------------*/ 
/*the-cafe category navigation*/
.the-cafe .category_navigation { /* navigation menu for the category */
	background-color: #7d094a;
}
.the-cafe .category_navigation ul li:hover{
	background-color:#591c00;
}
/*-----------------------------------------------------------------------------------*/

/*new category navigation*/
/*
.aquatics .category_navigation{ 
	background-color:#00959f;
}
.aquatics .category_navigation ul li:hover{
	background-color:#007B80;
}
*/

/*-----------------------------------------------------------------------------------*/ 
/* Star Gala page-only category navigation*/
body.page-star-gala .category_navigation {
	background-color:  #2968b1;
}

body.page-star-gala .category_navigation ul li:hover {
	background-color: #225794;
}

/* Showcase page-only category navigation*/
body.page-showcase .category_navigation, body.parent-showcase .category_navigation, body.page-jccsf-showcase-2013 .category_navigation {
	background-color:  #ec008c;
}

body.page-showcase .category_navigation ul li:hover, body.parent-showcase .category_navigation ul li:hover, body.page-jccsf-showcase-2013 .category_navigation ul li:hover {
	background-color: #b2006a;
}/* Registration Button SFDC */
a.regSFDCButton {
	font-family: helvetica, arial, sans-serif;
	font-size: 14 px;
	font-weight: bold;
	background-color: #0070D2;
	color: white;
	text-decoration: none;
	padding-top: .5em;
	padding-bottom:.5em;
	padding-left:1.5em;
	padding-right:1.5em;
	border-radius:.25em;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1.5em;
	margin-right:1.5em;
	display:inline-block;
}
a.regSFDCButton:hover {
       background-color:#005FB2;
       text-decoration:underline;
}

/*keep me updated - join email button*/

a.KMUButton {
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #d30267;
	color: #ffffff;
	text-decoration: none;
	padding-top: .5em;
	padding-bottom:.5em;
	padding-left: 1.5em;
	padding-right:1.5em;
    margin-top:.5em;
    margin-bottom:.5em;
	display:inline-block;
	text-transform: uppercase;
}
a.KMUButton:hover {
    text-decoration:underline;
}


/*financial assistance buttons*/

a#faButton {
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #2980b9;
	color: #ffffff;
	text-decoration: none;
	padding-top: .5em;
	padding-bottom:.5em;
	padding-left: 1.5em;
	padding-right:1.5em;
        margin-top:.5em;
        margin-bottom:.5em;
	display:inline-block;
}
a#faButton:hover {
    text-decoration:underline;
}

a#faButtonLarge {
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	background-color: #2980b9;
	color: #ffffff;
	text-decoration: none;
	padding-top: .5em;
	padding-bottom:.5em;
	padding-left: 1.5em;
	padding-right:1.5em;
        margin-top:.5em;
        margin-bottom:.5em;
	display:inline-block;
}
a#faButtonLarge:hover {
    text-decoration:underline;
}


/*fitness buttons*/
a.fitnessButton {
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #027C9A;
	color: #ffffff;
	text-decoration: none;
	padding-top: .5em;
	padding-bottom:.5em;
	padding-left: 1.5em;
	padding-right:1.5em;
        margin-top:.15em;
        margin-bottom:.5em;
	display:inline-block;
}
a.fitnessButton:hover {
    text-decoration:underline;
}

a.fitnessSMButton {
	font-family: helvetica, arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-color: #027C9A;
	color: #ffffff;
	text-decoration: none;
	padding-top: .5em;
	padding-bottom:.5em;
	padding-left: 1em;
	padding-right:1em;
        margin-top:.15em;
        margin-bottom:.5em;
	display:inline-block;
}
a.fitnessSMButton:hover {
    text-decoration:underline;
}

a#fitButton {
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #105B78;
	color: #ffffff;
	text-decoration: none;
	padding-top: .5em;
	padding-bottom:.5em;
	padding-left: 1.5em;
	padding-right:1.5em;
        margin-top:.15em;
        margin-bottom:.5em;
	display:inline-block;
}
a#fitButton:hover {
    text-decoration:underline;
}

a#fitButtonLarge {
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	background-color: #105B78;
	color: #ffffff;
	text-decoration: none;
	padding-top: .5em;
	padding-bottom:.5em;
	padding-left: 1.5em;
	padding-right:1.5em;
        margin-top:.5em;
        margin-bottom:.5em;
	display:inline-block;
}
a#fitButtonLarge:hover {
    text-decoration:underline;
}


/*preschool buttons*/
/*on body of landing page*/

a.prekButton {
    font-family: helvetica, arial, sans-serif;
    font-size:13px;
	font-weight: bold;
	background-color: #783D7A;
	color: #ffffff;
	text-decoration: none;
	padding-top: .5em;
	padding-bottom:.5em;
	padding-left:1em;
	padding-right:1em;
	margin-top:.5em;
	margin-bottom:.5em;
	margin-left:0;
	margin-right:0;
	display:inline-block;
	text-decoration:none;
  }

a.prekButton:hover {
    text-decoration:underline;
}


/*pride buttons*/
a#prideButton {
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color:#5b2d90;
	color: white;
	text-decoration: none;
	padding-top:.5em;
	padding-bottom:.5em;
	padding-left:1.5em;
	padding-right:1.5em;
	margin-top:1em;
	margin-bottom:1em;
	margin-left:0em;
	margin-right:0em;
	display:inline-block;
        border:1px #003A79 solid;

}
a#prideButton:hover {
    text-decoration:underline;
}

/*teen buttons*/
a#Tbutton {
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #783D7A;
	color: #fff;
	text-decoration: none;
	padding-top: .5em;
	padding-bottom:.5em;
	padding-left:1.5em;
	padding-right:1.5em;
	margin-top:1em;
	margin-bottom:1em;
	margin-left:0;
	margin-right:1.5em;
	display:inline-block;
}
a#Tbutton:hover {
   text-decoration:underline;
}


/*afterschool buttons*/
a.afterschoolButton {
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #F0732C;
	color: #fff;
	text-decoration: none;
	padding-top: .5em;
	padding-bottom:.5em;
	padding-left:1.5em;
	padding-right:1.5em;
	margin-top:1em;
	margin-bottom:1em;
	margin-left:0;
	margin-right:1.5em;
	display:inline-block;
}
a.afterschoolButton:hover {
   text-decoration:underline;
}

/*youth sports buttons*/
a.ySportsButton {
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #1D8248;
	color: #fff;
	text-decoration: none;
	padding-top: .5em;
	padding-bottom:.5em;
	padding-left:1.5em;
	padding-right:1.5em;
	margin-top:1em;
	margin-bottom:1em;
	margin-left:0;
	margin-right:1.5em;
	display:inline-block;
}
a.ySportsButton:hover {
   text-decoration:underline;
}

/*Citywide buttons*/
a.citywideButton {
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #663E7C;
	color: #fff;
	text-decoration: none;
	padding-top: .5em;
	padding-bottom:.5em;
	padding-left:1.5em;
	padding-right:1.5em;
	margin-top:.5em;
	margin-bottom:.5em;
	margin-left:0;
	margin-right:1.5em;
	display:inline-block;
}
a.citywide:hover {
   text-decoration:underline;
}


/*Dance school buttons*/
a.danceSchoolGButton {
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #1D8248;
	color: #fff;
	text-decoration: none;
	padding-top: .5em;
	padding-bottom:.5em;
	padding-left:1.5em;
	padding-right:1.5em;
	margin-top:.5em;
	margin-bottom:.5em;
	margin-left:0;
	margin-right:1.5em;
	display:inline-block;
}
a.danceSchoolGButton:hover {
   text-decoration:underline;
}.hpwrapper {
  width:100%;
  margin:0 auto;
}

.hpStyle1 {
	font-family:Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	font-size: 12.5px; 
	padding-top:20px;
	padding-bottom:20px;

}
.hpStyle1a a:link {
       	font-family: "motiva-sans", sans-serif; 
	font-weight: bold; 
	font-size: 13px; 
        color: #A82025;
        text-transform:uppercase;
        line-height: 90%;
	padding-top:10px;
	padding-bottom:20px;
}
.hpStyle1a a:visited {
	color: #C42329;
}
.hpStyle1ab {
	font-weight: 700; 
	font-size: 13px; 
        color: #A82025;
        text-transform:uppercase;
        line-height: 200%;
	padding-top:50px;
	padding-bottom:20px;
}

a.HPCTAButton {
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #25a1b3;
	color: #ffffff;
	text-decoration: none;
	padding-top: .5em;
	padding-bottom:.5em;
	padding-left: 1.5em;
	padding-right:1.5em;
    margin-top:.25em;
    margin-bottom: .25em;
	display:inline-block;
	text-transform: uppercase;
}
a.HPCTAButton:hover {
    text-decoration:underline;
}

.hpRow {
	width:100%;
    margin-left: 0;
    margin-right: 0;
}
.hpHeadlines {
	margin-bottom: 10px;
}
.hpYouthList {
	background-color: #663e7a;
	color:#FFFFFF;
	font-family: motiva-sans,sans-serif;
	height:210px;
	max-width:300px;
	padding-left:10px;
	background-image: url("https://shamashmedia.jccsf.org/images/web-hp/200406_HomepageAssets_v1kl3_Youth.jpg");
    background-repeat: no-repeat;
    background-position: right top;
}
.hpYouthList a {
	color:#FFFFFF;
	}
.hpCampList {
	background-color: #9f1f63;
	color:#FFFFFF;
	font-family: motiva-sans,sans-serif;
	height:210px;
	max-width:300px;
	padding-left:10px;
	background-image: url("https://shamashmedia.jccsf.org/images/web-hp/200610CMP_CampImage_HomepageAssets.jpg");
    background-repeat: no-repeat;
    background-position: right top;
}
.hpCampList a {
	color:#FFFFFF;
	}

.hpFitnessList {
	background-color: #3c9b46;
	color:#FFFFFF;
	font-family: motiva-sans,sans-serif;
    height:210px;
	max-width:300px;
	padding-left:10px;
	background-image: url("/assets/3279/original/200406_HomepageAssets_v1kl2_fitness.jpg");
    background-repeat: no-repeat;
    background-position: right top;
}
.hpFitnessList a {
	color:#FFFFFF;
}

.hpAIList {
	background-color: #be4b97;
	color:#FFFFFF;
	font-family: motiva-sans,sans-serif;
	height:210px;
	max-width:300px;
	padding-left:10px;
	background-image: url("/assets/3280/original/200406_HomepageAssets_v1kl4_AI2.jpg");
    background-repeat: no-repeat;
    background-position: right top;
}
.hpAIList a {
	color:#FFFFFF;
}
.hpAdultList {
	background-color: #354d9b;
	color:#FFFFFF;
	font-family: motiva-sans,sans-serif;
	height:210px;
	max-width:300px;
	padding-left:10px;
	background-image: url("https://shamashmedia.jccsf.org/images/web-hp/200831_WebTileUpdate_Wine.jpg");
    background-repeat: no-repeat;
    background-position: right top;
}
.hpAdultList a {
	color:#FFFFFF;
	}
.hpPrideList {
	background-color: #f26a29;
	color:#FFFFFF;
	font-family: motiva-sans,sans-serif;
	height:210px;
	max-width:300px;
	padding-left:10px;
	background-image: url("https://shamashmedia.jccsf.org/images/web-hp/2005601_HomepageAssets_PrideImage_v1kl.jpg");
    background-repeat: no-repeat;
    background-position: right top;
}
.hpPrideList a {
	color:#FFFFFF;
	}
.hpSocialList {
	background-color: #A91F26;
	color:#FFFFFF;
	font-family: motiva-sans,sans-serif;
	height:210px;
	max-width:300px;
	padding-left:10px;
	background-image: url("/assets/3282/original/200507_HomepageAssets_v1kl_athome.jpg");
    background-repeat: no-repeat;
    background-position: right top;
}
.hpSocialList a {
	color:#FFFFFF;
	}

.hpHolidaysList {
	background-color: #067c9b;
	color:#FFFFFF;
	font-family: motiva-sans,sans-serif;
	height:210px;
	max-width:300px;
	padding-left:10px;
	background-image: url("https://shamashmedia.jccsf.org/images/web-hp/200730_WebTileUpdate_Pom.jpg");
    background-repeat: no-repeat;
    background-position: right top;
}
.hpHolidaysList a {
	color:#FFFFFF;
	}

.hpInstitutionalList {
	background-color: #25a1b3;
	color:#FFFFFF;
	font-family: motiva-sans,sans-serif;
	height:210px;
	max-width:300px;
	padding-left:10px;
	background-image: url("/assets/3278/original/200406_DEV_ResilienceFund_HomepageAsset_v1kl.jpg");
    background-repeat: no-repeat;
    background-position: right top;
}
.hpInstitutionalList a {
	color:#FFFFFF;
	}

.hpDaytimeList {
	background-color: #9078b7;
	color:#FFFFFF;
	font-family: motiva-sans,sans-serif;
	height:210px;
	max-width:300px;
	padding-left:10px;
	background-image: url("https://shamashmedia.jccsf.org/images/web-hp/190805_HomepageHighlights_3_AdultDaytimeEvents.png");
    background-repeat: no-repeat;
    background-position: right top;
}
.hpDaytimeList a {
	color:#FFFFFF;
	}

.hpHeader, .hpFooter {
	padding-top:15px;
	padding-bottom:15px;
    max-width: 139px;
}

.hpAdlets {
	max-width: 300px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.hpAdlets img{
	max-width: 300px;
}
/*
COLORS:
June/July 2018
Top bar: #25A0B2 
Navigation: #FFFFFF 
Navigation hover: #FFFFFF 
*/

/* Backdrop */
#backdrop {
	display: none;
	background:transparent url('https://shamashmedia.jccsf.org/images/web_guide/ws_2017/Guide_WS17_BackgroundsSub_v1as.jpg') 50% 0 no-repeat;
	background-size: cover;
}

.page-home #backdrop {
	display: none;
	background:transparent url('https://shamashmedia.jccsf.org/images/web_guide/ws_2017/Guide_WS17_BackgroundsHome_2000_white.jpg') 50% 0 no-repeat;
	background-size: cover;
}

/* Top bar background color */
#header #top .navbar {
	background-color: #25A0B2;
}

/* Top bar font color */
#header #top .navbar .nav > li > a {
	color: #fff;
}

/* Logo */
#logo .logo-desktop {
	background-image: url('/assets/3308/original/JCCSF_logo.png');
}

/* Mobile logo */
#logo .logo-mobile {
	background-image: url('/assets/3307/original/JCCSF_logo_mobile.png');
}

/* Navigation font color */
#header #nav .navbar .nav > li > a {
	color: #005B77;
}

/* Navigation hover color */
#header #nav .navbar .nav > li.hover a, 
#header #nav .navbar .nav > li.trail > a,
#header #nav .navbar .nav > li a:active, 
#header #nav .navbar .nav > li a:focus {
	color: #a82025;
}

/* Navigation expanded menu color */
#header #nav .navbar .menu .menu_links > ul > li > ul > li > a {
	color:#60606E;
}

/* Footer background color */
#footer {
	background: #EFEFEF;
}

/* Footer font color */
#footer .footer_links a, 
#footer .footer_links span,
#footer .footer_address p {
	color: #005B77;
}