/* GENERAL STYLES
--------------------------------------- */
body {
  background-color: #ffffff;
  color: #000000;
  font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
  line-height: 20px;
}

h1, h2, h3, p, ul, form {
  margin: 0px;
  padding: 0px;
}

i {
  display: none;
}

h2
{
  font-size: 18px;
}

h3
{
  font-size: 14px;
}

.italic_bold
{
  font-size: 13px;
  font-weight: bold;
  font-style: italic;
  width: 93%;
}

.coming_soon {
  min-height: 853px;
  height:auto !important;
  height:835px;

}

.summer_reading {
  min-height: 853px;
}

.summer_reading ul li a:active,
.summer_reading ul li a:link,
.summer_reading ul li a:visited
{
  font-size: 14px;
}

.summer_reading ul li
{
  margin: 8px 0px 0px 24px;
  list-style-type: none;
}

.summer_reading ul li a:hover
{
  font-weight: bold;
  color: #ffffff;
}

.learning_expectations ul
{
  margin: 0px 0px 0px 16px;
}

.learning_expectations ul li
{
  margin: 5px 10px 0px 55px;
}

#about_school img
{
  padding: 22px 0px 0px 16px;
}

#about_school p
{
  font-size: 14px;
  padding: 22px 40px 0px 40px;
  text-align: center;
}

/* HEADER
--------------------------------------- */
.header {
  background-image: url(images/header.gif);
  background-repeat: no-repeat;
  height: 150px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  width: 900px;
}

/* MAIN CONTAINER
--------------------------------------- */
.container {
  background-image: url(images/background.gif);
  background-repeat: repeat-x;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  width: 900px;
  overflow: auto;
}

/* LEFT
--------------------------------------- */
.left {
  background: #d0e2b9 url(images/left-top.gif) top no-repeat;
  color: #000000;
  position: relative;
  left: 12px;
  width: 718px;
  float: left;
}

.left h1, h2, h3 {
  padding: 20px 20px 0px 16px;
}

.left_etching {
  background: #d0e2b9 url(images/etching.png) top no-repeat;
  color: #000000;
  position: relative;
  left: 12px;
  width: 718px;
  height: 838px;
  float: left;
}

.left p, .left_etching p {
    text-align: justify;
    padding: 8px 20px 0px 16px;
}

.message_container img {
    padding: 24px 20px 10px 12px;
    width: 300px;
    float:right;
    clear:both;
}

.left a:active,
.left a:link,
.left a:visited {
    color: #6f9063;
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
}

.left a:hover {
  color: #ffffff;
}


/* MEET THE FACULTY
--------------------------------------- */
.teachers_container {
    clear: both;
    margin: 0px 0px 5px 0px;
}

.faculty_div {
    clear:both;
    margin: 0px 0px 0px 20px;
}
.faculty_div_middle {
    padding: 3px 0px 0px 10px;
    width: 150px;
    float: left;
}

.faculty_div_right {
    padding: 3px 0px 30px 10px;
    text-align: justify;
    width: 420px;
    float: left;
}

.faculty_div_end {
    clear:both;
}

#faculty_container {
  height:550px;
  overflow: visible;
}

.faculty_div img {
    margin: 5px 0px 10px 10px;
    float: left;
}
/* RIGHT
--------------------------------------- */
.right {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 170px;
    float: right;
}

/* RIGHT-TOP
--------------------------------------- */
.right-top {
  background: url(images/right-top.gif) top no-repeat;
  color: #000000;
  height: 63px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 170px;
  float:left;
}

/* RIGHT-TOP2
 * (body of the upper sidebar on right)
--------------------------------------- */
.right-top2 {
    background: url(images/right-top2.gif) top;
    font: normal 14px, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    //height: 620px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 160px;
    float:left;
}

.right-top2 ul {
    border-style: none;
    position: relative;
    left: 8px;
    margin: 12px 10px 0px 0px;
}

.right-top2 b {
    font-weight: bold;
    font-size: 16px;
}

.right-top2 li {
    margin: 0px 0px 0px 4px;
    //font-weight: normal;
    font-size: 14px;
    list-style-type: none;
}

.right-top2 a:active,
.right-top2 a:link,
.right-top2 a:visited {
    color: #ffffff;
    text-decoration: none;
}

.right-top2 a:hover {
  color: #336600;
  text-decoration: none;
}

/* Newsletter, within right-top2
--------------------------------------- */
.newsletter p {
    margin: 13px 0px 10px 4px;
    text-align: center;
}

.newsletter a:active,
.newsletter a:link,
.newsletter a:visited {
    font-size: 12px;
    text-decoration: underline;
}

.newsletter img {
    margin: 10px 0px 0px 0px;
    border: 0px;
}

/* RIGHT-TOP3
--------------------------------------- */
.right-top3 {
  background: url(images/right-top3.gif) top no-repeat;
  color: #000000;
  height: 3px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 160px;
  float:left;
}

/* BOTTOM-RIGHT
--------------------------------------- */
.right-top4 {
  background: url(images/right-top4.gif) top;
  color: #000000;
  height: 152px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 160px;
  float:left;
}

/* right-bottom-container
--------------------------------------- */
.right-bottom-container {
    margin: 12px 0px 0px 6px;
}

.right-bottom-container a:active,
.right-bottom-container a:link,
.right-bottom-container a:visited {
    color: #669900;
    text-decoration: none;
}

