/* 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: #000;
  font-family: Arial, Helvetica, Verdana, sans-serif;
}

body.subPage {
  background: #fff url(/vimages/L10/mainBodyBG_grey.jpg) no-repeat fixed center top;
}

.touch body { min-width: 980px; }

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

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

.subPage a:link, .subPage a:visited,
.maag a:link, .maag a:visited {
  color: #cc0000;
  text-decoration: none;
}

.subPage a:hover, .subPage a:active, .subPage a:focus,
.maag a:hover, .maag a:active, .maag a:focus {
  color: #666;
  text-decoration: underline;
}
/* Header (includes topper, navigation and masthead) -------------------------- */
#hdtop {
}

.subPage #hdtop {
  background-color: #000;
}

#hdtop1 {
}

#hdtop2 {
  background: transparent url(/vimages/L10/dropShadowHeader.png) no-repeat center top; 
  padding-top: 20px;
  background-color: rgba (51,5,235,0.85); /* #000; */
}

.subPage #hdtop2 {
  background-image: none;
}

#hdtop3 {
  background-color: #3305eb;
  background-color: rgba(51,5,235,0.85);
  *background-color: #fff; /* IE7 and below */
  background-image: url(/vimages/L10/topper.png);
  background-repeat: no-repeat;
  height: 135px;
  margin: 0 auto;
  position: relative;
  width: 960px;
}

.subPage #hdtop3 {
  background-color: #000;
}

#hdnav {
}

.mastheadStyle2.subPage #hdnav {
  background: #b2b2b2 url(/vimages/L10/navBG.jpg) repeat;
}

#hdnav1 {
}

#hdnav2 {
  background: transparent url(/vimages/L10/dropShadowHeader.png) no-repeat center top;
  padding-top: 20px;
}

.mastheadStyle2 #hdnav2 {
  background: transparent url(/vimages/L10/dropShadowBody.png) repeat-y center top;
  padding-top: 0;
}

.mastheadStyle2.subPage #hdnav2 {
  background-image: url(/vimages/L10/dropShadowHeader.png);
}

#hdnav3 {
  background-color: #cc0000;
  margin: 0 auto;
  width: 960px;
}

.mastheadStyle2 #hdnav3 {
  background-color: transparent;
}

#hdmast {
}

#hdmast1 {
}

#hdmast2 {
  background: transparent url(/vimages/L10/dropShadowBody.png) repeat-y center top;
}

#hdmast3 {
  background-color: #cc0000;
  margin: 0 auto;
  width: 960px;
}

.mastheadStyle2 #hdmast3 {
  background-color: #3305eb;
  background-color: rgba(51,5,235,0.85);
  *background-color: #000; /* IE7 and below */
  position: relative;
}

.mastheadStyle2.subPage #hdmast3 {
  background-color: #b2b2b2;
}

/* Body ----------------------------------------------------------------------- */
#bd {
}

#bd1 {
}

#bd2 {
  background: transparent url(/vimages/L10/dropShadowBody.png) repeat-y center top;
}

#bd3 {
  background-color: #fff;
  margin: 0 auto;
  width: 960px;
}

.mastheadStyle2 #bd3 {
  background-color: #3305eb;
  background-color: rgba(51,5,235,0.85);
 /* background-color: #b2b2b2; /* IE7 and below */
}

.mastheadStyle2.subPage #bd3 {
  background-color: #fff;
}

/* Footer --------------------------------------------------------------------- */
#ft {
}

#ft1 {
}

#ft2 {
  background: transparent url(/vimages/L10/dropShadowFooter.png) no-repeat center bottom;
  padding-bottom: 20px;
}

.mastheadStyle2.subPage #ft2 {
  background-image: none;
  padding-bottom: 0;
}

#ft3 {
  background-color: #d01f21;
  color: #fff;
  margin: 0 auto;
  width: 960px;
}

