html {background: #a12;}
body {color: #443; background: #DDB url(../images/bg-body.png) repeat-x;}
#wrap {width: 966px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}

/************************************************** HEADER **************************************************/
#header {background: url(../images/bg-header.jpg); height: 178px; position: relative; z-index: 9999;}
/* Google Search */
#header form {background: url(../images/bg-form-google_search.jpg) no-repeat; width: 180px; height: 25px; position: absolute; top: 133px; left: 676px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
#header form input {color: #E92; margin: 5px 0 0 10px; border: none; font-weight: bold;}
#header form button {background: url(../images/button-arrow-right.jpg) no-repeat; width: 23px; height: 20px; position: absolute; top: 3px; right: 3px;}
/* Header Nav */
#header ul#headerNav {height: 62px; position: absolute; top: 116px; z-index: 999;}
#header ul#headerNav li {height: 62px; position: absolute; top: 0px; list-style: none; display: inline;}
#header ul#headerNav li:hover, #header ul#headerNav li.iehover {background-position: 0 -62px;}
#header ul#headerNav li a {background: transparent; height: 62px; left: 0; position: absolute; display: block; text-indent: -9999px; outline: none;}
#header ul#headerNav li a:hover {text-decoration: none;}
#header ul#headerNav li#az {background-image: url(../images/headerNav-azlnk.png); width: 106px; left: 0px;}
#header ul#headerNav li#az a#azlnk {width: 106px;}
#header ul#headerNav li#as {background-image: url(../images/headerNav-aslnk.png); width: 119px; left: 106px;}
#header ul#headerNav li#as a#aslnk {width: 119px;}
#header ul#headerNav li#se {background-image: url(../images/headerNav-selnk.png); width: 133px; left: 225px;}
#header ul#headerNav li#se a#selnk {width: 133px;}
#header ul#headerNav li#ps {background-image: url(../images/headerNav-pslnk.png); width: 102px; left: 358px;}
#header ul#headerNav li#ps a#pslnk {width: 102px;}
#header ul#headerNav li#ae {background-image: url(../images/headerNav-aelnk.png); width: 102px; left: 460px;}
#header ul#headerNav li#ae a#aelnk {width: 102px;}
#header ul#headerNav li#gg {background-image: url(../images/headerNav-gglnk.png); width: 80px; left: 562px;}
#header ul#headerNav li#gg a#gglnk {width: 80px;}
/* 1st level dropdown */
#header ul#headerNav li ul {background: #FFF url(../images/bg-headerNav-dropdown.gif) no-repeat; width: 144px; height: auto; margin: 62px 0 0 0; padding: 10px 4px; left: -9999px; position: absolute; z-index: 99; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; box-shadow: 0 0.1em 0.7em #aaa; -moz-box-shadow: 0 0.1em 0.7em #aaa; -webkit-box-shadow: 0 0.1em 0.7em #aaa;}
#header ul#headerNav li ul li {height: auto; display: inline; position: relative; top: auto;}
#header ul#headerNav li ul li a {color: #269; height: auto; padding: 6px 10px 6px 15px; left: auto; font-size: 11px; font-weight: bold; text-decoration: none; position: relative; text-indent: 0;}
#header ul#headerNav li ul li a:hover {color: #E81; background: #ffe8c8 url(../images/bg-headerNav-dropdown-arrow.gif) no-repeat 0 50%; display: block; text-decoration: none;}
#header ul#headerNav li:hover ul, #header ul#headerNav li.iehover ul {left: 0;}
/* Utility Nav */
#header ul#utilityNav {position: absolute; top: 52px; left: 560px;}
#header ul#utilityNav li {margin: 0 17px 0 0; list-style: none; float: left;}
#header ul#utilityNav li#ct {margin-right: 0;}
#header ul#utilityNav li a {height: 17px; background-repeat: no-repeat; display: block; text-indent: -9999px; outline: none;}
#header ul#utilityNav li a:hover {background-position: 0 -17px;}
#header ul#utilityNav li#ds a {background-image: url(../images/bg-utilityNav-daily_announcements.png); width: 136px;}
#header ul#utilityNav li#dy a {background-image: url(../images/bg-utilityNav-directory.png); width: 83px;}
#header ul#utilityNav li#cr a {background-image: url(../images/bg-utilityNav-calendar.png); width: 71px;}
#header ul#utilityNav li#ct a {background-image: url(../images/bg-utilityNav-contact.png); width: 58px;}
/* Take Me To Nav */
#header ul#takeMeToNav {height: 42px; position: absolute; top: 133px; left: 869px;}
#header ul#takeMeToNav li {list-style: none;}
#header ul#takeMeToNav li {background-image: url(../images/bg-header-takeMeTo.gif); width: 87px; height: 25px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; text-indent: -9999px; outline: none; cursor: pointer;}
#header ul#takeMeToNav li:hover,#header ul#takeMeToNav li.iehover {height: 42px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
/* Dropdown */
#header ul#takeMeToNav li ul {background: #FFF; width: 144px; height: auto; margin: 25px 0 0 0; padding: 10px 4px; left: -9999px; position: absolute; z-index: 99; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0.1em 0.7em #aaa; -moz-box-shadow: 0 0.1em 0.7em #aaa; -webkit-box-shadow: 0 0.1em 0.7em #aaa;}
#header ul#takeMeToNav li ul li {width: 144px; height: auto; background-image: none; text-indent: 0;}
#header ul#takeMeToNav li ul li:hover,#header ul#takeMeToNav li ul li.iehover {height: auto;}
#header ul#takeMeToNav li ul li a {color: #269; height: auto; padding: 6px 10px 6px 15px; display: block; left: auto; font-size: 11px; font-weight: bold; text-decoration: none; position: relative;}
#header ul#takeMeToNav li ul li a:hover {color: #E81; background: #ffe8c8 url(../images/bg-headerNav-dropdown-arrow.gif) no-repeat 0 50%; display: block; text-decoration: none;}
#header ul#takeMeToNav li:hover ul, #header ul#takeMeToNav li.iehover ul {left: -65px;}

/************************************************** CONTENT **************************************************/
#content {position: relative;}/*see ie.css for fixes*/
#content:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}

/**************************************************   MAIN   **************************************************/
#main {background: #F9F9F2 url(../images/bg-home-main.gif) repeat-y; width: 808px; margin-left: 0; position: relative; float: left; font-size: 1.2em; line-height: 1.5em; z-index: 9;}/*see ie.css for fixes*/
#main img.left {float: left; margin: 0 20px 10px 0;}
#main img.right {float: right; margin: 0 0 10px 20px;}
#main h4 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.2em;}
#main p {margin: 0 0 20px 0;}
#main ul {margin: 0 0 20px 20px;}
#main ol {margin: 0 0 20px 30px;}
#main ul li {margin: 0 0 10px 0;}
#main ol li {margin: 0 0 10px 0;}
#main ol li ul, #main ul li ul {margin: 10px 0 0 20px;}
#main ol li ol, #main ul li ol {margin: 10px 0 0 30px;}
#main ol li ol li, #main ul li ol li {list-style: decimal;}
a.grunt-file-pdf {background: url(/app/images/icon-adobepdf.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-doc {background: url(/app/images/icon-msword.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-ppt {background: url(/app/images/icon-mspowerpoint.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-xls {background: url(/app/images/icon-msexcel.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-txt {background: url(/app/images/icon-text.gif) no-repeat; padding: 0 0 10px 23px;}
/* Flash */
#main #flash-content {background: url(../swf/bg-flash.jpg) no-repeat; width: 808px; height: 222px; position: relative;}
#main #flash {width: 808px; height: 222px; display: block;}
/* News & Events */
#main #newsEvents {width: 242px; height: 384px; margin: 0 0 0 531px; padding: 35px 36px 0 0; position: relative; float: left; overflow-y: auto; overflow-x: hidden;}
#main #newsEvents .contentContainer {}
#main #newsEvents h3 {background: url(../images/bg-news_and_events.gif) no-repeat; height: 15px; margin: 0 0 35px; text-indent: -9999px; overflow: hidden;;}
#main #newsEvents h4 {margin: 0 0 3px 0; font-size: 12px;}
#main #newsEvents p {margin: 0 0 15px 0;}
#main #newsEvents p.seeAll a {background-image: url(../images/bg-seeAll.gif); width: 70px; height: 19px; display: block; position: absolute; top: 33px; left: 172px; text-indent: -9999px; overflow: hidden;}
#main #newsEvents p.seeAll a:hover {background-position: 0 -19px;}
#main #newsEvents .dateInfo {background: url(../images/bg-newsEvents-dateInfo.gif) no-repeat; width: 38px; height: 44px; margin: 0 7px 7px 0; position: relative; float: left;}
#main #newsEvents .dateInfo .month {color: #FFF; width: 30px; margin: 0 4px 0 4px; font-size: 10px; font-weight: bold; text-transform: uppercase; text-align: center; position: absolute; top: 0;}
#main #newsEvents .dateInfo .date {color: #E92; width: 30px; margin: 0 4px 0 4px; font-size: 20px; font-weight: bold; text-align: center; position: absolute; top: 20px;}
/* Callouts */
#main #callouts {width: 501px; height: 327px; margin: 0 0 0 -809px; padding: 35px 0 0 0; float: left;}
#main #callouts p {margin: 0;}
#main #callouts p a {background-repeat: no-repeat; width: 320px; display: block; text-indent: -9999em; overflow: hidden;}
#main #callouts p#goToViz a {background-image: url(../images/button-go_to_viz.png); height: 151px; margin: 0 0 3px;}
#main #callouts p#goToViz a:hover {background-position: 0 -151px;}
#main #callouts p#featuredVideo a {background-image: url(../images/button-featured_video.png); height: 162px; margin: 0;}
#main #callouts ul {width: 148px; height: 300px; margin: 27px 33px 0 0; float: left;}
#main #callouts ul li {margin: 0; list-style: none; display: inline;}
#main #callouts ul li a {background-image: url(../images/button-callouts.png); background-repeat: no-repeat; width: 148px; display: block; text-indent: -9999px; overflow: hidden;}
#main #callouts ul li#signUp a {background-position: 0 0; height: 66px;}
#main #callouts ul li#signUp a:hover {background-position: -148px 0px;}
#main #callouts ul li#submitVizNews a {background-position: 0 -66px; height: 83px;}
#main #callouts ul li#submitVizNews a:hover {background-position: -148px -66px;}
#main #callouts ul li#facebook a {background-position: 0 -149px; height: 79px;}
#main #callouts ul li#facebook a:hover {background-position: -148px -149px;}
#main #callouts ul li#twitter a {background-position: 0 -228px; height: 72px;}
#main #callouts ul li#twitter a:hover {background-position: -148px -228px;}

/**************************************** Right Column (Image Scroller **************************************/
#scroller {background: url(../images/bg-scroller.gif) no-repeat 100% 0; width: 178px; height: 641px; position: absolute; right: 0; z-index: 8;}
#scroller:hover {z-index: 99;}
#scroller .loading {color: #EE923B; background: #EEE; width: 85px; margin: 0 auto; padding: 10px; position: absolute; top: 220px; left: 48px; font-size: 14px; font-weight: bold;  border: 1px solid #EE923B; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#scroller .imageStrip {margin: 0; padding: 0; position: absolute; right: 14px;}
#scroller .infoWrapper {position: relative;}
#scroller .infoWrapper img {background: #fff; width: 124px; padding: 2px 0; display: block; border: none; position: relative; z-index: 2;}
#scroller .infoWrapper h3 {width: 143px; height: 24px; bottom: 2px; right: 0; position: absolute; text-indent: -9999em; overflow: hidden; z-index: 4;}
#scroller .infoWrapper:hover h3,#scroller .infoWrapper.active h3 {background-position: 0 -24px;}
#scroller .infoWrapper h3.title0 {background-image: url(../images/scroller-title-montessori.png);}
#scroller .infoWrapper h3.title1 {background-image: url(../images/scroller-title-bridget.png);}
#scroller .infoWrapper h3.title2 {background-image: url(../images/scroller-title-lower_school.png);}
#scroller .infoWrapper h3.title3 {background-image: url(../images/scroller-title-lilac.png);}
#scroller .infoWrapper h3.title4 {background-image: url(../images/scroller-title-meghan.png);}
#scroller .infoWrapper h3.title5 {background-image: url(../images/scroller-title-upper_school.png);}
#scroller .infoWrapper h3.title6 {background-image: url(../images/scroller-title-micaelea.png);}
.shadow {background: url(../images/shadow.png) repeat-y; width: 19px; height: 100%; top: 0; left: -19px; position: absolute; z-index: 3;}

#scroller .infoWrapper .toggleInfo {background: #FFF url(../images/bg-toggleInfo.jpg) repeat-y 100% 0; width: 260px; padding: 0 10px 3px; position: absolute; top: -2px; left: 0; overflow: hidden; border: solid #FFF; border-width: 4px 0 4px 4px; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-box-shadow: 0 0.1em 0.7em #aaa; -webkit-box-shadow: 0 0.1em 0.7em #AAA; z-index: 1;}
#scroller .infoWrapper .toggleInfo h5 {color: #D81; margin: 20px 20px 10px 20px; font-size: 14px;}
#scroller .infoWrapper .toggleInfo p {color: #665; margin: 0 20px 15px 20px; font-size: 10px;}
#scroller .infoWrapper .toggleInfo p.learnMore a {background-image: url(../images/bg-learnMore.png); width: 90px; height: 19px; display: block; text-indent: -9999px; outline: none;}
#scroller .infoWrapper .toggleInfo p.learnMore a:hover {background-position: 0 -19px;}

/************************************************** FOOTER **************************************************/
#footerWrap {background: #a12 url(../images/bg-footerWrap.png) repeat-x; font-size: 11px; font-weight: bold; position: relative;}
#footerWrap:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
#footerWrap .dropShadow {background: url(../images/bg-dropShadow.png) repeat-x; width: 100%; height: 4px; top: -4px; left: 0; position: absolute; display: block; z-index: 999;}
#footer {background: url(../images/bg-footer.png) no-repeat; width: 966px; min-height: 241px; margin: 0 auto; padding: 0 0 50px 0; position: relative; clear: both;}
#footer ul#footerNav li {width: 128px; padding: 50px 10px 0 0; float: left; list-style: none; display: block;}
#footer ul#footerNav li a {color: #FFF; margin: 0 0 3px 0; font-size: 14px; text-transform: uppercase;}
#footer ul#footerNav li ul li {background: url(../images/bullet-footer.png) no-repeat 0 5px; width: auto; padding: 0 0 0 10px; float: none;}
#footer ul#footerNav li ul li a {color: #FA3; font-size: 1em; text-transform: none;}
#footer ul#footerNav li ul li a:hover {color: #FC9;}
#footer ul#footerUtility {width: 112px; padding: 25px 0 60px 15px; border-left: 1px solid #c57d73; position: relative; top: 50px; float: left;}
#footer ul#footerUtility li {list-style: none;}
#footer ul#footerUtility li#copyright {color: #DDB; padding: 0 0 15px 0;}
#footer ul#footerUtility li a {color: #FA3;}
#footer ul#footerUtility li a:hover {color: #FC9;}