.right-bottom-container a:hover {
  color: #336600;
  text-decoration: none;
}

.right-bottom-container p {
    text-align: left;
    margin: 5px 0px 5px 2px;
}

/* BOTTOM
--------------------------------------- */
.bottom {
  background: url(images/main_body_bottom_edge.gif) top no-repeat;
  color: #000000;
  height: 4px;
  //position: relative;
  //left: 0px;
  padding: 0px 0px 0px 0px;
  width: 878px;
  float: right;
}

/* CALEDNAR
--------------------------------------- */

.calendar {
    background: url(images/calendar-big.gif);
    background-repeat: no-repeat;
    margin: 24px 0px 3px 0px;
    height: 322px;
    width: 696px;
}

.calendar_left {
    float: left;
}

.calendar_right {
    float: left;
}

.calendar_right p {
    margin: 0px 0px 0px 24px;
    width: 450px;
    font-size: 12px;
}

.calendar_right b {
    font-size: 14px;
}

.calendar_text_container {
    margin: 25px 0px 0px 0px;
    height: 140px;
}

.daycal {
    position: relative;
    left: 28px;
    margin: 45px 0px 0px 0px;
    height: 193px;
    width: 175px;
    float: left;
}

.daycal_bottom {
    background: url(images/calendar/daycal_bottom.gif) top no-repeat;
    height: 24px;
    width: 175px;
}

.calendar_week_strip {
    background: url(images/calendar/week_bg.gif);
    background-repeat: no-repeat;
    position: relative;
    left: 32px;
    height: 74px;
    width: 460px;
    margin: 10px 0px 0px 0px;
    clear: both;
}

.calendar_week_strip_1 {
    height: 52px;
    width: 65px;
    margin: 26px 0px 0px 2px;
    float: left;
}

.calendar_week_strip_2, .calendar_week_strip_3, .calendar_week_strip_5 {
    height: 52px;
    width: 65px;
    margin: 26px 0px 0px 0px;
    float: left;
}


.calendar_week_strip_4, .calendar_week_strip_6 {
    height: 52px;
    width: 65px;
    margin: 26px 0px 0px 1px;
    float: left;
}

.calendar_week_strip_7 {
    height: 52px;
    width: 40px;
    margin: 26px 0px 0px 2px;
    float: left;
}

.big_calendar_container_outer {
}

.big_calendar_top {
  background-image: url(images/big_calendar_background_mid.gif);
  width: 713px;
}

.big_calendar_mid {
  background-image: url(images/big_calendar_background_top.gif);
  background-repeat: no-repeat;
  width: 713px;
}

.big_calendar_bottom {
  background-image: url(images/big_calendar_background_low.gif);
  background-repeat: no-repeat;
  height: 31px;
}

.calendar_table_container {
  margin: 0px 0px 0px 24px;
}

.big_calendar_container_outer table {
  margin: 20px 0px 0px 2px;
  padding: 1px;
}

.big_calendar_container_outer tr.weekday_header {
  color: #ffffff;
  background-color: #6f9063;
  text-align: center;
  font-weight: bold;
}

.big_calendar_container_outer tr {
  color: #ffffff;
  background-color: #c3d3ae;
  text-align: center;
  font-weight: bold;
}

.big_calendar_container_outer td#month_label {
  background-color: #ffffff;
  text-align: center;
  font-weight: bold;
}

.big_calendar_container_outer td {
  width: 89px;
  min-height: 105px;
}

td.calendar_entry {
  height: 105px;
  overflow: visible;
}

.calendar_item_header{
  padding: 2px 5px 2px 0px;
  text-align: right;
  color: #666666;
  background-color: #aebf97;
}

.big_calendar_container_outer p{
  color: #000000;
  font-family: Verdana;
  font-weight: normal;
  font-size: 9px;
  margin: 0px 0px 0px 0px;
  padding: 2px 3px 2px 3px;
  text-align: left;
}

.big_calendar_container_outer td#calendar_title {
  color: #ffffff;
  background-color: #6f9063;
  width: auto;
}

.big_calendar_container_outer td#calendar_title p {
  text-align: center;
  font-size: 30px;
  color: #ffffff;
  padding: 0px 0px 5px 0px;
}

.calendar_navigation a:active,
.calendar_navigation a:link,
.calendar_navigation a:visited {
    color: #6f9063;
    font: bold 15px, Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding: 0px 40px 0px 40px;
}

.calendar_navigation a:hover {
  color: #ffffff;
}

#exp_photos
{
  margin: 30px 0px 0px 0px;
  padding-left: 35px;
}

#exp_photos img
{
  margin-right: 20px;
}

/* FOOTER
--------------------------------------- */
.footer {
  color: #000000;
  font: normal 10px, Verdana, Arial, Helvetica, sans-serif;
  height: 20px;
  margin: 0px 0px 0px 0px;
  padding: 6px 0px 2px 0px;
  clear: both;
}

.footer-left {
  margin: 0px 0px 0px 0px;
  position: relative;
  left: 14px;
  float: left;
}

.footer-right {
  margin: 0px 10px 0px 0px;
  float: right;
  width: 270px;
}

.footer p {
  color: #666666;
  text-align: right;
}

.footer ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.footer li {
  display: inline;
  list-style-type: none;
}

.footer a:active,
.footer a:link,
.footer a:visited {
  color: #669900;
  text-decoration: none;
}

.footer a:hover {
  color: #336600;
  text-decoration: none;
}