.mastheadStyle2 #ft3 {
  background-color: #d01f21;
  background-color: rgba(204,0,0,0.85);
  *background-color: #d01f21; /* IE7 and below */
  -webkit-border-radius: 0 0 3px 3px;
          border-radius: 0 0 3px 3px;
}

.mastheadStyle2.subPage #ft3 {
  width: auto;
}

#ft3 a:link, #ft3 a:visited, #ft3 a:hover {
  color: #fff;
}

.mastheadStyle2.subPage #ftRow1 {
  background: #000 url(/vimages/L10/carbonFiber_gray.jpg) repeat;
  border-bottom: none;
}

.mastheadStyle2.subPage #ftRow1-3 {
  margin: 0 auto;
  width: 960px;
}

.mastheadStyle2.subPage #ftRow2 {
  background-color: #d01f21;
}

.mastheadStyle2.subPage #ftRow2-3 {
  margin: 0 auto;
  width: 960px;
}

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

.mastheadStyle2.subPage #leaderBoard {
  background-color: #000;
}

#leaderBoard2 {
  margin: 0 auto;
  width: 960px;
}

#leaderBoard p, #topBanner p, #bottomBanner p {
  margin-bottom: 0;
}

#topBanner > div {
  border-bottom: 1px solid #999;
  padding: 8px 0;
  text-align: left;
}

.mastheadStyle2 #topBanner {
  border-bottom: none;
  padding: 0;
}

#topBanner.noBanner {
  display: none;
}

#bottomBanner {
  clear: both;
}

/* Sub-navigation Menu -------------------------------------------------------- */

/* 1st-level */
#subnav {
  background-color: #ddd;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

#subnav li {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
}

#subnav a {
  color: #000;
  margin: 0;
  padding: 0;
  text-decoration: none;
  white-space: nowrap;
}

#subnav a span {
  display: block;
  padding: 8px 9px;
  position: relative;  /* must have position set to anything other than static to use z-index */
  z-index: 3;          /* raises the z-index of the line item 3 levels all other elements */
}

#subnav li:hover span.top, #subnav a.selected span.top {
  background-color: #111;
  color: #fff;
  cursor: pointer;
}

/* 2nd-level */
#subnav li ul {
  background-color: #ddd;
  border: 1px solid #666;
  display: none;
  line-height: normal;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 185px;
  z-index: 7; /* 1 higher than links in the masthead - to keep drop-down menus from disappearing when mouse enters hyperlinked masthead images */
}

#subnav .dropdown.open > ul,
#subnav .dropdown:hover > ul {
  display: block;
}

#subnav ul li {
  display: block;
  float: none;
  margin: 0;
  padding: 0;
  position: relative;
}

#subnav ul a {
  white-space: normal;
}

#subnav ul a span {
  border-bottom: 1px solid #999;
  display: block;
  padding: 4px 4px 4px 8px;
}

#subnav ul li.last a span {
  border-bottom: none;
}

#subnav > .dropdown.open > a > span,
#subnav ul li:hover span, #subnav ul li a.selected span {
  background-color: #111;
  border-color: #111;
  color: #fff;
}

/* Navigation Menu ------------------------------------------------------------ */
#navIndicator {
  background: transparent url(/vimages/L10/navIndicator.png) no-repeat center top;
  height: 35px; /* Image height */
  position: absolute;
  z-index: 2;
}

/* 1st-level */
#nav {
  background: #c00 url(/vimages/L10/navBG.jpg) repeat;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

#nav li {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
}

#nav a {
  color: #fff;
  margin: 0;
  padding: 0;
  text-decoration: none;
  white-space: nowrap;
}

#nav a span {
  display: block;
  padding: 7px 9px 12px;
  position: relative;  /* must have position set to anything other than static to use z-index */
  z-index: 3;          /* raises the z-index of the line item 3 levels all other elements */
}

#nav > .dropdown.open > a > span,
#nav li:hover span.top, #nav a.selected span.top {
  background: transparent url(/vimages/L10/navIndicator.png) no-repeat center top;
  color: #fff;
  cursor: pointer;
}

