@charset "UTF-8";
/* CSS Document */

/* ---------------------------- GLOBAL STYLES ------------------------ */


/* ------- Adjustment to Main for mini header ------- */
main { position:relative; width: 100%; top: 0px; margin: 0px auto 0px auto; padding: 0px; overflow:hidden; display: block; }
body#home main { position:relative; width: 100%; top: 60px; margin: 0px auto 0px auto; padding: 0px; overflow:hidden; display: block; min-height:0px; }


/* header logo styles */
header { position: relative; width: 100%; height: auto; min-height: 60px; top: 0; margin: 0px; padding: 0px; background: #ad1a1f; z-index: 999;}
header .content { position: relative; top: 0; width: 100%; height: auto; margin: 0px auto; padding: 0px; display: block; max-width: 1200px;}
header .content #logo { float:left; position: relative; top: 5px; width: auto; padding: 0px auto; margin: 0px auto 10px auto; }
header .content #logo img { position: relative; padding: 0px auto; margin: 0px auto; width: 90%;}

header .content nav { 	float:left; width: 75%; height: auto; display: block; margin: 0px 0 0 0; padding: 0px; z-index: 1000; }
header .content nav ul { margin: 0px ; }


nav.campus {display: none;}


#introshell #title h1.pagetitle { font-size: 2.5em; line-height: 40px; margin: 50px 0px 10px 0px;  }

/* ------- adjustments for nursery (Move to local?) ------- */
body.nursery-children main { position:relative; width: 100%; top: 60px; margin: 0px auto 0px auto; padding: 0px; overflow:hidden; display: block; min-height:500px; }
body.nursery-children#links a#nursery-nav_links,
body.nursery-children#tuition a#nursery-nav_tuition,
body.nursery-children#calendar a#nursery-nav_calendar,
body.nursery-children#handbook a#nursery-nav_handbook,
body.nursery-children#philosophy a#nursery-nav_philosophy,
body.nursery-children#teachers a#nursery-nav_teachers,
body.nursery-children#enrollment a#nursery-nav_enrollment,
body.nursery-children#about a#nursery-nav_about
	{ background-color: #676257;}
	
	
footer { position: relative; width: 100%; height: auto; top: 60px; min-height: 400px; margin: 0px; background-color: #333; display: block; }
	
	
	
@media only screen and (min-width: 1001px) {
	/* DESKTOP styles go here */
	



}

/* ---------------------------- LAPTOP ONLY  STYLES ------------------------ */

@media only screen and (min-width: 901px) and (max-width: 1000px) {
	/* LAPTOP styles go here*/


}



/* ---------------------------- TABLET ONLY  STYLES ------------------------ */

@media only screen and (min-width: 565px) and (max-width: 900px) {
	/*TABLET styles go here */

header .content nav { margin:0px; padding:0px; top: 0px;border-bottom: none;}

}
/* ---------------------------- MOBILE ONLY  STYLES ------------------------ */
 
@media screen and (max-width: 564px) {
	/*MOBILE styles go here*/

	header { min-height: 0px; margin: 0px; padding: 0px; }	
	
header .content nav { margin:0px; padding:0px; top: 0px;border-bottom: none; }

body#home main {  top: 0px; }
body#home #introshell { top: 0px; margin-top: 0px; padding-top: 0px; }
body#home #introshell h1 { font-size: 2em; }

body#home nav {top: 0px; margin-top: 0px; padding-top: 0px;}
body#home nav .nursery-nav {top: 0px; margin-top: 0px; padding-top: 0px; }
body#home nav .nursery-nav #submenu {  }
body#home nav .nursery-nav #submenu ul { }
	
	
	#introshell  {margin: 0px 0px 0px 0px; width: 100%; min-height: 0px;  }
	#introshell #title {margin: 0px 0px 0px 0px; width: 100%;}
	#introshell #title h1.pagetitle { font-size: 1.7em; margin: 0px 0px 0px 10px; width: 100%; letter-spacing: -1px;}



}