/* Artfully masterminded by ZURB  */

/* --------------------------------------------------
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
*/
.splashContent {
	background: #e3f2f9 url(/img/splash_feet.png);
	text-align:center;	
}

.splashLink{
	font-size: 16px;
	
}

.splashWelcome {
	background: #fff;
	padding: 15px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
}

.splashWelcome p, .splashWelcome li, .splashWelcome ul{
	font-size:1.0em;
	text-align:left;	
}
/*
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */


body {
	height: 100%;
	
	
}

h3{
	
	font-family: 'Gentium Basic', serif;
	font-size: 26px;
	font-weight:normal;
}
h5{
	
	font-family: 'Gentium Basic', serif;
	font-size: 16px;
	font-weight:normal;
	display:block;
	
}

.parentHeader {
	float: right;
	font-family: 'Gentium Basic', serif;
	font-size: 42px;
	
	margin: 50px 0 0 0;	
}

.phyHeader {
	float: right;
	font-family: 'Gentium Basic', serif;
	font-size: 42px;
	
	margin: 0px 0 0 0;	
}

.leftHeader {
	background: #607022;
	height: 225px;
	
	margin: 0;	
}

.rightHeader {
	background: #e3f2f9 url(/parents/img/parents_rbr_baby_foot.png) no-repeat 0 0;
	height: 225px;
	margin: 0;	
}

.rightHeader h1, .splashContent h1{

	font-family: 'Gentium Basic', serif;
	font-weight:normal;
	font-size: 25px;
	text-align:right;
}

.rightHeader h1 span{
	font-weight:bold;
	font-size: 25px;
}

.rightHeader h2{
	
	font-family: 'Gentium Basic', serif;
	font-size: 26px;
	font-weight:normal;
	text-align:right;
}
.leftMenu {
	background: #607022;
}

.rightMenu {
	background:#e3f2f9;	
}

.rightContent {
	background: #e3f2f9;
	min-height: 1000px;
}


.leftMenu {
	min-height: 1000px;
	margin: 0;
	color: #FFC;
}

.leftMenu ol{
	list-style:none;
	margin: 0 0 0 0px;
	
}

.leftMenu ol ol{
	list-style:none;
	
}

.leftMenu ul li{

	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFC;
	margin: 0 0 0 0px;
	
}

.leftMenu ul li a{
	text-decoration: none;
	color: #fff;
}

.leftMenu ul li li{
	margin: 0 0 0 0px;
	font-size: 11px;
}

.parResource{
	font-weight:bold;
	margin: 0 0 10px 0;
}

.parResource span p{
	margin: 0 0 0 10px;
	font-weight:normal;	
}

.parResource span p a{
	font-weight:bold;	
}
.leftMenu .button{
	width: 200px;
	text-align:left;
	font-size: 11px;
}


.cl1, .cl1:hover {
	background: #e28450;
		
}

.cl2, .cl2:hover {
	background: #d25f6d;
		
}

.cl3, .cl3:hover {
	background: #5b9c99;
		
}

.cl4, .cl4:hover {
	background: #796f89;
		
}

.cl5, .cl5:hover {
	background: #d596ac;
		
}

.cl6, .cl6:hover {
	background: #456677;
		
}

.cl7, .cl7:hover {
	background: #6c994f;
		
}

.cl8, .cl8:hover {
	background: #d06a85;
		
}

.cl9, .cl9:hover {
	background: #737ab6;
		
}

.cl10, .cl10:hover {
	background: #efb05b;
		
}

.cl11, .cl11:hover {
	background: #96a756;
	
}

.home_text h1{
	font-size: 24px;
	font-family: 'Gentium Basic', serif;
}
.home_text ul{
	margin: 0 0 10px 20px;
}

.home_callout {
	margin: 0px 0 0 0px;
	padding: 5px;
	font-size: 13px;
}

.hidden {

  display: none;

  visibility: hidden;

}

.visible-phone {

  display: none;

}

.visible-tablet {

  display: none;

}

.visible-desktop {

  display: block;

}

