@charset "UTF-8";

body {
	/*width:100%;
	height:100%;*/
	margin:0px;
	background-color:#D5CFC6;
	
}
/*html {
	width:100%;
	height:100%;
}*/

/*Fix problem with iPhone fonts being too large in landscape*/
body {-webkit-text-size-adjust: none;}


.bgtable {
	width:100%;
	/*table-layout:fixed;*/
	display:block;
}
.maintable {
	width:100%;
	max-width:930px;
	/*table-layout:fixed;*/
	display:block;
}
.contentarea {
	/*width:100%;*/
	/*max-width:930px;*/
	/*table-layout:fixed;*/
	background-color:#E9E5E1; 
	/*padding:70px;*/ 
	padding-left:110px; 
	padding-right:110px;
	padding-top:75px;
	padding-bottom:75px;
	display:block;
}
.contentarea_classroom {
	/*width:100%;*/
	/*max-width:930px;*/
	/*table-layout:fixed;*/
	background-color:#E9E5E1; 
	/*padding:70px;*/ 
	padding-left:110px; 
	padding-right:110px;
	padding-top:35px;
	padding-bottom:35px;
	display:block;
}
.head1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 38px;
}
.maintext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #595959;
	line-height: 20px;
}
.maintext a {
	color: #6D8071;
	text-decoration:underline;
}
.navtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color:#DABEB2;
	-webkit-font-smoothing: antialiased;
	font-weight: 200;
}
.prevnext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#6D8071;
	-webkit-font-smoothing: antialiased;
	font-weight: 200;
}
.prevnext a {
	color:#6D8071;
	text-decoration:none;
}
.prevnext a:hover {
	color:#6D8071;
	text-decoration:underline;
}
.breadcrumbs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #595959;
}
.breadcrumbs a {
	color: #6D8071;
	text-decoration:underline;
}
.breadcrumbs a:hover {
	color: #6D8071;
}
.head2-white {
	font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:26px;
	font-weight:bold;
	color:#E9E5E1;
}
.head2-white a {
	text-decoration: none;
	color:#E9E5E1;
}
.head2-white a:hover {
	text-decoration: underline;
	color:#E9E5E1;
}
.text-white {
	font-family: Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#E9E5E1;
}
.tickertitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#6D8071;
	float: left;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:39px;
	color:#6D8071;
	margin:0px;
	font-weight:100;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#6D8071;
	margin:0px;
	font-weight:100;
}

.mobilenavcontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color:#DABEB2;
	-webkit-font-smoothing: antialiased;
	font-weight: 200;
	line-height: 28px;
}	
.navtext a, .mobilenavcontent a {
	color:#DABEB2;
	text-decoration:none;
}

nav ul, nav:active ul { 
		display: none;
		position: absolute;
		padding: 20px;
		background: #fff;
		border: 5px solid #444;
		right: 20px;
		top: 60px;
		width: 50%;
		border-radius: 4px 0 4px 4px;
	}

nav li {
		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;
	}

nav:hover ul {
		display: none;
	}

.valign_parent {
		display:table;
		height:100%;
}

.valign_child {
	display:table-cell;
	vertical-align:middle;
}
	

/* ----------------------SHOW OR HIDE------------------------------- */
	
#menu-icon {
	display: none;
	width: 40px;
	height: 40px;
	background: center;
}
	
#shirtssm {
	display: none;
}
#logosm {
	display: none;
}
#hslide-sm {
	display: none;
}
#mobilenavcontent {
	display: none;
}
#mobilenav {
	display: none;
}
#imgsm {
	display: none;
}
.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}
.classroomimage {
	max-width:100%;
	width:100%;
	height:auto;
}



/* ----------------------------------------------------- */
/* ---------------- COUCH PAGINATOR   ------------------ */
/* ----------------------------------------------------- */

/*
    Paginator -
    Source: http://www.strangerstudios.com/sandbox/pagination/diggstyle.php (strangerstudios.com)
*/

div.pagination {
    padding: 3px;
    margin: 3px;
}

