/* Colors ------------------------------------------------------------------

  Color scheme from kuler.com - Rule = "Shades"

  Lightest Blue  = 006bdc
  Light Blue     = 004c9c
  Blue           =  002750 (School Color)
  Dark Blue      = 002d5d
  Darkest Blue   = 001b36

  Lightest Brown = c9a97e
  Light Brown    = 8a7456
  Brown          = 7d694e (School Color)
  Dark Brown     = 63543e
  Darkest Brown  = 3d3326

/* IE Hacks -------------------------------------------------------------------

  To target a specific version of IE use the following prefix to the CSS selector:

  body.ie6 - Targets IE 6 or earlier
  body.ie7 - Targets IE 7
  body.ie8 - Targets IE 8 or later

/* Resets & overrides ------------------------------------------------------ */
html { background: none; }

/* Firefox has an unfortunate habit of showing the right scrollbar when a page is long and hiding
   it when the page doesn't reach below the fold, thus creating an undesireable "jump".
   This "fixes" the jump by keeping the scroll bar displayed at all times. */
html { overflow-y: scroll; }

/* Links & type ------------------------------------------------------------ */
body {
  background-color: #fff;
  font-family: Arial, Helvetica, Verdana, sans-serif;

  /* Override base-min.css */
  margin: 10px 0;
}

a:link, a:visited {
  color: #0c3a92;
  text-decoration: none;
}

a:hover, a:active, a:focus {
  color: #006bdc;
  text-decoration: underline;
}

/* Main layout ------------------------------------------------------------- */
#wrapper {
  margin: 0 auto;
  width: 992px; /* Background image width */
}

#wrapper2 { /* Main page */
  background: transparent url(../../../vimages/L9/mainPageBG.png) repeat-y;
}
/* IE6 PNG Fix */
body.ie6 #wrapper2 { behavior: url(http://www.hiawathaschools.org/javascripts/iepngfix.htc); }

#wrapper3 {
  margin: 0 auto;
  position: relative;
  width: 960px;
}

/* header --------------------------------------------------------------------- */
#header {
  background: transparent url(../../../vimages/L9/header.jpg) no-repeat;
/*BAH - Flash  height: 350px; /* header.jpg (100) + masthead.jpg (250) = 350px */
height: 385px; 
}

#header.mastheadStyle2 {
  height: 100px; /* Subtract the height of the masthead */
}

#header.mastheadStyle3 {
  background: transparent url(../../../vimages/L9/header_small.jpg) no-repeat;
  height: 287px; /* masthead.jpg (250) + vbutton height (37) = 287px */
}

/*BAH - Flash header */
#header .flash {
  position: absolute;
}

/* logo ----------------------------------------------------------------------- */
#logo {
  display: block;
  height: 87px;
  left: 32px;
  margin: 0;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  top: 9px;
  width: 82px;

/*   outline: 1px solid #fff; /* For debugging - aligning clickable area with logo */
}

#logoImage {
  display: block;
  height: 100%;
  width: 100%;
}

/* siteSearchForm ------------------------------------------------------------- */
#siteSearchForm {
/*BAH - Flash  left: 738px;*/
left: 15px;
  position: absolute;
/*BAH - Flash  top: 22px;*/
top: 104px;
}

#header.mastheadStyle3 #siteSearchForm {
  left: 750px;
  top: 5px;
}

#siteSearchForm2 {
  background: transparent url(../../../vimages/L9/searchbox.png) no-repeat;
  height: 27px;
  padding: 5px 0 0 6px;
  width: 198px;
}
body.ie6 #siteSearchForm2 { behavior: url(http://www.hiawathaschools.org/javascripts/iepngfix.htc); }

#siteSearchForm label {
  display: none;
}

#siteSearchForm .textInput {
  border: 0;
  float: left;
  outline: none;
  width: 171px;
}

#siteSearchForm #searchButton {
  padding: 3px 0 0;
}

/* vbuttons ------------------------------------------------------------------- */
#vButtons {
  font-weight: bold;
/*BAH - Flash  height: 31px;*/
height: 35px;
  overflow: hidden;
  position: absolute;
  right: 0;
/*BAH - Flash  top: 69px;*/
top: 100px;
/*BAH - Flash  width: 800px;*/
width: 735px;
}

#header.mastheadStyle3 #vButtons {
  left: 0;
  right: auto; /* undo initial rule above */
  top: 0;
  width: 750px;
}

