/* media queries */
@media screen and (max-width: 719px) {
.arts-subnav >.centered  {
	background-color:#eee!important;
}
  .noPhone, .noTablet, .caption, .center_title {
    display: none;
  }
 
.gsc-input-box {
  height: 30px !important;
}
  .m_title {
     text-transform:uppercase;
    }
  
  .onlyTablet, .onlyDesktop {
    display: none !important;
  }
  /* overrides */
  #logo img {
    content: url(/image/jcc_logo_old.png);
    margin-left: 18px;
  }
  #content {
    margin-top: 0px !important;
  }  
  /* define mobile only styles */
  #mobile_nav {
    text-align: right;
    margin-left:-87%;
    width:180%;
    margin-top:60px;
    margin-bottom:7px;
  }
  
    #mobile_nav > a {
        text-transform:uppercase;
        font-size:1.5em;

	  /* PW, 2-6-15 - commented out, mobile nav icon was pushed off screen to the right */
      /* margin-right: -150px; */
    }
    #mobile_nav .m_items {
      display: none;
      width: 93%;
      text-align: left;
      margin-top: 5px;
      margin-bottom: 9px;
    }
      #mobile_nav .m_items > a {
        display: block;
        font-size: 19px !important;
        text-transform:uppercase;
        text-align:center;
        border: none;
        background-color: #666;
        color: white;
        padding: 6px 4px;
        margin-top: 3px;
      }
      .mobile_section_title{
          margin: 10px 7px 2px 1px;
          text-transform:uppercase;
      }
      .mobile_section_title a{
          color:#fff;
      }


  .mobile_button {
    width: 100%;
    height: 55px;
    font-size: 2.14em;
    line-height: 300%;
    text-align: center;
    color: #fff;
  }
    .mobile_feature {
    width: 100%;
    display:inline-table;
    height: 140px;
    line-height: 200%;
    color: #fff;
    margin-bottom:0px;
   margin-top: 15px;
  }
  .mobile_content .top {
    background-color: #717375;
    font-family:JCCEagleMed;
    text-transform:uppercase;
    font-size:1.3em;
    margin-bottom:15px;
  }
  .mobile_content .middle {
    background-color: #999;
    font-family:JCCEagleMed;
    text-transform:uppercase;
    font-size:1.8em;
  }
  .mobile_content .bottom {
    background-color: #ccc;
    font-family:JCCEagleMed;
    text-transform:uppercase;
   line-height: 215%;
    font-size:1.8em;
  }
    .mobile_content .right {
    background-color: #ccc;
    font-family:JCCEagleMed;
    text-transform:uppercase;
    font-size:1.3em;
    line-height: 100%!important;
    padding-top:.6em;
  }
  .noWrap li {
    display: inline-block;
    font-size: 0.81em;
    border-left: 1px solid #000;
  }
  .noWrap li.first {
    border-left: none;
  }
  .noWrap li a, #mobile_icons a {
    text-align: center !important;
    border: none !important;
    margin: 0 6px;
  }
  #mobile_icons {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  /* today branding */
  #aux {
    width: auto !important;
  }

  
.arts-subnav >.centered  {
	background-color:#fff;
}
.arts-subnav > div:hover {
    color:#fff;
	background-color:#fff;
}

.current > .arts-subnav >.centered  {	
	background-color:#fff;
}

/***************/
.health-subnav >.centered  {
	background-color:#fff;
}
.health-subnav > div:hover {
    color:#fff;
	background-color:#fff;
}
.current > .health-subnav >.centered  {	
	background-color:#fff;
}
/***************/


.family-subnav >.centered  {
	background-color:#fff;
}



.family-subnav > div:hover {
    color:#fff;
	background-color:#fff;
}


.current > .family-subnav >.centered  {	
	background-color:#fff;

}

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

.jewish-subnav >.centered  {
	background-color:#fff;
}

.jewish-subnav > div:hover {
    color:#fff;
	background-color: #fff;
}

.current > .jewish-subnav >.centered  {	
	background-color: #fff;

}

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

.special-subnav >.centered  {
	background-color:#fff;
}

.special-subnav > div:hover {
    color:#fff;
	background-color: #fff;
}

.current > .special-subnav >.centered  {	
	background-color: #fff;

}

/***************/
.film-subnav >.centered  {
	background-color:#fff;
}
.film-subnav > div:hover {
    color:#fff;
	background-color:#fff;
}
.current > .film-subnav >.centered  {	
	background-color:#fff;
}

/*************************/
.social-subnav >.centered  {
	background-color:#fff;
}

.social-subnav > div:hover {
    color:#fff;
	background-color: #fff;
}
/*************************/
.voluntering-subnav >.centered  {
	background-color:#fff;
}