/* 2nd-level */
#nav li ul {
  background-color: #d01f21;
  border: 1px solid #600;  /* Use border for "beveled" appearance */
  display: none;
  line-height: normal;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 185px;
  z-index: 7; /* 1 higher than links in the masthead - to keep drop-down menus from disappearing when mouse enters hyperlinked masthead images */
}

#nav .dropdown.open > ul,
#nav .dropdown:hover > ul {
  display: block;
}

#nav ul li {
  display: block;
  float: none;
  margin: 0;
  padding: 0;
  position: relative;
}

#nav ul a {
  white-space: normal;
}

#nav ul a span {
  border-top: 1px solid #fff; /* Use top & bottom border for "beveled" appearance */
  border-bottom: 1px solid #600;
  display: block;
  padding: 4px 4px 4px 8px;
  color: #fff;
}

#nav ul li.last a span {
  border-bottom: none;
}

#nav li span.navArrow {
  background: transparent url(/vimages/L10/navArrow.gif) no-repeat 177px 50%;
  padding: 4px 12px 4px 8px;
}

#nav ul > .dropdown.open > a > span,
#nav ul li:hover span {
  background-color: #b2b2b2;
  border-top: 1px solid #f22;
  color: #000;
}

#nav ul li a.selected span {
  background-color: #c00;
  border-top: 1px solid #f22;
  color: #fff;
}

/* 3rd-level */
#nav li ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}

#nav ul li:hover li span {
  background-color: #c00;
  border-top: 1px solid #f22;
  color: #fff;
}

#nav ul ul li:hover span {
  background-color: #b2b2b2;
  border-top: 1px solid #f22;
  color: #000;
}

#nav ul ul li a.selected span {
  background-color: #c00;
  border-top: 1px solid #f22;
  color: #fff;
}

#nav ul.level3 li a span {
  border-bottom: 1px solid #600;
}

#nav ul.level3 li.last a span {
  border-bottom: none;
}

/* BEGIN Keyboard accessibility for navbar ------------------------------------ */

/* Uncomment these rules to hide the down arrows - except from keyboard access *
#nav .fa-caret-down,
#subnav .fa-caret-down {
  display: none;
}
#nav > .open > a > span > .fa-caret-down,
#nav > li > a:focus > span > .fa-caret-down,
#subnav > .open > a > span > .fa-caret-down,
#subnav > li > a:focus > span > .fa-caret-down {
  display: inline-block;
}
**/

#nav .nav-keyboard-goto,
#subnav .nav-keyboard-goto {
  display: none;
}

#nav .open > ul > .nav-keyboard-goto,
#subnav .open > ul > .nav-keyboard-goto {
  display: block;
}

#nav a:focus,
#subnav a:focus {
  outline: none; /* Turn off <a> focus outline - outline will be added to the <span> inside the <a> */
}

#nav > li > a:focus > span {
  background: transparent url(/vimages/L10/navIndicator.png) no-repeat center top;
  outline: 2px solid #fff; /* make it noticeable */
}

#subnav > li > a:focus > span {
  background-color: #111;
  color: #fff;
  outline: 2px solid #fff; /* make it noticeable */
}

#nav .level2 > li > a:focus > span,
#nav .level3 > li > a:focus > span {
  background-color: #771517;
  border-color: #771517;
  color: #fff;
  outline: 2px solid #fff;

  /* adjust for the outline width */
  margin-bottom: 2px;
  padding-bottom: 2px;
}
#nav .level2 > .last > a:focus > span {
  margin-bottom: 1px;
}

#subnav .level2 > li > a:focus > span {
  background-color: #111;
  border-color: #111;
  color: #fff;
  outline: 2px solid #fff;

  /* adjust for the outline width */
  margin-bottom: 2px;
  padding-bottom: 2px;
}
#subnav .level2 > .last > a:focus > span {
  margin-bottom: 1px;
}
/* END Keyboard accessibility for navbar -------------------------------------- */

