/* blue - 25aae1    red - ed1c24     green - d7df21    orange - f7941e  */
/* --------------------------------- Structure ------------------------------- */
body {margin: 0; padding: 0;}

#wrapper {width: 885px; margin: 0 auto; padding: 7px 0 0 9px; border:0;}
#header {width: 885px; height: 145px; margin: 0 0 0 0; padding: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#logo {float: left; width: 320px; margin: 0; padding: 0;}
#menuwrapper {margin: 0 0 0 320px; height: 115px; padding-top: 30px; padding-left: 15px; border-left: 1px solid #ccc;}
#main {clear: both; width: 100%; margin: 0; padding: 0; border: 0; margin-top: 4px; border-top: 1px solid #ccc; overflow:hidden;}
#subnav {float: left; width: 300px; margin:0; padding: 10px; border-right: 1px solid #ccc;}
#content {margin: 0 0 0 320px; padding: 10px; border-left: 1px solid #ccc;}
#content2 {margin: 0 0 0 10px; padding: 10px; border: none;}
#content.subpg, #content2.subpg {background: #fff url(/images/subparen.gif) no-repeat top left;}
#wrapperbottom {height: 8px; width: 894px; margin: 0 auto; padding: 0; border:0;}
#footer {clear: both; width: 100%; margin: 0; padding:0; margin-top: 10px; padding-top: 15px; padding-bottom:15px;}

/* ---------------------------------- TOP MENU -------------------------------- */

#menu {position: relative; width: 530px; height: 115px;}
#menu ul {border: 0; margin: 0; padding: 0; list-style-type: none;}
#menu ul li {display: block; float: left; text-align: center; padding: 0; margin: 0;}
#menu a {text-decoration: none;}

#about {display: block; width: 95px; height: 110px; background: url("/images/menu_about.jpg") no-repeat 0 0;}
#about:hover {background-position: 0 -110px;}
#about:hover span {color: #000;}
#about span {position: absolute; top: 83px; left: 20px;}
#about span {color: #999; font-weight: bold;}
#about span#selected {color: #25aae1!important;}

#program {display: block; width: 111px; height: 110px; background: url("/images/menu_program.jpg") no-repeat 0 0;}
#program:hover {background-position: 0 -110px;}
#program:hover span {color: #000;}
#program span {position: absolute; top: 83px; left: 112px;}
#program span {color: #999; font-weight: bold;}
#program span#selected {color: #ed1c24 !important;}

#admissions {display: block; width: 118px; height: 110px; background: url("/images/menu_admissions2.jpg") no-repeat 0 0;}
#admissions:hover {background-position: 0 -110px;}
#admissions:hover span {color: #000;}
#admissions span {position: absolute; top: 83px; left: 220px;}
#admissions span {color: #999; font-weight: bold;}
#admissions span#selected {color: #d7df21!important;}

#community {display: block; width: 98px; height: 110px; background: url("/images/menu_community2.jpg") no-repeat 0 0;}
#community:hover {background-position: 0 -110px;}
#community:hover span {color: #000;}
#community span {position: absolute; top: 83px; left: 351px;}
#community span {color: #999; font-weight: bold;}
#community span#selected {color: #f7941e !important;}

#pta {display: block; width: 98px; height: 110px; background: url("/images/menu_pta.jpg") no-repeat 0 0;}
#pta:hover {background-position: 0 -110px;}
#pta:hover span {color: #000;}
#pta span {position: absolute; top: 83px; left: 445px;}
#pta span {color: #999; font-weight: bold;}
#pta span#selected {color: #9933cc !important;}