.volunteering-subnav > div:hover {
    color:#fff;
	background-color: #fff;
}

.current > .social-subnav >.centered  {	
	background-color:#fff;

}
.centered{
	background-color: #FFF!important;
}

}
@media screen and (min-width: 720px) and (max-width: 959px) {
    
    #site {
    width: 720px;
  }    
  #mobile_nav, .mobile_section_title {
      display:none !important;
  }

  #aux {
    width: 100%;
    margin-top: 8px;
  }
    #aux .left {
      float: left;
      width: 476px;
      height: 225px;
      overflow-y: auto;
      overflow-x: hidden;
      margin-right: 4px;
    }
    #aux .right {
      float: left;
      width: 236px;
      height: 225px;
      overflow-y: auto;
      overflow-x: hidden;
      margin-left: 4px;
    }
  #menu .knockout {
    font-size: 1.5em;
    line-height: 1.5em;
    text-align: center;
  }
  .noTablet {
    display: none;
  }
  .onlyPhone, .onlyDesktop {
    display: none !important;
  }
  /* today branding */
  #aux {
    width: auto !important;
  }

}
@media screen and (min-width: 960px) {
  #site {
    width: 1060px;
    padding-left: 10px;
  }
    .mobile_section_title{
      display:none !important;
  }
  #menu .knockout {
    font-size: 2em;
    line-height: 2em;
    text-align: center;
    margin-bottom: 20px; 
  }
  .onlyPhone, .onlyTablet {
    display: none !important;
  }

  /* today branding */
  #aux {
    width: 260px;
    padding-left: 10px !important;
  }
    #aux .left {
      margin-bottom: 10px;
      height: 290px;
      overflow-y: auto;
    }
    #aux .right {
	  /* heigh: 211px; height change for home page bottom right image */
      height: 292px;
      overflow-y: auto;
    }

}

/* global */
body {
	color: #333333;
	background-color: #ffffff;
}
#site {
  padding-top: 60px;
  margin: 0 auto;
}
#alerts { font-size: 0.8em; }
#alerts b, #alerts strong {
  color: red;
}
.sm_icon { border: none !important; }
a { color: #000; text-decoration: none; }
  a:hover {
    color: #000;
    text-decoration: none;
    outline: 0;
  }
  a:focus {
    color: #000;
    text-decoration: underline;
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
.nav a:hover {
  /*text-decoration: none !important;*/
  text-decoration:underline;
}
a img { border: none; }
.always a {
	color: #000;
}
.active a, .current a {
	color: #000;
}
.nav ul, ul.row {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav ul.row {
  width: auto;
  display: inline-block;
}
.nav li, {
  display: inline-block;
  float: left;
}

  .nav li + li, #footer li + li {
    border-left: 1px solid #aaa;
    /*
    margin-left: 0.3em;
    padding-left: 0.5em;
    */
  }

#phone, #address {  /* had to chenge this right here* 6-19-13 */
  /*font-size: 0.75em;*/ 
   /*font-family: 'Whitney A', 'Whitney B'; font-weight: 400; font-style: normal; */
   font-family: "Eagle-Light", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.nav li.first a, #footer li.first a {
  border-left: none;
}
#content, #search_bar {
  margin-top: 8px;
}
#search_bar {
  text-align: right;
}
input[name $= "search"] {
  width:85%;
  margin: 0;
  background-image: url(/image/mag.png);
  background-position: center right;
  background-repeat: no-repeat;
  padding: 5px 20px 5px 5px;
  border: 1px solid #000;
  float: left;
}
#web {
  color: #fff;
  text-align: center;
  font-size: 0.65em;
  font-family: 'Courier New';
}
.centered {
  text-align: center;
}
.center {
  font-size: 2.5em;
  line-height: 100%;
}
#right_nav_links {
  float: right;
}
#footer_ul {
  float: right;
  margin-bottom:5px;
  margin-top:5px;
}

.caption {
  max-width: 595px;
  position: absolute;
  background-image: url(/image/trans2.png);
  bottom: 4px!important;
  left: 4px;
  right: 4px;
  color: #fff;
  text-align: right;
  padding: 10px 13px 10px 13px;
}
.first .caption { left: 0px; }
.last .caption { right: 0px; }
.caption .title {
  font-family: "JCCEagleMed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: right;
  padding: 10px;
  text-transform:uppercase;
}
.caption .blurb {
  white-space: normal;
  padding: 0 10px 10px 50px;
}


.textonly {
  /*border: 1px solid #666; */
}

  .textonly h3 {
    margin: 0 -4px 5px 0px;
    padding: 0 8px 0 0;
    display: block;
    /*color: #fff;*/
    /*text-align: right; */
	clear: both;
    /*background-image: url(/image/trans2.png);*/
  }
  .textonly .caption {
    position: relative;
    margin: 0 -4px;
    left: 0 !important;
  }
  .textonly p {
    margin-top: 5px;
  }