#vButtons ul {
  float: right;
/*BAH - Flash  height: 31px;*/
  height: 35px;
  margin: 0;
  padding: 0;
}

#header.mastheadStyle3 #vButtons ul {
  float: left;
  height: 37px;
}

#vButtons li {
  display: inline;
  float: right;
/*BAH - Flash  height: 31px;*/
height: 35px;
/*BAH - Flash  line-height: 31px;*/
line-height: 35px;
  margin: 0;
  padding: 0;
}

#header.mastheadStyle3 #vButtons li {
  float: left;
  height: 37px;
  line-height: 37px;
}

#vButtons a {
  display: block;
  margin: 0 8px;
  padding: 0 5px;
  text-decoration: none;
  white-space: nowrap;
}

#vButtons a:link, #vButtons a:visited {
  color: #fff;
}

#vButtons a:hover {
  color: #cc0000;
}

#vButtons:hover {
  background: transparent url(http://www.hiawathaschools.org/vimages/L9/vbuttonBar.png) scroll right top;
  height: auto;
  overflow: visible;
  z-index: 3; /* "Popup" menu needs to be on top of the masthead below */
}

#header.mastheadStyle3 #vButtons:hover {
  background: #7D3413 url(../../../vimages/L9/header_small.jpg) scroll left top;
}

#vButtons:hover ul, #header.mastheadStyle3 #vButtons:hover ul {
  height: auto;
}

/* IE6 CSS Hover Fix */
body.ie6 #vButtons { behavior: url(http://www.hiawathaschools.org/javascripts/L9/cssHoverFix.htc); }

/* masthead ------------------------------------------------------------------- */
#masthead, #mastheads {
  height: 250px;
  left: 0;
  position: absolute;
/*BAH - Flash  top: 100px;*/
  top: 135px;
  width: 960px;
}

#masthead {
  background: transparent url(../../../vimages/L9/masthead.jpg) no-repeat;
}

#header.mastheadStyle3 #masthead {
  background: transparent url(../../../vimages/L9/masthead.png) no-repeat;
  top: 37px; /* vbutton height */
}

#mastheads {
  background-color: #0c3a92;
  overflow: hidden;
}

#mastheads ul {
  margin: 0;
  padding: 0;
}

#mastheads ul li {
  float: left;
  list-style-type: none;
}

#mastheads img {
  height: 250px;
  width: 960px;
}

#mastheads .nivo-slice, #mastheads .nivo-box {
  display: block;
  position: absolute;
  height: 100%;
}

.nivo-imageLink {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 6;
}

/* Image Rotator -------------------------------------------------------------- */
#imgRotator {
  background-color: #EC7D16;
  float: right;
  height: 250px;
  position: relative;
  width: 370px;
}

#imgRotator img {
  left: 0;
  position: absolute;
  top: 0;
}

#imgRotatorMask {
  background: transparent url(../../../vimages/L9/mastheadMask.png) no-repeat;
  float: right;
  height: 250px;
  position: absolute;
  right: 0;
  top: 0;
  width: 370px;
  z-index: 2;
}
body.ie6 #imgRotatorMask { behavior: url(http://www.hiawathaschools.org/javascripts/ie/iepngfix.htc); }

/* body ----------------------------------------------------------------------- */
#body {
  background-color: #fff;
}
body.ie6 #body { height: 1%; }

/* Main Horizontal Navigation ------------------------------------------------- */
#mainNav {
  float: left;
  list-style: none;
  margin: -30px 0 0;
  padding: 0;
  position: relative;
  z-index: 1;
}

.subPage #mainNav, .subPage #mainNav.noSectionImages {
  background: transparent url(../../../vimages/L9/subPageMainNavBG.png) no-repeat;
  margin: 0 0 10px;
}

#mainNav.noSectionImages {
  background: transparent url(../../../vimages/L9/subPageMainNavBG.png) no-repeat;
  margin: 0;
}

/* IE6 CSS Hover Fix */
body.ie6 #mainNav { behavior: url(http://www.hiawathaschools.org/javascripts/L9/cssHoverFix.htc); }

#mainNav li {
  display: inline;
  float: left;
  height: 30px;
  line-height: 30px;
  margin: 0 8px;
  padding: 0;
  text-align: center;
  width: 176px;
}

.subPage #mainNav li, #mainNav.noSectionImages li {
  height: 32px;
  line-height: 32px;
}

#mainNav a {
  color: #fff;
  display: block;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
}