div.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #AAAADD;
    zoom: 100%;
    text-decoration: none; /* no underline */
    color: #000099;
}
div.pagination a:hover, div.pagination a:active {
    border: 1px solid #000099;

    color: #000;
}
div.pagination span.page_current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #000099;

    * zoom: 100%;

    font-weight: bold;
    background-color: #000099;
    color: #FFF;
}
div.pagination span.page_disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;

    * zoom: 100%;

    color: #DDD;
}

* span.elipsis {zoom:100%}


/* ----------------------------------------------------- */
/* ---------------- COUCH PAGINATOR   ------------------ */
/* ----------------------------------------------------- */



	

/* ----------------------------------------------------- */
/* ---------------------- COLUMNS  -------------------- */
/* ----------------------------------------------------- */

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP - HOME  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2.9%;
}
.col:first-child { margin-left: 0; }

/*  COLUMN SETUP - ABOUT  */
.colabout {
	display: block;
	float:left;
	margin: 1% 0 1% 2.9%;
}
.colabout:first-child { margin-left: 0; }

/*  COLUMN SETUP - CLASSROOM-JOIN  */
.colclassjoin {
	display: block;
	float:left;
	margin: 1% 0 1% 2.9%;
}
.colclassjoin:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF THREE - HOME  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 65.7%; }
.span_1_of_3 { width: 31.4%; }

/*  GRID OF TWO - ABOUT */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 48.0%;
}

/*  GRID OF TWO - CLASSROOM-JOIN */
.span_2_of_2_classjoin {
	width: 100%;
}
.span_1_of_2_classjoin {
	width: 48.0%;
	text-align:left;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 600px) {
	.col {  margin: 3% 0 3% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }

	.colabout { margin: 1% 0 3% 0%; }
	.span_2_of_2, .span_1_of_2 { width: 100%; }

	.colclassjoin { margin: 1% 0 3% 0%; }
	.span_2_of_2_classjoin, .span_1_of_2_classjoin { width: 100%; }

}


/* ---------------------- TABLE BASED COLUMNS (DIVS SUCK)  -------------------- */


.boxes {
  display:table;
  width: 100%;
  height: 100%;
}

.box {
  display: table-cell;
  vertical-align:middle;
  position:relative;
/*  line-height: 13em;*/
}
.box1{
  max-width:297px;
  min-width:200px;
}

/*.box1 {
	background-color:#FC9;
}

.box2 {
	background-color:#C36;
}

.box3 {
	background-color:#396;
}

.box4 {
	background-color:#99C
}*/


@media (max-width: 500px) {
    .box {
        display: block;
		width: 100% !important;
		display:inline-block;
    }
	.table-cell {
        display:inline-block;
    }
	.box1{
		float:left;
	}
}


/* ---------------------- TABLE BASED COLUMNS (DIVS SUCK)  -------------------- */


/* ----------------------------------------------------- */
/* ---------------------- END COLUMNS  -------------------- */
/* ----------------------------------------------------- */




	

/*MEDIA QUERY for small screen */
@media (max-width: 767px){
	#menu-icon {
		display:inline-block;
	}
	
#standardnav {
		display:none;
	}

#logolg {
	display: none;
}
#logosm {
	display: block;
}
#hslide-lg {
	display: none;
}
#hslide-sm {
	display: block;
	max-width: 250px;
	padding-left:28px;
}
.text-white {
	font-size:14px;
}
.contentarea {
	/*table-layout:fixed;*/
	background-color:#E9E5E1;  
	padding-left:15px; 
	padding-right:15px;
	padding-top:15px;
	padding-bottom:15px;
}
.contentarea_classroom {
	/*table-layout:fixed;*/
	background-color:#E9E5E1;  
	padding-left:15px; 
	padding-right:15px;
	padding-top:19px;
	padding-bottom:15px;
}
}

/*MEDIA QUERY for small screen portrait*/
@media only screen and (max-width : 570px) 
and (orientation : portrait)

{
	
/*Fix problem with iPhone fonts being too large in landscape*/
body {-webkit-text-size-adjust: none;}
	
#menu-icon {
		display:inline-block;
	}
	
#standardnav {
		display:none;
	}