/* Masthead ------------------------------------------------------------------- */
#masthead {
  background: transparent url(/vimages/L10/masthead.png) no-repeat;
  height: 250px;
  position: relative;
  width: 960px;
}

#mastheadWrap { /* mastheadStyle2 */
  background: transparent url(/vimages/L10/mainPageMasthead.png) no-repeat center center;
  height: 300px; /* 370px; */
  position: relative;
  width: 960px;
}

.subPage #mastheadWrap { /* mastheadStyle2 */
  background: transparent url(/vimages/L10/subPageMasthead.png) no-repeat center center;
  height: 300px;
  position: relative;
  width: 960px;
}

.mastheadStyle2 #masthead, .mastheadStyle2 #mastheads {
  background: transparent  url(/vimages/L10/masthead.jpg)  no-repeat;
  height: 250px;
  left: 45px;
  overflow: hidden;
  position: absolute;
  top: 25px;
  width: 870px;
}

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

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

.mastheadStyle2 #mastheads img {
  height: 250px;
  width: 870px;
}

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

/* To get links working - (taken from nivo demo site) */
.nivo-imageLink { 
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 6;
}

/* logo ----------------------------------------------------------------------- */
#logo {
  display: block;
  height: 103px;
  left: 26px;
  margin: 0;
  overflow: hidden;
  position: absolute;
  text-indent: -999em;
  top: 15px;
  width: 620px;
  z-index: 1; /* Want it on top of the motto/address text */
}

#logoImage {
  display: block;
  height: 100%;
  width: 100%;
}
#logoImage:focus {
  border: 2px solid #fff;
  outline: none;
  height: calc(100% - 4px);
  width: calc(100% - 4px);
}

/* siteMotto & siteAddress ---------------------------------------------------- */
#siteMotto, #siteAddress {
  left: 170px;
  margin: 0;
  position: absolute;
}

#siteMotto {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  left: 170px;
  text-transform: uppercase;
  top: 55px;
}

#siteAddress {
  border-top: 1px solid #ccc;
  color: #aaa;
  font-weight: bold;
  padding: 0.75em 0 0;
  top: 85px;
  width: 500px;
}

#siteAddress span {
  background: transparent url(/vimages/L10/siteAddressBullet.png) no-repeat right center;
  padding: 0 15px 0 8px;
}

#siteAddress span.first {
  padding-left: 0;
}

#siteAddress span.last {
  background-image: none;
  padding-right: 0;
}

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

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

#imgRotatorMask {
  background: transparent url(/vimages/L10/mastheadMask.png) no-repeat;
  float: right;
  height: 250px;
  position: absolute;
  right: 0;
  top: 0;
  width: 370px;
  z-index: 2;
}

/* Content -------------------------------------------------------------------- */
#content, .mastheadStyle2.subPage #content {
  /* Faux column color - 2nd column */
  background: transparent url(/vimages/L10/contentBG.jpg) repeat-y right top;
  position: relative; /* Need an anchor for the "social media" bar which will be at the bottom of the 2nd column */
}

.mastheadStyle2 #content {
  background-image: none;
}

/* Remove the "faux column" image for the 2nd column - when the 2nd column is no longer displayed (wideload) */
#content.wideload {
  background: none;
}

/* Main Content --------------------------------------------------------------- */
#contentMain {
  background-color: #fff;
  float: left;
  padding: 0 20px;
  width: 550px; /* 590 - (20 * 2) = 550 */
}

.mastheadStyle2 #contentMain {
  background-color: transparent;
  color: #fff;
}

.mastheadStyle2.subPage #contentMain {
  color: #000;
}

/* Accomodate Calendar and Archive page - no 2nd column */
#contentMain.wideload {
  width: 920px;
}

.mastheadStyle2.subPage #contentMain.wideload {
  background-color: #fff;
}