/* This will color the section headings on buckets 1,3,5 */
#mainNav li.hOne a, #mainNav li.hThree a, #mainNav li.hFive a {
  color: #FFF;
}

/* This will color the section headings on buckets 2,4 */
#mainNav li.hTwo a, #mainNav li.hFour a {
  color: #FFF;
}

/* "Bucket" menu */
#mainNav div {
  border-left: 2px solid #cc0000;
  border-right: 2px solid #cc0000;
  margin: 0;
  overflow: hidden;

  /* DROP-DOWN: Control the height of the drop-down menu (height & min-height) */
  height: 180px;
  min-height: 180px;
}
body.ie6 #mainNav div { position: relative; } /* Fix IE6 ignoring "overflow: hidden" */

.subPage #mainNav div {
  height: 0;
  min-height: 0;
}

#mainNav li:hover div {
  height: auto;
  overflow: visible;
}
body.ie6 #mainNav li:hover div { height: 100%; position: static; }

#mainNav div.cOne,#mainNav div.cThree,#mainNav div.cFive {
  background-color: #0c3a92;
}

#mainNav div.cTwo,#mainNav div.cFour {
  background-color: #0c3a92;
}

#mainNav div.bOne,#mainNav div.bThree,#mainNav div.bFive,
#mainNav div.bTwo,#mainNav div.bFour,
#mainNav div.downArrow {
  border: none;
  
  /* DROP-DOWN: If the '#mainNav div' height is set to zero, do the same here (height & min-height) */
  height: 15px;     /* Image height */
  min-height: 15px; /* Image height */

  overflow: visible;
}
/* DROP-DOWN: If the '#mainNav div' height is set to zero, uncomment these rules for ie6 */
/*
body.ie6 #mainNav div.bOne,body.ie6 #mainNav div.bThree,body.ie6 #mainNav div.bFive,
body.ie6 #mainNav div.bTwo,body.ie6 #mainNav div.bFour { display: none; }
body.ie6 #mainNav li:hover div.bOne,body.ie6 #mainNav li:hover div.bThree,body.ie6 #mainNav li:hover div.bFive,
body.ie6 #mainNav li:hover div.bTwo,body.ie6 #mainNav li:hover div.bFour { display: block; }
*/

#mainNav div.downArrow {
  background: transparent url(../../../vimages/L9/downArrow.gif) no-repeat center 2px;
}
#mainNav li:hover div.downArrow {
  background-image: none;
}

.subPage #mainNav div.bOne,.subPage #mainNav div.bThree,.subPage #mainNav div.bFive,
.subPage #mainNav div.bTwo,.subPage #mainNav div.bFour,
.subPage #mainNav div.downArrow {
  border-top: none;
  height: 0;
  min-height: 0;
}
body.ie6 .subPage #mainNav div.bOne,body.ie6 .subPage #mainNav div.bThree,body.ie6 .subPage #mainNav div.bFive,
body.ie6 .subPage #mainNav div.bTwo,body.ie6 .subPage #mainNav div.bFour { display: none; }
body.ie6 .subPage #mainNav li:hover div.bOne,body.ie6 .subPage #mainNav li:hover div.bThree,body.ie6 .subPage #mainNav li:hover div.bFive,
body.ie6 .subPage #mainNav li:hover div.bTwo,body.ie6 .subPage #mainNav li:hover div.bFour { display: block; }

#mainNav div.bOne,#mainNav div.bThree,#mainNav div.bFive {
  background: transparent url(../../../vimages/L9/roundedBottom01.png) no-repeat;
}

#mainNav div.bTwo,#mainNav div.bFour {
  background: transparent url(../../../vimages/L9/roundedBottom02.png) no-repeat;
}

#mainNav li:hover div.bOne,#mainNav li:hover div.bTwo,#mainNav li:hover div.bThree,#mainNav li:hover div.bFour,#mainNav li:hover div.bFive {
  height: 15px;
}

#mainNav ul {
  margin: 0;
  padding: 5px 0 0;
}

#mainNav ul li {
  display: block;
  float: none;
  height: auto;
  line-height: normal;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100%;
}
body.ie6 #mainNav ul li, body.ie7 #mainNav ul li { line-height: 16px; width: 170px;} /* IE6-7 can't handle "line-height: normal" */