.hidden-phone {

  display: block;

}

.hidden-tablet {

  display: block;

}

.hidden-desktop {

  display: none;

}

.nav-bar li{
	font-size: 10px;	
}

navPhy ul, navTopic ul, navAge ul {
	display: block;
	
}

navPhy select, navTopic select, navAge select {
	display: none;
}

#navPhy ul {
	margin: 0 0 0 0px;
	list-style:none;
}
#navPhy ul li a{
	font-size: 12px;
	color: #FFFFCC;
}
#navPhy ul ul {
	margin: 0 0 0 20px;
}

.topMenu {
	margin: -10px auto 10px;
	padding: 5px;
	text-align: center;
	font-size: 18px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	width: 90%;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
}

.topMenu a{
	text-decoration: none;
	color: #000;
	margin: 1px 0 0 0;
	display: inline-block;
}

.bottomMenu {
	margin: 10px auto 10px;
	padding: 5px;
	text-align: center;
	font-size: 12px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	width: 90%;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
}

.bottomMenu a{
	text-decoration: none;
	color: #000;
	margin: 1px 0 0 0;
	display: inline-block;
}

.announce {
	background: #f4f4f4;
	border:4px solid #d8d8d8;
	padding: 5px;
	margin: 10px 0 0 0px;
}

.announce h3{
	margin: 0px 0 5px 0px;
}

.announce h4{
	margin: 0px 0 0 0px;
}


.newsItem{
	margin: 10px 0px 10px 10px;


}

.newsItem a{
	text-decoration:none;
	
}



div.panel {
	background: #ffffeb;
	margin: 0px;
	padding: 5px;
}


.nav-bar{
		height:40px;background:none;margin-top:20px;padding:0
	}
.nav-bar>li{
		float:left;
		display:block;
		position:relative;
		padding:0;
		margin:5px 0 5px 0;
		line-height:38px;
		background:none;
		border: 0px;
	}

.nav-bar>li.active{
	background: none;border-color:#2284a1
	}
.nav-bar>li.active a{
		color:#fff;cursor:default
	}
.nav-bar>li.active:hover{
	cursor:default
	}
.nav-bar>li:hover{
	background:none;
	}
.nav-bar>li a{color:#e6e6e6}.nav-bar>li ul{margin-bottom:0}.nav-bar>li .flyout{display:none}.nav-bar>li.has-flyout>a:first-child{padding-right:36px;position:relative}
.nav-bar>li.has-flyout>a:first-child:after{content:"";display:block;width:0;height:0;border:solid 4px;border-color:#e6e6e6 transparent transparent transparent;position:absolute;right:20px;top:17px}
.nav-bar>li.has-flyout>a.flyout-toggle{border-left:0 !important;position:absolute;right:0;top:0;padding:22px;z-index:2;display:block}
.nav-bar>li.has-flyout.is-touch>a:first-child{padding-right:55px}
.nav-bar>li.has-flyout.is-touch>a.flyout-toggle{border-left:0px dashed #666}
.nav-bar>li>a:first-child{position:relative;padding:0 20px;display:block;text-decoration:none;font-size:12px; margin: 2px 0;}
.nav-bar>li>input{margin:0 10px}
.nav-bar.vertical{height:auto;margin-top:0}.nav-bar.vertical>li{float:none;border-bottom:none}
.nav-bar.vertical>li.has-flyout>a:first-child:after{content:"";display:block;width:0;height:0;border:solid 4px;border-color:transparent transparent transparent #e6e6e6}
.nav-bar.vertical>li .flyout{left:100%;top:-1px}.nav-bar.vertical>li .flyout.right{left:auto;right:100%}
.flyout{background:#f2f2f2;padding:20px;margin:0;border:1px solid #d9d9d9;position:absolute;top:39px;left:-1px;width:250px;z-index:40;-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.1);box-shadow:0 1px 5px rgba(0,0,0,0.1)}
.flyout p{line-height:1.2;font-size:13px}
.flyout *:first-child{margin-top:0}
.flyout *:last-child{margin-bottom:0}.flyout.small{width:166.667px}.flyout.large{width:437.5px}.flyout.right{left:auto;right:-2px}
ul.flyout,.nav-bar li ul{padding:0;list-style:none}ul.flyout li,.nav-bar li ul li{border-left:solid 3px #CCC}

ul.flyout li a,.nav-bar li ul li a{background: none;border:1px solid #e6e6e6;border-width:1px 1px 0 0;color:#555;display:block;font-size:12px;height:auto;line-height:1;padding:15px 20px;-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset}ul.flyout li a:hover,.nav-bar li ul li a:hover{background:#ebebeb;color:#333}


#container {


  margin: 0px;
}
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}


/**** Example Options ****/

#optionNav {
  padding-bottom: 1.0em;
  margin: 0 auto;
}

#optionNav h3 {
  margin-bottom: 0.2em;
  font-size: 15px;
}

#optionNav h4 { 
  font-weight: bold;
}

.ageFilter {
	margin: 0 auto;
	border: 1px solid;

}
#optionNav ul {

  list-style: none;
  float:right; 
}

.option-set{
	
}

#optionNav li {
  float: left;
  margin-bottom: 0.2em;
}