/* Sidebar Content ------------------------------------------------------------ */
#contentSide {
  float: right;
  width: 370px;
}

.mastheadStyle2 #contentSide {
  padding-right: 20px;
  width: 350px;
}

#sideHd, .mastheadStyle2.subPage #sideHd {
  background-color: #000;
  border-bottom: 1px solid #ccc;
  height: 34px;
  position: relative;
}

.mastheadStyle2 #sideHd {
  background-color: transparent;
  border-bottom: 1px solid #fff;
}

/* Search --------------------------------------------------------------------- */
#siteSearchForm {
  background: transparent url(/vimages/L10/searchBox.gif) no-repeat;
  height: 20px; /* Image height */
  left: 166px;
  padding: 2px 0 0 8px;
  position: absolute;
  top: 8px;
  width: 175px; /* Image width */
}

.mastheadStyle2 #siteSearchForm {
  -webkit-border-radius: 0 0 3px 3px;
          border-radius: 0 0 3px 3px;
/*   background-color: #d01f21; */
  background-image: none;
  height: 41px;
  left: 693px;
  padding: 0;
  top: 0;
  width: 240px;
}

.mastheadStyle2 #siteSearchForm2 {
  background-color: #fff;
  border: 1px solid #c00;
  height: 18px;
  margin: 10px 8px 0;
  padding: 2px;
}

#siteSearchForm .textInput {
  border: 0;
  float: left;
 
  width: 145px;
}
.mastheadStyle2 #siteSearchForm .textInput { width: 200px; }

#siteSearchForm #searchButton {
  padding: 2px 0 0 3px;
}
.mastheadStyle2 #siteSearchForm #searchButton { padding: 3px 0 0; }

/* customMastheadLinks ---------------------------------------------------------- */
#customMastheadLinks {
  height: 71px;
  left: 30px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 289px;
  width: 900px;
}

#customMastheadLinks li {
  float: left;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-indent: -9999px;
}

#customMastheadLinks a {
  display: block;
  height: 71px;
  width: 225px; 
}

/* Sidebar Tabs --------------------------------------------------------------- */
#sideTabs, .mastheadStyle2.subPage #sideTabs {
  /* Need room at bottom of 2nd column for the social media bar */
  padding: 10px 25px 40px;
}

.mastheadStyle2 #sideTabs { padding: 15px 0 40px; }

#sideTabs ul.tabsNav, .mastheadStyle2.subPage #sideTabs ul.tabsNav {
  border-bottom: 1px solid #000;
  display: block;
  font-size: 123.1%; /* 16px */
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  list-style: none;
  margin: 0;
  padding: 0 0 3px;
}

.mastheadStyle2 #sideTabs ul.tabsNav {
  border-bottom: 1px solid #fff;
  font-size: 153.9%; /* 20px */
  height: 25px;
  line-height: inherit;
}

#sideTabs ul.tabsNav li, .mastheadStyle2.subPage #sideTabs ul.tabsNav li {
  border-right: 1px solid #000;
  float: left;
  list-style: none;
  padding: 0;
  position: relative;
}

.mastheadStyle2 #sideTabs ul.tabsNav li {
  border-right: 1px solid #fff;
  padding: 0 10px;
}

.mastheadStyle2 #sideTabs ul.tabsNav li.first {
  padding-left: 0;
}

#sideTabs ul.tabsNav li.last, .mastheadStyle2.subPage #sideTabs ul.tabsNav li.last {
  border-right: 0;
}

.mastheadStyle2 #sideTabs ul.tabsNav li.last {
  padding-right: 0;
}

#sideTabs ul.tabsNav li a, .mastheadStyle2.subPage #sideTabs ul.tabsNav li a {
  color: #fff;
  display: block;
  font-weight: bold;
 
  padding: 0 10px;
  text-decoration: none;
}

.mastheadStyle2 #sideTabs ul.tabsNav li a {
  color: #bbb;
  padding: 0;
}

