/* 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: #bc31d6;
  text-decoration: none;
}

a:hover, a:active, a:focus {
  color: #000;
  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(/javascripts/iepngfix.htc); }

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

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

/* 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 {
  left: 738px;
  position: absolute;
  top: 22px;
}

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

#siteSearchForm label {
  display: none;
}

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

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

/* vbuttons ------------------------------------------------------------------- */
#vButtons {
  background-color: none;
  height: 30px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 70px;
  width: 820px;
}

#vButtons ul {
  float: right;
  height: 30px;
  margin: 0;
  padding: 0;
}

#vButtons li {
  display: inline;
  float: right;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
}

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

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

#vButtons a:hover {
  color: #fff;
/*
background-color: #4b4b4b;
outline: 1px solid #323232;
*/
}

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

#vButtons:hover ul {
  height: auto;
}

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

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

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

#mastheads {
  background-color: #bc31d6;
  overflow: hidden;
}

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

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

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

/* 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, #mainNav.noSectionImages {
  background: transparent url(/vimages/L9/subPageMainNavBG.png) no-repeat;
  margin: 0 0 10px;
}

/* IE6 CSS Hover Fix */
body.ie6 #mainNav { behavior: url(/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 {
  height: 32px;
  line-height: 32px;
}

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

/* "Bucket" menu */
#mainNav div {
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  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: #bc31d6;
}

#mainNav div.cTwo,#mainNav div.cFour {
  background-color: #bc31d6;
  color: #000;
}

#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 top;
}
#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 {
  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" */

#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: #dbb34a;
    color: #000;
}

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

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

}

#mainNav div.cTwo a#currentMainNav,#mainNav div.cFour a#currentMainNav {
  background-color: #dbb34a; /*#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 {
  clear: left;
}

#bottomBanner {
  padding-bottom: 10px;
}

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

/* Translation (in footer) ---------------------------------------------------- */
#footer .translate {
  background-color: #dbb34a;
  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: #000;
}

/* School Address (in footer) ------------------------------------------------- */
#schoolAddress {
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  color: #bc31d6;
  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 10px 0 20px;
}

#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 0 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: #f15d5d;
}

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