/* An 'o78' comment denotes attributes hacked for Opera7+ at the end of a given section */
/* IE omits !important values */
/* Opera hack originally contained: @media all and (min-width: 1px) {, but min-width does not validate properly */

/* -- page-wide -- */

body {
  font-family: Georgia, Serif;
  color: #000000;
  background: #365252;
  padding: 0px;
  font-size: 120%;
  margin: 0px;
}

#page {
  position: relative;
  background: #000000;
  border: #000000 solid 3px !important;
  border-right: #000000 solid 1px;
  width: 754px;
  left: 50%;
  margin-left: -379px !important;
  margin-left: -391px; /* IE hack */
  top: 0px;
  padding: 0px;
	color: #111;
}

/* -- top section: banner + menu (menu in other css)  -- */

#page #top {
  border: 0px;			/* o78 */
  padding: 0px;
  margin: 0px;
}

#top #banner {
  background: #365252;
  padding: 0px;
  margin: 0px;
/*  height: 266px;  */
  height: 180px;
  width: 754px;
	color: #111;
}

/* general stuff */
#banner #banner-img {
  background-image: url(img/banners/default.jpg);
  background-repeat: repeat-y;
  width: 754px;
/*  height: 266px; */
  height: 180px;
}

#banner #isk-title {
  position: absolute;
  color: #FFF8E0;
  border: 0px;
  padding: 0px;
  top: 10px;
  left: 15px;
  font-size: 38px;
}

#banner #myisk-link {
  position: absolute;
  background: #FFF8E0;
  color: #000000;
  border: #000000 solid 2px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 4px;
/*  top: 210px; */
  top: 136px;
  right: 10px;
  width: 354px;
  float: right;
  font-size: 90% !important;		/* o78 */
  font-size: 85%;
}

#banner #myisk-link #myisk-right {
  width: 50%;
  float: right;
  text-align: right;
}

/* for Opera 7+ */
@media all and (min-width: 0px) {
  #banner #myisk-link {
    font-size: 85% !important;
  }
}



/* -- middle section: where the actual content is -- */

#middle {
  width: 754px;
  border: 0px;
  border-bottom: #000000 solid 2px;
  background: #FFF8E0;
  color: #000000;
  padding: 0px;
  display: inline-table;
  font-size: 95% !important;	/* o78 */
  font-size: 90%; /* IE hack */
}

#middle:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #middle {height: 1%;}
#middle {display: block;}
/* End hide from IE-mac */

#middle #left, #middle #left14, #middle #left34 {
  float: left;
  border-right: #000000 solid 2px;
  background: #FFF8E0;
  color: #000000;
  padding: 9px;
}

#middle #left {
  width: 358px;
}

#middle #left14 {
  width: 169px;
  font-size: 80%;
}

#middle #left14 ul {				/* anyone know where this is used? */
  margin-left: -20px !important;
  margin-left: 0px;
}

#middle #left34 {
  width: 547px;
}

#middle #right, #middle #right34, #middle #right14 {
  padding-top: 42px !important;  /* o78 */
  padding: 9px;
  border-left: #000000 solid 2px;
  background: #FFF8E0;
  color: #000000;
}

#middle #right {
  margin-left: 376px;
}

#middle #right14 {
  margin-left: 565px;
  padding-left: 8px !important;
  padding-left: 2px;
}

#middle #right34 {
  margin-left: 187px;
}

#middle #right14 .snapshot {
  border: 0px;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 40px;
  background: #FFF8E0;
  color: #000000;
  text-align: center;
}

#middle #right14 .snapshot .photo {
  border: #000000 solid 2px;  /* ++ if link, then colours as for a.standard ++ */
}

#middle #right14 .snapshot .description {
  margin-top: 5px;
  font-size: 75%;
  font-style: italic;
  background: #FFF8E0;
  color: #111111;
  padding-left: 5px;
  padding-right: 5px;
}

/* for Opera 7+ */
@media all and (min-width: 0px){
  #middle {
    font-size: 75% !important;
    margin-bottom: 0px;
  }
  #middle #left {
    margin-bottom: 0px;
  }
  #middle #right {
    margin-bottom: 0px;
    padding-top: 30px !important;
  }
  #middle #left34 {
    margin-bottom: 0px;
  }
  #middle #right14 {
    margin-bottom: 0px;
    padding-top: 10px !important;
  }
}


/* -- bottom section: contains contact info -- */

#bottom, #bottom #address2, #bottom #address3 {
  background: #FAEFC3;
  color: #000000;
  border: 0px;
  margin: 0px;
}


#bottom {
  padding: 10px;
  font-size: 80% !important;	/* o78 */
  font-size: 65%;
  width: 734px;
}

#bottom #address2 {
  width: 39%;
  float: right;
  padding: 0px;
}

#bottom #address3 {
  width: 31%;
  float: right;
  padding: 0px;
  padding-top: 2px;
  text-align: right;
}