#sideTabs ul.tabsNav li a:hover, .mastheadStyle2.subPage #sideTabs ul.tabsNav li a:hover {
  color: #fff;
}

.mastheadStyle2 #sideTabs ul.tabsNav li a:hover {
  color: #fff;
}

#sideTabs ul.tabsNav li a.selected, .mastheadStyle2.subPage #sideTabs ul.tabsNav li a.selected {
  color: #fff;
}

.mastheadStyle2 #sideTabs ul.tabsNav li a.selected {
  color: #fff;
}

#sideTabs .sidePanel {
  /* IE needs a background color to prevent font anti-aliasing problems when jQuery fading */
  background-color: #ddd;
}

.mastheadStyle2 #sideTabs .sidePanel {
  background-color: transparent;
}

/* vButtons ------------------------------------------------------------------- */
#vButtons ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#vButtons li, .mastheadStyle2.subPage #vButtons li {
  border-bottom: 1px solid #fff;
  list-style: none;
  margin: 0;
  padding: 0;
}

.mastheadStyle2 #vButtons li {
  border-bottom: 1px solid #fff;
}

#vButtons li a  {
  display: block;
  font-size: 123.1%;
  font-weight: bold;
  padding: 12px 10px;
  text-decoration: none;
  -webkit-transition: .3s all ease;
  -moz-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
}

#vButtons li a:hover, #vButtons li a:active, #vButtons li a:focus {
  background-color: #d01f21;
  color: #fff;
}

#vButtons li .vbutton-image {
  text-align: center;
}

#vButtons li .vbutton-image img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Social Media Bar ----------------------------------------------------------- */
#socialMediaBar, .mastheadStyle2.subPage #socialMediaBar {
  background-color: #900;
  bottom: 0;
  position: absolute;
  right: 0;
  width: 370px; /* 2nd column width */
}
.mastheadStyle2 #socialMediaBar {
  background-color: #d01f21;
}

#socialMediaBar.wideload, .mastheadStyle2.subPage #socialMediaBar.wideload {
  background-color: #fff;
}

#socialMediaBar ul {
  list-style: none;
  margin: 0 0 0 25px;
  padding: 0;
}

#socialMediaBar.wideload ul {
  margin-left: 85px; /* This will need to be adjusted based on how many icons are in the bar */
}

#socialMediaBar li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 7px 10px 7px 0;
}

#socialMediaBar img {
  -webkit-border-radius: 2px;
          border-radius: 2px;
  vertical-align: middle;
}

/* Breadcrumbs ---------------------------------------------------------------- */
#sectionName {
  border-bottom: 1px solid #999;
  color: #d01f21;
  font-size: 93%;
  font-weight: normal;
  margin: 0;
  padding: 9px 0;
  text-transform: uppercase;
}

#sectionName a { /* siteimprove - "Link identified only by color" (1.4.1 Use of Color) */
  text-decoration: underline;
}

/* Footer Row 1 (School Address & vList Signup -------------------------------- */
#ftRow1 {
  border-bottom: 1px solid #fff;
}

/* Footer Row2 (Copyright & Translation) -------------------------------------- */
#ftRow2 {
  padding: 0 0 1em;
}

/* School Address ------------------------------------------------------------- */
#schoolAddress {
  float: left;
  font-size: 116%; /* 15px */
  font-weight: bold;
  padding: 10px 0 0;
  text-align: center;
  width: 630px;
}

#schoolAddress .addressLine {
  margin: 0 0 8px;
}

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

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

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

/* vList Signup --------------------------------------------------------------- */
#vlist {
  float: right;
  padding: 0 0 10px;
  width: 330px;
}

#vlist form {
  float: left;
  padding: 10px 0 0 20px;
  width: 205px;
}

#vlist p {
  font-weight: bold;
  margin: 0 0 5px;
}

#vlist p.multiple {
  margin-top: 8px;
}