nav ul, nav:active ul { 
		display: none;
		position: absolute;
		padding: 20px;
		background: #fff;
		border: 5px solid #444;
		right: 20px;
		top: 30px;
		width: 50%;
		border-radius: 0px 0 0px 0px;
		list-style:none;
	}

	nav li {
		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;
	}

	nav:hover ul {
		display: block;
	}
	
#shirtslg {
	display: none;
}
#shirtssm {
	display: block;
}
#logolg {
	display: none;
}
#logosm {
	display: block;
}
#hslide-lg {
	display: none;
}
#hslide-sm {
	display: block;
	max-width: 250px;
	padding-left:28px;
}
#imglg {
	display: none;
}
#imgsm {
	display: block;
}

}

	
/*MEDIA QUERY*/
/*@media 
and (orientation : landscape)

{
	
#logolg {
	display: none;
}
#logosm {
	display: block;
}*/
	
	
/* 
B E A R
   
For Super Simple Responsive Content
By William Leeks - http://williamleeks.com 
*/
	
.mama-bear{
	min-width: 100px;
	width: 100%;
}
.baby-bear {
	float: none;
	min-width: 100px;
	width: 100%;
}
.baby-bear-right {
	float: none;
	min-width: 100px;
	width: 92%;
	margin-top: 20px;
	background-color:#CCC; 
	padding:20px;
	margin-left:40px;
}



/*MEDIA QUERY hide mobile elements on desktop*/

@media (min-width: 768px){
	#mobilenavcontent {
    	display: none !important;
	}
}

/* Ticker Styles */

ul.blog {
    float: left;
    /*line-height: 30px;*/
	line-height: 20px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
	margin-top: 4px;
}

.blogPostTitle a.title{
	color: #6d8071;
    text-decoration: none;	
}

.blogPostTitle a.title:hover{
	color: #fff;
    background-color: #6d8071;
}

a.readmore{
	color: #9f5b3c !important;
    text-decoration: none;	
}

a.readmore:hover{
	color: #fff !important;
    background-color: #9f5b3c;
}

.tickertitle {
	float: left;
}



/* -------------------------------------------------- 
	:: WOAHbar
---------------------------------------------------*/

.woahbar 
{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 32px;  /* << set custom WOAHbar height */
  z-index: 100;   /* << DO NOT EDIT, KEEPS WOAHbar ON TOP OF PAGE CONTENT */
  padding: 15px 0 5px 0;
  text-align: center;
  font-size: 16px;  /* << set custom WOAHbar font size */
  font-weight: bold !important;  /* << set custom WOAHbar font weight */
  color: #DABEB2;  /* << set custom WOAHbar font color */
  background-color: #242424;  /* << set custom bar color here */
  border-bottom: 0px solid #1c1c1c;  /* << set custom bottom border thickness & color here */
  -webkit-box-shadow: 0 8px 6px -6px #333;  /* << set custom css box shadow */
  -moz-box-shadow: 0 8px 6px -6px #333;  /* << set custom css box shadow */
  box-shadow: 0 8px 6px -6px #333;   /* << set custom css box shadow */
}
 
.woahbar-stub 
{
  position: fixed;
  top: -10px;
  left: 0px;
  width: 100%;
  height: 19px;
  z-index: 200;
  padding: 7px 0 5px 0;
  text-align: center;
}
 
.woahbar span 
{
  float: left;
  /*padding-left:42px;*/
  /*width: 95%;*/
  /*width:90%;*/
  width:100%;
  text-align: center;å
  padding-top: 2px;
}
 
.show-notify 
{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 3px solid #636363;
  box-shadow: 0 0 5px rgba(0,0,0,0.35);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.35);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.35);
  float: right;
  margin-right: 10px;
  color: #fff;
  width: 35px;
  height: 33px;
  text-decoration: none;
  background-color: #3E3E3E; /* << set custom bar color here */
  cursor:pointer;
}


.show-notify:hover 
{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 3px solid #8A8A8A;
  box-shadow: 0 0 5px rgba(0,0,0,0.35);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.35);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.35);
  float: right;
  margin-right: 10px;
  color: #fff;
  width: 35px;
  height: 33px;
  text-decoration: none;
  background-color: #525252; /* << set custom bar color here */
  cursor:pointer;
}