#bottom-printout {
  display: none;
}

/* for Opera 7+ */
@media all and (min-width: 0px){
  #bottom {
    font-size: 70% !important;
  }
}

/* -- various mini-boxes -- */

.adobe-hor, .adobe-ver {
  font-family: Arial, sans-serif;
  font-size: 75% !important;
  font-size: 80%;
  color: #333333;
  border: #333333 solid 1px;
  background: #FFF8E0;
  padding: 5px;
  font-style: italic;
}

.adobe-hor {
  width: 345px !important;
  width: 335px;
}

.adobe-ver {
  width: 150px;
  text-align: center;
}

.adobe-hor a {
  float: left;
  margin-right: 10px;
}

.adobe-hor img {
  border: 0px;
}

.adobe-ver img {
  border: 0px;
  margin-top: 10px;
}

a.flag img {
  border: 0px;
}

/* -- font styling -- */

.title {
  font-weight: bold;
  font-size: 120%;
  padding-bottom: 20px;
}

.subtitle
{
  font-weight: bold;
  font-size: 105%;
  padding-bottom: 10px;
}

.subsection {
  margin-bottom: 20px;
  padding-bottom: 5px;
  border: 0px;
  border-bottom: #000000 solid 2px;
}

.news-bit {
  margin-bottom: 20px;
  padding-bottom: 5px;
  border: 0px;
}

p.centered {
  text-align: center;
  margin-bottom: 0px;
}

.quoted {
  font-style: italic;
  font-weight: bold;
}

.stressed {
  font-weight: bold;
}

.accented {
  font-style: italic;
}

.indented {
  padding-left: 10px;
}

.x-indented {
  padding-left: 30px;
}

.right {
  text-align: right;
}

.bigger {
  font-size: 110%;
}

.smaller {
  font-size: 85%;
}

p {
  margin-top: 0px;
}

table.timetable td {
  vertical-align: top;
  font-size: 80% !important;
  font-size: 90%;
  width: 16%;
}

table.timetable {
  border-color: #000000;
}

.timetable br {
  margin-bottom: -10px;
}

table.newsletter {
  font-size: 100% !important;
}

table.newsletter td {
  vertical-align: top;
}

table {
  font-size: 95% !important;	/* o78 */
  font-size: 75%; /* IE hack */
}

/* for Opera 7+ */
@media all and (min-width: 0px){
  table {
    font-size: 75% !important;
  }
}

/* -- gallery styling -- */

.gallery-thumb .arrow {
  border: none;
  margin-right: 2px;
  margin-left: 2px;
  vertical-align: baseline;
  margin-bottom: 15px;
}

.gallery-thumb .thumb {
  vertical-align: baseline;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
}

.gallery-photo {
  vertical-align: baseline;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  border: #000000 solid 3px;
}

.gallery-description {
  position: relative;
  left: 20px;
  width: 504px;
  padding: 0px;
  margin: 0px;
  margin-top: -5px;
  margin-bottom: 10px;
  text-align: right;
  line-height: 120%;
  font-size: 85%;
}

.gallery-videobox {
  margin-left: 120px;
  margin-right: 120px;
  margin-bottom: 10px;
  padding: 30px;
  width: 240px;
  text-align: center;
  border: #000000 solid 3px;
}

/* -- library styling -- */

.book-search-results {
  margin-bottom: 8px;
  font-size: 90%;
}

.book-description {

}

.book-description .floaty {
  float: right;
  text-align: center;
  padding-left: 10px;
}

.book-description .floaty img {
  border: 0px;
  margin-bottom: 10px;
}

.book-description .floaty .cover {
  border: #000000 solid 1px;
}

.book-description .book-title {
  font-weight: bold;
  margin-bottom: 5px;
}

.book-description .book-author {
  font-style: italic;
  font-size: 95%;
}