#optionNav li a {
  font-family: 'Share', cursive;
  display: block;
  padding: 0.3em 0.3em;
  background-color: #DDD;
  color: #222;
  font-weight: normal;
  text-shadow: 0 1px hsla( 0, 0%, 100%, 0.5 );
  background-image: -webkit-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:    -moz-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:     -ms-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:      -o-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:         linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  font-size:11px;font-size:1.1 rem
}

#optionNav li a:hover {
  background-color: #5BF;
}

#optionNav li a:active {
  background-color: #39D;
  -webkit-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
     -moz-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
       -o-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
          box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
}

#optionNav li a {
  border-left:  1px solid hsla( 0, 0%, 100%, 0.3 );
  border-right: 1px solid hsla( 0, 0%,   0%, 0.2 );
}



#optionNav li a.selected {
  background-color: #13F;
  text-shadow: none;
  color: white;
}


.parentNavBar {
	background: #fff;
	padding: 10px 5px 0px 5px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	vertical-align:middle;
}

.HomeBTN {
	text-indent: -9999px;
	background:url(../img/home_icon.png) no-repeat;
	width: 48px;
	height: 48px;	
}

@media (max-width: 767px) {

.leftMenu {
	min-height: 120px;
}
.leftMenu ol {
	margin: 0px 0px 0px -35px;	
}

.mobileLogo {
	position: absolute;
	top: 0;
	right: 0;
	width: 125px;
}
.topMenu {
	margin: 0px auto 10px;
	padding: 5px;
	text-align: center;
	font-size: 14px;
	border-top: 0px solid;
	border-bottom: 1px solid;
	width: 90%;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
}

.topMenu a{
	text-decoration: none;
	color: #000;
	margin: 1px 0 0 0;
	display: inline-block;
}
navPhy select,navTopic select, navAge select {
	display: block;
	width: 150px;
}

navPhy select option,navTopic select option, navAge select option {
	font-size: 10px;
}

navPhy ul, navTopic ul, navAge ul {
	display: none;
}
  .visible-phone {

    display: block;

  }

  .hidden-phone {

    display: none;

  }

  .hidden-desktop {

    display: block;

  }

  .visible-desktop {

    display: none;

  }

}

@media (min-width: 768px) and (max-width: 979px) {

.leftMenu ol {
	margin: 0px 0px 0px -40px;	
}

.mobileLogo {
	display: none;
	margin: 0 0 0 -9000px;
}

  .visible-tablet {

    display: block;

  }

  .hidden-tablet {

    display: none;

  }

  .hidden-desktop {

    display: block;

  }

  .visible-desktop {

    display: none;

  }

}


/* -----------------------------------------
   Page Name 1
----------------------------------------- */




/* -----------------------------------------
   Page Name 2
----------------------------------------- */