.subPage #mainNav ul li, #mainNav.noSectionImages ul li {
  height: auto;
  line-height: normal;
}
body.ie6 .subPage #mainNav ul li, body.ie7 .subPage #mainNav ul li { line-height: 16px; width: 170px;} /* IE6-7 can't handle "line-height: normal" */
body.ie6 #mainNav.noSectionImages ul li, body.ie7 #mainNav.noSectionImages ul li { line-height: 16px; width: 170px;} /* IE6-7 can't handle "line-height: normal" */

#mainNav ul a {
  font-size: inherit;
  font-weight: normal;
  padding: 3px 7px;
}
body.ie6 #mainNav ul a, body.ie7 #mainNav ul a { font-size: 13px; } /* IE6-7 can't handle "font-size: inherit" */

#mainNav div.cOne a:hover,#mainNav div.cThree a:hover,#mainNav div.cFive a:hover {
  background-color: #cc0000;
}

#mainNav div.cOne a#currentMainNav,#mainNav div.cThree a#currentMainNav,#mainNav div.cFive a#currentMainNav {
  background-color: #cc0000; /*#004c9c;*/
  cursor: default;
}

#mainNav div.cTwo a:hover,#mainNav div.cFour a:hover {
  background-color: #cc0000;
}

#mainNav div.cTwo a#currentMainNav,#mainNav div.cFour a#currentMainNav {
  background-color: #cc0000; /*#3d3326;*/
  cursor: default;
}

/* vbanner -------------------------------------------------------------------- */
#leaderBoard, #topBanner, #bottomBanner {
  text-align: center;
}

#leaderBoard table, #topBanner table, #bottomBanner table {
  /* This will cause the table to be centered in Mozilla and Opera */
  margin-left: auto;
  margin-right: auto;
  padding-bottom: .5em;
}

#leaderBoard object, #leaderBoard iframe,
#topBanner object, #topBanner iframe,
#bottomBanner object, #bottomBanner iframe {
  display: block;
  margin: 0 auto;
}

#leaderBoard {
  margin: 0 auto 10px;
  width: 960px;
}

#topBanner, #bottomBanner {
  clear: left;
  margin-bottom: 1em;
}

/* footer --------------------------------------------------------------------- */
#footer {
  background-color: #fff;
  clear: left;
  overflow: hidden; /* float containment */
}

/* Translation (in footer) ---------------------------------------------------- */
#footer .translate {
  background-color: #0c0966;
  float: left;
  height: 50px;
  padding: 5px 0 2px;
  text-align: center;
  width: 184px;
}

#footer .translate label {
  display: none;
}

#footer .translate p {
  margin: 0 0 3px;
}

#footer .translate a {
  font-weight: bold;
  color: #FFF;
}

/* School Address (in footer) ------------------------------------------------- */
#schoolAddress {
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  color: #0c3a92;
  font-size: 15px;
  font-weight: bold;
  height: 55px;
  line-height: 55px;
  margin: 0 0 0 195px;
  text-align: center;
}

#schoolAddress span {
  background: transparent url(../../../vimages/L9/bullet.jpg) no-repeat scroll left center;
  padding: 0 15px 0 22px;
}

#schoolAddress span.first {
  background: none;
  padding-left: 0;
}

#schoolAddress span.last {
  padding-right: 0;
}

/* Copyright & SOCS Links (in footer) ----------------------------------------- */
#copyRight {
  line-height: 34px;
  margin: 0 0 10px 195px;
  text-align: center;
}
body.ie6 #copyRight { height: 34px; position: relative; }

#copyRight span {
  border-left: 1px solid #000;
  padding: 0 10px;
}
body.ie6 #copyRight span { position: relative; top: 10px; } /* Center text vertically */

#copyRight span.first {
  border-left: none;
  padding-left: 0;
}

#copyRight span.last {
  padding-right: 0;
}

#copyRight img {
  vertical-align: middle;
}

/* Misc ----------------------------------------------------------------------- */
.hidden, .hiddenNav {
  display: none;
}

.clearing {
  clear: both;
  height: 0;
}

#upgradeBrowser {
  background-color: #600;
  border: 2px solid #000;
  font-size: 18px;
  margin: 0 auto 10px;
  padding: 10px 5px 5px;
  text-align: center;
}

#upgradeBrowser p {
  color: #fff;
  margin: 0 0 5px;
}

#upgradeBrowser a:link, #upgradeBrowser a:visited, #upgradeBrowser a:hover {
  color: #000;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
body.ie6 .clearfix, body.ie7 .clearfix { zoom: 1; }