/* 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;}
#subnav {float: left; width: 300px; margin:0; padding: 10px;}
#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: 114px;}
#program span {color: #999; font-weight: bold;}
#program span#selected {color: #ed1c24 !important;}

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

#community {display: block; width: 193px; height: 110px; background: url("/images/menu_community.jpg") no-repeat 0 0;}
#community:hover {background-position: 0 -110px;}
#community:hover span {color: #000;}
#community span {position: absolute; top: 83px; left: 345px;}
#community span {color: #999; font-weight: bold;}
#community span#selected {color: #f7941e !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;}
#logo a img {border:0;}
#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 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 ------------------------------- */
div.alert {margin: 20px 50px; padding: 0 40px 0 0; background: transparent url("/images/exclaim.gif") no-repeat bottom right; min-height: 75px;}
div.alerttitle {color: #ed1c24; font-size: 150%; font-weight: bold;}

/* --------------------------------- Quick Links Formatting ------------------------------- */
#qlcontainer {background-image: url("/images/quicklinks.jpg"); height: 267px; width: 225px; left: 37px; position: relative;}
#quicklinks a {position: absolute; text-decoration: none;}
#quicklinks a i {visibility: hidden;}
a#ql_calendar {top: 105px; left: 50px; width: 145px; height: 20px;}
a#ql_lunchmenu {top: 140px; left: 50px; width: 145px; height: 20px;}

/* ------------------------------- 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 {color: #25aae1; text-decoration: underline;}
#content a:visited, #content a:active, #content2 a:visited, #content2 a:active {color: #2195c6; text-decoration: underline;}
#content a:hover, #content2 a:hover {color: #fff !important; background-color: #25aae1; text-decoration: none;}

#content ul {margin: 10px 40px 10px 75px; padding-left: 1em;}

h1 {font-size: 150%; margin: 10px 40px 10px 50px; letter-spacing: 0.1em;}
h1.home, h1.about {color: #25aae1;}
h1.program {color: #ed1c24;}
h1.admissions {color: #d7df21;}
h1.community {color: #f7941e;}
h3 {margin: 10px 40px 10px 50px; font-weight: bold; letter-spacing: 0.1em;}

p {margin: 10px 40px 10px 50px;}

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;}

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;}