#vlist #email {
  background: transparent url(/vimages/L10/vlistEmailBox.png) no-repeat;
  border: 0;
  font-size: 85%; /* 11px */
  height: 18px;
  line-height: 18px;
 
  padding: 0 5px;
  width: 168px; /* (5 * 2) + 168 = 178 (Image width) */
}

#vlist input {
  vertical-align: middle;
}

#vlist ul {
  display: inline;
  float: right;
  font-size: 93%; /* 12px */
  margin: 18px 35px 0 0;
  padding: 0;
  text-transform: lowercase;
}

#vlist a:link, #vlist a:visited, #vlist a:hover {
  text-decoration: underline;
}

/* Copyright & SOCS Links ----------------------------------------------------- */
#copyRight {
  float: left;
  margin: 0;
  padding: 14px 0;
  text-align: center;
  width: 775px;
}

#copyRight span {
  border-left: 1px solid #fff;
  padding: 0 7px;
}

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

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

#copyRight img {
  padding-top: 0;
  vertical-align: middle;
}

/* Translation ---------------------------------------------------------------- */
#google_translate_element {
  float: right;
  padding: 10px;
  text-shadow: none;
}
#google_translate_element a {
  color: #000 !important;
}

/* Misc ----------------------------------------------------------------------- */
#upgradeBrowser {
  padding: 1em 0;
}

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

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

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

.hidden, .hiddenNav {
  display: none;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;

  /* Accessibility Contrast Errors Fix */
  background-color: #fff !important;
  color: #333 !important;
}
.visuallyhidden a { color: #333 !important; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Misc ----------------------------------------------------------------------- */
.sr-only {
  /* ACCESSIBILITY NOTE ===========================================================================
     To fix accessibility "contrast" errors related to any "sr-only" elements, force the
     background and foreground colors to black on white.

     The "sr-only" class is for screen readers only and lifted from Bootstrap.
  */
  background-color: #fff !important;
  color: #333 !important;

  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/* vnotifier  ----------------------------------------------- */

.notifierList {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.notifierList .listWrapper {
    /* min-height: 4em; */
    overflow: hidden;
    height: 0;
    -webkit-transition: height .5s .5s;
    transition: height .5s .5s;
}

.notifierList .listWrapper th {
  vertical-align: top;
}

.notifierList ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.notifierList li {
  padding-bottom: 0.25em;
}

.notifierList table {
  border: none;
  margin: 0;
  table-layout: fixed;
  width: 100%;
}

.notifierList th {
  border-right: 1px solid /*#ddd*/;
  padding: 0 0.5em 0 0;
  text-align: right;
  width: 2em;
}

.notifierList td {
  padding: 0 0 0 0.5em;
  text-align: left;
  word-wrap: break-word;
  vertical-align: middle;
}

.notifierList select {
  height: 2.5em;
  width: 100%;
  margin: .25em 0;
  background: none; /* height doesn't take effect without a background... */
}

.notifierItem table {
  width: 100%;
}

.notifierItem caption {
  background-color: #5e5e5e;
  color: #fff;
  text-align: left;
  padding: 0.5em;
  font-weight: bold;
}

.notifierItem th {
  text-align: right;
}


/* end vnotifier */
/* App Store Links ------------------------------------------------------------ */
.app-store {
  clear: both;
  color: #fff;
  margin-bottom: 1em;
  padding: 1em 0 0 10px;
}

.app-store .app-store-heading {
  font-size: 16px;
  line-height: 1.2;
  margin: 0 0 0.5em;
}

.app-store .app-store-links a {
  display: inline-block;
  text-decoration: none;
}

.app-store .app-store-links a + a {
  margin-left: 1em;
}

.app-store .app-store-links img {
  max-width: 100%;
  height: auto;
}

/* Overriding earlier rules */
#schoolAddress {
  padding: 10px 0 0 10px;
  text-align: left;
  width: 620px;
}