.woahbar-up-arrow:hover 
{
  background: url(woahbar-up-arrow-hover.png);
}

.close-notify 
{
  float: right;
  margin-top:3px;
  margin-right: 22px;
  color: #fff;
  width: 17px;
  height: 19px;
  text-decoration: none;
  background-color: #242424; /* << set custom bar color here */
  cursor:pointer;
  position:fixed; /* << custom add */
  right:5px; /* << custom add */
}
 
.woahbartext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#DABEB2;
	-webkit-font-smoothing: antialiased;
	font-weight: 200;
}
 

.woahbar-link 
{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 20px;
  background: #BF7548; 
  color: #242424 !important;
  padding: 1px 8px 3px 8px;
  text-decoration:none;
  font-weight:bold;
}
 
.woahbar-link:hover 
{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 20px;
  background: #7B8F7F; /* Old browsers */
  color: white;
  padding: 1px 8px 3px 8px;
  text-decoration: none;
}



/* -------------------------------------------------- 
	:: Mobile WOAHbar
---------------------------------------------------*/

.mwoahbar
{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 32px;  /* << set custom WOAHbar height */
  z-index: 100;   /* << DO NOT EDIT, KEEPS WOAHbar ON TOP OF PAGE CONTENT */
  padding: 15px 0 5px 0;
  text-align: center;
  font-size: 14px;  /* << set custom WOAHbar font size */
  font-weight: bold !important;  /* << set custom WOAHbar font weight */
  color: #DABEB2;  /* << set custom WOAHbar font color */
  background-color: #242424;  /* << set custom bar color here */
  border-bottom: 0px solid #1c1c1c;  /* << set custom bottom border thickness & color here */
  -webkit-box-shadow: 0 8px 6px -6px #333;  /* << set custom css box shadow */
  -moz-box-shadow: 0 8px 6px -6px #333;  /* << set custom css box shadow */
  box-shadow: 0 8px 6px -6px #333;   /* << set custom css box shadow */
}
 
.mwoahbar-stub
{
  position: fixed;
  top: -10px;
  left: 0px;
  width: 100%;
  height: 19px;
  z-index: 200;
  padding: 7px 0 5px 0;
  text-align: center;
}
 
.mwoahbar span
{
  float: left;
  width: 100%;
  text-align: center;
  padding-top: 2px;
}
 
.mshow-notify
{
 -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 3px solid #8A8A8A;
  box-shadow: 0 0 5px rgba(0,0,0,0.35);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.35);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.35);
  float: right;
  margin-right: 10px;
  color: #fff;
  width: 35px;
  height: 33px;
  text-decoration: none;
  background-color: #3E3E3E; /* << set custom bar color here */
  cursor:pointer;
}

.mshow-notify:hover {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 3px solid #8A8A8A;
  box-shadow: 0 0 5px rgba(0,0,0,0.35);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.35);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.35);
  float: right;
  margin-right: 10px;
  color: #fff;
  width: 35px;
  height: 33px;
  text-decoration: none;
  background-color: #242424; /* << set custom bar color here */
  cursor:pointer;
}

.mwoahbar-up-arrow:hover {
  background: url(woahbar-up-arrow-hover.png);
}

.mclose-notify
{
  padding-top: -15px;
  color: #fff;
  margin-left:10px;
  height: 19px;
  text-decoration: none;
  background-color: #242424; /* << set custom bar color here */
  cursor:pointer;
}
 
.mwoahbar-link
{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #525252; /* Old browsers */
  color: #DABEB2;
  padding: 1px 8px 3px 8px;
}
 
.mwoahbar-link:hover
{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #525252; /* Old browsers */
  color: #DABEB2;
  padding: 1px 8px 3px 8px;
  text-decoration: none;
}


/* -------------------------------------------------- 
	:: WOAHbar SHOW/HIDE CSS
---------------------------------------------------*/


.noDesktop 
{ 
  display: none !important; 
}


@media only screen and (max-width: 768px) {

.noMobile 
{ 
  display: none !important; 
}

.showMobile 
{ 
  display: block !important; 
}

}