#logo {
  margin-bottom: 15px;
}
.placeholder
{
  color: #aaa;
}

/* menu */
#menu { 
  position: absolute;
  background-color: #ffffff!important;
  z-index: 10;
  margin: 0 auto;
  /*
  border: 1px solid #000;
  border-top: none;
  */
  padding-bottom: 4px;
  -webkit-box-shadow: #666 5px 5px 5px;
  -moz-box-shadow: #666 5px 5px 5px;
  box-shadow: #666 5px 5px 5px;
  -ms-behavior: url(/style/ie/PIE.htc);

}
  #menu li {
    white-space: normal;
  }
  
  #menu li > a:hover {
   text-decoration: underline;
  }
  
  #menu  > a:hover {
   color: #333;
   text-decoration: underline;
  }
  
  
#menu > div {
  overflow: hidden;
  /*font-size: 0.85em;*/
  padding: 4px 4px 0 4px;
}
  /*#menu .branding { height: 90px; }  */
  #menu .column {
    padding: 0 10px 20px 10px !important;
  }
  #menu .column + .column, #menu .col + .col {
    border-left: 2px dotted #ddd;
  }
  #menu h3 {
    display: block;
    margin: 20px 0 0 0;
    /* border-bottom: 1px solid #ddd; */
    padding: 0 0;
    /*font-size: 1.25em;*/
  }

/* menu 2*/
#logon_box {
  display: none;
  position: absolute;
  right: 0;
  z-index: 50;
  width: 320px;
  height: 120px;
  background-color: #fff;
  overflow: hidden;
}
  #logon_box iframe {
    overflow: hidden;
    width: 100%;
    height: 120px;
  }
/* today branding*/
#today {
  background-image: url(/image/JCC_building.jpg);
  background-size: cover;
  color: #fff;
  -ms-behavior: url(/style/ie/backgroundsize.min.htc);
}
  #today a {
    color: #fff;
    display: inline-block;
    padding: 4px 8px;
    /*background-image: url(/image/trans2.png);*/
    /*text-align: right;*/
    float: left;
  }
  #today a[href $= "calendar.aspx"] {
    background-image: url(/image/trans2.png);
  }
  #today .day {
    font-size: 1.5em;
  }
#donate_now {
  position: absolute;
  bottom: 0;
  background-color: #333;
  color: #fff;
  height: 48px;
  text-align: left;
}
  #donate_now div {
    height: 100%;
  }
  #donate_now img {
    margin: -10px auto 0 auto;
    top: 50%;
    display: block;
  }
/* center colors */
/* menu highlights */
.arts-ideas h3 > a, label.arts-ideas{

color: #006f62;
}

.film h3 > a, label.film{

color: #006f62;
}