.book-description .detailed {
  font-size: 80%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.new-search {
  font-weight: normal;
  font-size: 75%;
  float: right;
  margin-top: 2px;
}

/* -- calendar styling -- */

table.calendar-months {
  border: 0px;
  width: 100%;
  font-size: 100% !important;	/* o78 */
  font-size: 110%;
  padding-bottom: 9px;
}

.calendar-navigate {	/* o78 */
  text-align: center;
  font-size: 100% !important;
  font-size: 120%;
}

table.calendar {
  position: relative;
  background-color: #FFF8E0;
  color: #AA5511;
  padding: 0px;
  margin-top: 9px;
  margin-bottom: 9px;
  border: #000000 solid 2px !important;
  border-collapse: separate;
  border-spacing: 0px;				/* Stupid IE ignores this! */
  width: 60%;
  margin-left: 18% !important;	/* o78 */
  margin-left: 6%;
  margin-right: 18% !important;	/* o78 */
  margin-right: 2%;
}

table.calendar td {
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 110% !important;	/* o78 */
  font-size: 150%;
}

table.calendar td.month-bar {
  background-color: #FAEFC3;
  color: #000000;
  font-weight: bold;
  font-size: 120%;
}

table.calendar tr.week-bar {
  background-color: #FAEFC3;
}

table.calendar td.weekday {
  color: #000000;
}

table.calendar td.weekend {
  color: #EE9999;
}

table.calendar td span.today {
  border: #555555 dotted 2px;
  padding-top: 1px;
  padding-bottom: 4px;
  padding-left: 5px;
  padding-right: 5px;
  margin: -2px;
}

table.calendar td .day1, .calendar-info .day1, table.calendar td .day2, .calendar-info .day2, table.calendar td .day3, .calendar-info .day3, 
table.calendar td .day4, .calendar-info .day4, table.calendar td .day5, .calendar-info .day5, table.calendar td .day6, .calendar-info .day6,
table.calendar td .day7, .calendar-info .day7, table.calendar td .day8, .calendar-info .day8 {
  font-weight: bold; font-style: italic;
}

table.calendar td .day1, .calendar-info .day1 {		/* School dates */
  color: #4444BB;
}

table.calendar td .day2, .calendar-info .day2 {		/* Holiday or Break */
  color: #BB4444;
}

table.calendar td .day3, .calendar-info .day3 {		/* PTA */
  color: #44BB44;
}

table.calendar td .day4, .calendar-info .day4 {		/* Board */
  color: #44BBBB;
}

table.calendar td .day5, .calendar-info .day5 {		/* Events */
  color: #BB44BB;
}

table.calendar td .day6, .calendar-info .day6 {		/* Bake Sale or Food Day */
  color: #BBBB44;
}

table.calendar td .day7, .calendar-info .day7 {		/* Other */
  color: #888888;
}

table.calendar td .day8, .calendar-info .day8 {		/* Theme Weeks */
  color: #DD88DD;
}

.calendar-info {
  width: 70%;
  margin-left: 15% !important;	/* o78 */
  margin-left: 6%;
  margin-right: 15% !important;	/* o78 */
  margin-right: 6%;
  font-size: 80% !important;
  font-size: 100%;
}

.calendar-info td {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 5px;
  padding-right: 5px;
}


/* for Opera 7+ */
@media all and (min-width: 0px) {
  .calendar-navigate {
    padding-top: 18px;
  }
  table.calendar-months {
    font-size: 95% !important;
  }
  table.calendar td {
    font-size: 130% !important;
  }
  table.calendar {
    margin-left: 20% !important;
    margin-right: 20% !important;
  }
}

/* -- other styling -- */

table.timetable {
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
  border: #000000 solid 1px;
  padding: 0px;
  margin-bottom: 9px;
  border-collapse: separate;
  border-spacing: 0px;				/* Stupid IE ignores this! */
}

table.timetable td {
  border: #000000 solid 1px;
  vertical-align: top;
  width: 16%;
  font-size: 90%;
}

table.timetable td p {
  margin-bottom: 10px;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 95%;
}



/* -- link styling -- */

a.standard:link, a.standard:visited, a.standard:hover {
  text-decoration: underline;
  font-style: italic;
}

a.gallery-standard:link, a.gallery-standard:visited, a.gallery-standard:hover {
  text-decoration: none;
  font-style: none;
  font-weight: bold;
}

a.library-standard:link, a.library-standard:visited, a.library-standard:hover {
  text-decoration: none;
  font-style: none;
  font-weight: bold;
}

.gallery-thumb a.standard:link, .gallery-thumb a.standard:visited {
  text-decoration: none;
  color: #000000;
}

.gallery-thumb a.chosen:link, .gallery-thumb a.chosen:visited {
  text-decoration: none;
  color: #E20D0D;
}

.gallery-thumb a.standard:hover, .gallery-thumb a.chosen:hover {
  text-decoration: none;
  color: #FF5555;
}

a.gallery-chosen:link, a.gallery-chosen:visited, a.gallery-chosen:hover {
  text-decoration: none;
  font-style: italic;
  font-weight: bold;
}

a.standard:link, a.sitemap:link, a.gallery-standard:link, a.gallery-chosen:link, a.library-standard:link {
  color: #E20D0D;
}

a.standard:visited, a.sitemap:visited, a.gallery-standard:visited, a.gallery-chosen:visited, a.library-standard:visited {
  color: #800000;
}

a.standard:hover, a.sitemap:hover, a.gallery-standard:hover, a.gallery-chosen:hover, a.library-standard:hover {
  color: #FF5555;
}

a.sitemap:link, a.sitemap:visited, a.sitemap:hover, a.sitemap:active {
  font-weight: normal;
  font-size: 95%;
  padding-bottom: 10px;
}

a.sitemap:link, a.sitemap:visited {
  text-decoration: none;
}

a.sitemap:hover, a.sitemap:active {
  text-decoration: underline;
}