/* --------------------------------- Structure Formatting ------------------------------- */
body {background-color: #e5ece2; color: #333; text-align: center; line-height:100%; font-family: Georgia, "Times New Roman", Times, serif;}
#wrapper {background-image: url("/images/background.gif"); background-repeat:repeat-y; background-color:#fff;}
#wrapperbottom {background: #e5ece2 url("/images/background_bottom.png") no-repeat top left;}
#header {background-color: #fff;}
#logo {background-color: #fff;}
#logo a {text-decoration: none;}
#menu {background-color: #fff; font-size: 12px; font-family: Arial, Verdana, "Trebuchet MS", Trebuchet, Helvetica, sans-serif; letter-spacing: 0.1em;}
#menu span.separator {padding: 0 10px;}
#main {text-align: left;}
#submenu {margin-left: 70px; font-size:75%; line-height: 175%; letter-spacing: 0.1em;}
#submenu ul {border: 0; margin: 0; padding: 0; display: block; list-style-type: none;}
#submenu ul li {text-indent: -4em; margin-left: 4em;}
#submenu ul li.indent {text-indent: -4em; margin-left: 6em;}
#submenu ul a {padding-left:30px; text-decoration: none; color: #999; font-weight: bold;}
#submenu ul a.menucrumb {background: transparent url("/images/subnav_crumb.gif") no-repeat 0px 0px;}
#submenu ul a:hover {color: #000; background: transparent url("/images/subnav_crumb.gif") no-repeat 0px 0px;}
#content, #content2 {font-size:90%; line-height: 150%;}
#homeimage {height: 245px; width: 532px; background: #fff url("/images/home_pic.jpg") no-repeat top left;}
#footer {text-align: center; color: #333; font-size: 75%; font-family: Arial, Verdana, "Trebuchet MS", Trebuchet, Helvetica, sans-serif; line-height: 150%;}
#footer span.label {padding-right: 10px; color: #f7941e;}
#footer span.separator {padding: 0 10px;}

.ClearIt {clear: both;}

/* --------------------------------- Home Page Alerts Formatting ------------------------------- */
/* former title GIF - (exclamation point) - background: transparent url("/images/exclaim.gif") no-repeat bottom right; */
div.alert {margin: 20px 50px; padding: 0 40px 0 0;  min-height: 75px;}
div.alerttitle {font-size: 125%; font-weight: bold;}
div.alert p {margin-left: 0; margin-right: 0;}
/*Former alert title color: #ed1c24; */

/* --------------------------------- Quick Links Formatting ------------------------------- */
#qlcontainer {background-image: url("/images/quicklinks2.jpg"); height: 267px; width: 225px; left: 37px; position: relative;}
#quicklinks a {position: absolute; left: 57px; width: 150px; height: 20px; text-decoration: none; color: #999; font-family: "Courier New", Courier, monospace; font-weight: bold; font-size: 12px; letter-spacing: 0.05em; font-size:90%; }
#quicklinks a:hover {background-position: -100px 0; color: #000; background: transparent url("/images/arrow.gif") no-repeat center right; }

a#ql_calendar {top: 96px;}
a#ql_ptacalendar {top: 120px;}
a#ql_lunchmenu {top: 144px;}
a#ql_newsletters {top: 168px;}
a#ql_blog {top: 192px;}

/* ------------------------------- Curriculum List Formatting ----------------------------- */
a.currtitle {text-decoration: none !important; font-weight: bold; color: #25aae1;}
p.currdot {background: transparent url("/images/curr_listdot.png") no-repeat 0 9px; padding-left: 9px;}
#currimg {float: right; padding: 5px; width: 176px; height: 161px; background: transparent url("/images/curr_default.jpg") no-repeat 0 0;}
p.curritem {padding-left: 9px;}

/* ------------------------------- DOCUMENT LINK Formatting ----------------------------- */
p.doclink {background: transparent url("/images/curr_listdot.png") no-repeat 0 9px; padding-left: 9px; color: #25aae1;}

/* ------------------------------- Camp Table Formatting ----------------------------- */
table#camp {background: #fff; margin: 10px 20px 10px 50px; border-collapse: collapse; text-align: left;}
table#camp td {border: 1px solid #999; color: #000; padding: 3px 5px;}
table#camp td.campdates {width: 30%; vertical-align: top;}
table#camp td.camptext {width: 70%; vertical-align: top;}

/* ------------------------------- Calendar Formatting ----------------------------- */
table#cal {background: #fff; margin: 10px 20px 10px 50px; border-collapse: collapse; text-align: left;}
table#cal td {border: 1px solid #999; color: #000; padding: 3px 5px;}
table#cal td.caldates {width: 30%; vertical-align: top;}
table#cal td.caltext {width: 70%; vertical-align: top;}

/* ------------------------------- Lunch Formatting ----------------------------- */
table#lunch {background: #fff; margin: 10px 20px 10px 50px; border-collapse: collapse; text-align: left;}
table#lunch th {border: 1px solid #999; color: #f7941e; padding: 3px 5px; font-weight: bold; width: 20%; text-align: center;}
table#lunch td {border: 1px solid #999; color: #000; padding: 3px 5px; font-size: 95%; vertical-align: top; text-align: left; line-height:125%;}

/* --------------------------------- Content Formatting ------------------------------- */

#content a:link, #content2 a:link, div.navPanel a:link {color: #25aae1; text-decoration: underline;}
#content a:visited, #content a:active, #content2 a:visited, #content2 a:active, div.navPanel a:visited, div.navPanel a:active {color: #2195c6; text-decoration: underline;}
#content a:hover, #content2 a:hover, div.navPanel a:hover {color: #fff !important; background-color: #25aae1; text-decoration: none;}

#content ul {margin: 10px 40px 10px 75px; padding-left: 1em;}
ol ul {margin: 0 !important;}
a img {border:0;}

h1 {font-size: 150%; letter-spacing: 0.1em;}
h1.home, h1.about {color: #25aae1;}
h1.program {color: #ed1c24;}
h1.admissions {color: #d7df21;}
h1.community {color: #f7941e;}
h1.pta {color: #9933cc;}
h3, h4 {font-weight: bold; letter-spacing: 0.1em;}
h3.blogdate, h3.eventdate {padding-top: 15px; font-size: 90%; color: #aaa; line-height: 100%;}
h3.eventdate {margin-left: 0px; padding-top: 5px;}
h4.blogtitle {margin: 0px 40px 0px 50px; font-size: 110%; line-height:100%;}

div.byline {margin: 0px 40px 0px 50px; color: #bdbd2e; }

p, h1, h3, ol {margin: 10px 40px 10px 50px;}

.indent {margin: 10px 40px 10px 75px;}

div.parens {background: transparent url("/images/parenL.gif") no-repeat center left;}
div.parens div {padding: 0 40px 0 50px; background: transparent url("/images/parenR.gif") no-repeat center right;}

blockquote {margin: 20px 40px 20px 50px; padding:0; color: #bdbd2e;} /* 25aae1 */
blockquote.centerq {text-align: center; color: #bdbd2e;}
blockquote div.qsource {text-align: right;}
blockquote.full {margin: auto; color: #333;}
blockquote.full div.qsource {margin-right: 50px; text-align: right; color: #bdbd2e;}
blockquote.full p {margin-bottom: 0;}

img.center {display: block; margin-left: auto; margin-right: auto;}

#footer a, #footer a:visited, #footer a:link, #footer a:active {text-decoration: none; color: #000;}
#footer a:hover {background-color: #000; color: #fff;}

.qflabel {font-weight: bold;}

.FinePrint {font-size: 90%; color: #aaa;}
.bulletDesc {font-size: 90%; font-style: italic;}

div.navSpacer {height:335px}
div.navPanel { border: 1px solid #ccc; font-size: 75%; line-height: 150%; margin: 20px 16px 0px 20px; padding: 5px; }
div.navPanelHead { font-weight:bold; color: #25aae1; }
div.navPanel p { margin: 10px 0px 0px 0px; }
div.navPanel div.qsource {margin-right: 0px;}

div.row {float: left; margin: 0; padding: 10px; width: 100%;}
div.leftPane {float: left; width: 30%; text-align:center;}
div.rightPane {float: left; width: 70%; }
div.rightPane p {margin-left: 0;}

div.eventTitle {font-weight: bold;}