.social-action h3 > a, label.social-action
{ color: #a63935;}

.volunteering h3 > a, label.volunteering
{ color: #a63935;}




.family-life h3 > a, label.family-life
{ 
	color:#66435a;
}



.health-wellness h3 >a, label.health-wellness
{ color: #787121; }


.israel h3 > a, label.israel
{ color: #006a8e; }



.jewish-living h3 > a, label.jewish-living 
{ color: #7d2248; }



.special-needs h3  > a, label.special-needs
{ color: #be4d00; }


.communities h3  > a, label.communities 
{ color: #616265; }


.israel h3  > a, label.israel
{ color: #006a8e; }


.social-action h3 > a, label.social-action
{ color: #a63935;}

.volunteering h3 > a, label.volunteering
{ color: #a63935;}



.arts-ideas h3 > a:hover,.film h3 > .social-action h3 > a:hover, .family-life h3 > a:hover,
.health-wellness h3 > a:hover, .israel h3 > a:hover, .jewish-living h3 > a:hover, 
.special-needs h3 > a:hover, .communities h3 > a:hover, .Israel h3 > a:hover, .social-action h3 > a:hover
{
		color: #333;
	    text-decoration: underline;
}



/* unnamed */
.about .knockout, #sidebar.about, 
.membership .knockout, #sidebar.membership, #sidebar.social-action .knockout
{ background-color: #777 !important; color: #fff !important; }



/* PW - 2/11/15 - removed styling, previously would reveal some color (#777) under the center image, above left side nav */
/*
#badge.about, #badge.membership {
	background-color: #777 !important; color: #fff !important;
}
*/


.m_badge.About {
	background-color: #616265 !important;
	color: #fff;
}
.m_badge.about {
	background-color: #616265 !important;
	color: #fff;
}
.m_badge.Membership {
	background-color: #616265 !important;
	color: #fff;
}
.m_badge.membership {
	background-color: #616265 !important;
	color: #fff;
}
.m_badge.give {
	background-color: #616265 !important;
	color: #fff;
}
.m_badge.communities {
	background-color: #616265 !important;
	color: #fff;
}


/* named */
 #sidebar.arts-ideas, .m_badge.arts-ideas{
background-color: #006f62 !important; color: #fff;
}
  #sidebar.film, .m_badge.film{
background-color: #006f62 !important; color: #fff;
}
/*
.arts-ideas .knockout, #badge.arts-ideas{
	background-color: #c36188 !important; color: #fff;
}
*/



#sidebar.jewish-living, .m_badge.jewish-living
{background-color: #7d2248 !important; color: #fff; }


/*
.jewish-living .knockout, #badge.jewish-living{
	background-color: #6393bf !important; color: #fff;
}

*/

 #sidebar.family-life, .m_badge.family-life
{ background-color: #66435a !important; color: #fff; }
  #sidebar.health-wellness, .m_badge.health-wellness
{ background-color: #787121 !important; color: #fff; }

/*
.family-life .knockout, #badge.family-life{
background-color: #8d7a98 !important; color: #76bd1d; 

}
*/

/*
#badge.health-wellness, .health-wellness .knockout,{
background-color: #9fb748 !important; color: #543019;
}
*/

 #sidebar.israel, .m_badge.israel
{ background-color: #006a8e !important; color: #ffffff; }


/*
.israel .knockout, #badge.israel{
background-color: #45aec5 !important; color: #ffffff; 
}
*/



 #sidebar.special-needs, .m_badge.special-needs
{ background-color: #be4d00 !important; color: #fff; }


/*
.special-needs .knockout, #badge.special-needs{
background-color: #ff965b !important; color: #006993;
}
*/

 #sidebar.social-action, .m_badge.social-action{
	background-color: #a63935 !important; color: #fff;
}
/*
#badge.social-action{
}
*/
 #sidebar.volunteering, .m_badge.volunteering{
	background-color: #a63935 !important; color: #fff;
}



#content {
  margin-top: 40px;
}


/* Program Area Layout */

#prog_area_box {
  min-height: 140px;
  clear: both;
  margin-bottom: 20px;
}

.prog_icon {
  width: 133px;
  display: inline-block;
  text-decoration: none;
  margin: 10px 0px;
  float: left;
}
.prog_icon img {
  width: 68px;
  margin-left: auto; margin-right: auto;
  display: block;
}
.prog_icon span {
  height: 40px;
  padding-top: 10px;
  display: block;
  text-align: center;
}
.prog_icon span:hover {
  color: black;
}


/* search results layout */

/*
#___gcse_2 {
  display: inline-block;
  width: 79.75%;
  margin-right: 5px;
}
*/

/*
#other_results {
  display: inline-block;
  width: 18.9%;
  height: 100%;

  padding: 1em;
  border: 1px solid #6FA8DC;
  box-sizing: border-box;
  position: relative;
  float: right;
}*/
#other_results {
	font-family: "Eagle-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	height: 100%;
	padding: 0 1em 0 1.55em;
	box-sizing: border-box;
	position: relative;
	font-weight: 800;
	color: #525456;

}
#other_results h3 {
	font-family: "Eagle-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: inline-block;
	margin: 0 0 7px 0;
	font-weight: 600;
	font-size: 1.5em;
	letter-spacing: 0.04em;	
}
#other_results a {
	color: blue;
	text-decoration: none;
}
#other_results p {
	margin-top: 0;
	margin-bottom: 0;
}

.gsc-search-button {
	box-sizing: initial;
}

/* image left*/
.left-align-image {float:left; margin-right:10px}

p a{text-decoration:underline;}
/* Home page caption*/
.hp_caption {
  font-family: JCCEagleMed,"Helvetica Neue", Helvetica, Arial, sans-serif;
  max-width: 595px;
  position: absolute;
  background-image: url(/image/trans2.png);
  bottom: 0px!important;
  left: 5px;
  right: 4px;
  color: #fff;
  text-align: right;
  padding: 10px 13px 10px 13px;
}
.first .hp_caption { left: 0px; }
.last .hp_caption { right: 0px; }
.hp_caption .title {
  text-align: right;
  padding: 10px;
  text-transform:uppercase;
}
.hp_caption .blurb {
  white-space: normal;
  padding: 0 10px 10px 50px;
 
}

/* class created to 'hide' sidebar */
.sidebar_bg_color_white {
	background-color: white !important;
}


/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/* font smoothing technique on FF, Saf, Chrome */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}