/* 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: #F74D0A url(/vimages/L9/mainBodyBG.jpg) repeat-x; /* DELETE THIS ENTIRE LINE IF NOT USING A BACKGROUND IMAGE */

  font-family: Arial, Helvetica, Verdana, sans-serif;

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

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

a:link, a:visited {
  color: #000;
  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 */
}

#wrapper3 {
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,.5);
          box-shadow: 0 0 15px rgba(0,0,0,.5);
  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 */
}

#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 */
}

/* 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%;
}

#logoImage:focus {
  outline: 2px solid #fff;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  margin-top: 2px;
  margin-left: 2px;
}

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

#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;
}


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

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

/* vbuttons ------------------------------------------------------------------- */
#vButtons {
  background: #000 url(/vimages/L9/vbuttonBar.png) scroll right top;
  font-weight: bold;
  height: 31px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 69px;
  width: 800px;
}

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

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

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

#vButtons li {
  display: inline;
  float: left;
  height: 31px;
  line-height: 31px;
  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, #vButtons a:focus {
  background-color: #000;
  border-top: 1px solid #000;
  color: #fff;
  line-height: 30px;
}

#vButtons a:focus {
  outline: 2px solid #fff;
}

#header.mastheadStyle3 #vButtons a:hover, #header.mastheadStyle3 #vButtons a:focus {
  border-top: none;
  line-height: inherit;
}

#vButtons:hover {
  height: auto;
  overflow: visible;
  z-index: 3; /* "Popup" menu needs to be on top of the masthead below */
}

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

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

/* masthead ------------------------------------------------------------------- */
#masthead, #mastheads {
  height: 250px;
  left: 0;
  position: absolute;
  top: 100px;
  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: #F74D0A;
  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: 2;
}

/* Screen reader accessible previous/next links */
.nivo-prevNav,
.nivo-nextNav {
  display: inline-block;
  margin: 5px !important;
  padding: 5px 10px !important;
  position: absolute !important;
  z-index: 1;
}
.nivo-nextNav {
  margin-left: 60px !important;
}

/* Image Rotator -------------------------------------------------------------- */
#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;
}

.image-rotator {
  margin-left: 590px;
}

.img-rotator-inner {
  position: relative;
}

.img-rotator-inner .img-fader {
  background: #000;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 5;
}

/* Make the iframed video player "responsive" */
.image-rotator .video-responsive {
  overflow: hidden;
  position: relative;
  height: 0;

  /* 16:9 aspect ratio */
/*  padding-bottom: 56.25%;*/
  /* 4:3 aspect ratio */
/*  padding-bottom: 75%;*/
  /* Custom aspect ratio */
  padding-bottom: 67.5%;
}
.image-rotator .video-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.image-rotator img {
  display: block;
  height: auto;
  width: 100%;
}

/* Take the image rotator out of the document flow while the bxSlider code is initializing
   JS removes the "invisible" class when the bsSlider is ready */
.img-rotator.invisible {
  position: absolute;
}

/* bxSlider overrides - https://bxslider.com/ --------------------------------- */
.image-rotator .bx-wrapper,
.image-rotator .bx-wrapper * {
  box-sizing: border-box;
}

.image-rotator .bx-wrapper {
  background: transparent;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
}

/* Below rotator */
.image-rotator.pager-align-below .bx-wrapper {
  margin-bottom: 32px;
}

/* Pager/indicators --------------------------------------- */
.image-rotator .bx-wrapper .bx-pager {
  bottom: 15px;
  z-index: 4;
  font-size: inherit;
  font-family: inherit;
  text-align: center;
  padding: 0 32px; /* 32px is width of previous-next control arrows */
}

.pager-align-left .bx-pager {
  text-align: left !important;
}

.pager-align-right .bx-pager {
  text-align: right !important;
}

/* Direct override by adding .masthead prefix */
.image-rotator .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  width: 100%;
}

.image-rotator .bx-wrapper .bx-pager.bx-default-pager a {
  background: #000;
  border: 1px solid #000;
  line-height: 15px;
  transition: all .5s ease;
}

.image-rotator .bx-wrapper .bx-pager.bx-default-pager a.active,
.image-rotator .bx-wrapper .bx-pager.bx-default-pager a:focus,
.image-rotator .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: #fff;
  border-color: #000;
}

/* Below rotator */
.image-rotator.pager-align-below .bx-wrapper .bx-pager {
  bottom: -22px;
}

/* Previous/Next Controls --------------------------------- */
.image-rotator .bx-wrapper .bx-controls-direction a {
  background: #000;
  border-radius: 50%;
  color: #fff;
  font-size: 32px;
  opacity: .3;
  text-indent: 0;
  transition: all .5s ease;
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: center;
}

.image-rotator .bx-wrapper .bx-controls-direction a:hover,
.image-rotator .bx-wrapper .bx-controls-direction a:focus {
  opacity: 1;
  text-decoration: none;
}

.image-rotator .bx-wrapper .bx-prev {
  left: 10px;
}

.image-rotator .bx-wrapper .bx-next {
  right: 10px;
}

/* Below rotator */
.image-rotator.pager-align-below .bx-wrapper .bx-controls-direction a {
  background: transparent;
  margin-top: 0;
  opacity: 1;
  top: auto;
  z-index: 5;
}

.image-rotator.pager-align-below .bx-wrapper .bx-prev {
  left: 0;
}

.image-rotator.pager-align-below .bx-wrapper .bx-next {
  right: 0;
}

/* Start/Pause Controls ----------------------------------- */

/* Direct override by adding .masthead prefix */
.image-rotator .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 5px;
  width: auto;
  bottom: 8px;
  z-index: 5;
}

.image-rotator .bx-wrapper .bx-controls-auto a {
  background: #000;
  border-radius: 5px;
  color: #fff;
  margin: 0;
  width: 25px;
  height: 25px;
  opacity: .3;
  text-indent: 0;
  transition: all .5s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}

.image-rotator .bx-wrapper .bx-controls-auto a:hover,
.image-rotator .bx-wrapper .bx-controls-auto a:focus {
  opacity: 1;
  text-decoration: none;
}

/* Below rotator */
.image-rotator.pager-align-below .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 32px;
  bottom: auto;
}
.image-rotator.pager-align-below .bx-wrapper .bx-controls-auto a {
  background: transparent;
  height: 32px;
  opacity: 1;
}

/* body ----------------------------------------------------------------------- */
#body {
  background-color: #fff;
  position: relative;
}

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

.subPage #mainNav {
  margin: 0 0 15px;
}

/* BEGIN 1st-level bucket background/colors =================================== */
#mainNav > li {
  background: #000;
}
#mainNav > li > a {
  border-color: #fff;
  color: #fff;
}

/* Alternating colors - DELETE THESE 2 RULES IF ALL BUCKETS ARE THE SAME COLOR
 *   nth-child(even) = buckets 2 and 4
 *   nth-child(odd)  = buckets 1, 3, and 5
 */
#mainNav > li:nth-child(even) {
  background: #000;
}
#mainNav > li:nth-child(even) > a {
  color: #fff;
}
/* END 1st-level bucket background/colors ===================================== */

/* ONLY EDIT THESE GRADIENTS IF YOU ARE CHANGING THE OPACITY OR COLOR STOPS */
#mainNav > li > a {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
  border-style: solid;
  border-width: 2px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  padding: 7px 0;
}

#mainNav > li {
  display: inline;
  float: left;
  height: 36px;
  margin: 0 13px 0 0;
  padding: 0;
  text-align: center;
  width: 176px;
}
#mainNav > li:first-child { margin-left: 13px; }

#mainNav a {
  color: #fff;
  display: block;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
}
#mainNav > li:nth-child(even) a {
  color: #fff;
}

/* "Bucket" menu */
#mainNav .main-nav-body {
  background-color: #000;
  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: 178px;
  min-height: 178px;
}
#mainNav > li:nth-child(even) .main-nav-body {
  background-color: #000;
}

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

#mainNav > .open > .main-nav-body,
#mainNav li:hover > .main-nav-body {
  display: block !important; /* Override the hidden class */
  height: auto;
  overflow: visible;
}

#mainNav a:focus,
#mainNav .main-nav-body li.open,
#mainNav .main-nav-body li:hover,
#mainNav .main-nav-body li.active {
  background-color: #666;
}
#mainNav .main-nav-body li:hover > a,
#mainNav .main-nav-body li.active > a {
  color: #fff;
}

#mainNav > li:nth-child(even) a:focus,
#mainNav > li:nth-child(even) .main-nav-body li.open,
#mainNav > li:nth-child(even) .main-nav-body li:hover,
#mainNav > li:nth-child(even) .main-nav-body li.active {
  background-color: #666;
}
#mainNav > li:nth-child(even) .main-nav-body li:hover > a,
#mainNav > li:nth-child(even) .main-nav-body li.active > a {
  color: #fff;
}

#mainNav .main-nav-footer {
  background-color: #000;
  border: 2px solid #fff;
  border-top: none;
  border-radius: 0 0 5px 5px;

  /* DROP-DOWN: If the '#mainNav div' height is set to zero, do the same here (height & min-height) */
  height: 15px;
  min-height: 15px;

  overflow: visible;
}
#mainNav > li:nth-child(even) .main-nav-footer {
  background-color: #000;
}

#mainNav .main-nav-footer .downArrow {
  color: #fff;
  font-size: 20px;
  position: relative;
}
#mainNav > li:nth-child(even) .main-nav-footer .downArrow {
  color: #fff;
}

#mainNav .main-nav-footer .downArrow:after {
  content: "\f0d7"; /* fa-caret-down */
  font-family: "Font Awesome 5 Pro";
  font-weight: 600;
  left: 48%;
  position: absolute;
  top: -5px;
}

#mainNav > li:hover .main-nav-footer {
  height: 15px;
}

#mainNav > .open .main-nav-footer .downArrow,
#mainNav > li:hover .main-nav-footer .downArrow,
.subPage #mainNav .main-nav-footer .downArrow {
  display: none;
}

#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%;
}

.subPage #mainNav ul li, #mainNav.noSectionImages ul li {
  height: auto;
  line-height: normal;
}

#mainNav ul a {
  font-size: inherit;
  font-weight: normal;
  padding: 5px 10px;
}

/* Main Nav Flyout menus ------------------------------------------------------ */
#mainNav .dropdown-submenu {
  position: relative;
}

#mainNav .dropdown-submenu > a {
  padding-right: 14px;
}

#mainNav .dropdown-menu-left .dropdown-submenu > a {
  padding-left: 14px;
  padding-right: 10px;
}

#mainNav .dropdown-submenu > a:after {
  content: "";
  float: right;
  margin: 1px -10px 0 0;
  border-left: 6px solid;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
#mainNav .dropdown-menu-left .dropdown-submenu > a:after {
  float: left;
  margin: 1px 0 0 -16px;
  border-left: 6px solid transparent;
  border-right: 6px solid;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

#mainNav .dropdown-submenu > .dropdown-menu {
  background-color: #000;
  border: 2px solid #fff;
  border-radius: 0 5px 5px 5px;
  display: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 100%;
  top: 0;
  width: 180px;
  z-index: 2;
}
#mainNav > li:nth-child(even) .dropdown-submenu > .dropdown-menu {
  background-color: #000;
}

#mainNav .dropdown-menu-left .dropdown-submenu > .dropdown-menu {
  border-radius: 5px 0 5px 5px;
  left: auto;
  right: 100%;
}

#mainNav .dropdown-submenu.open > .dropdown-menu,
#mainNav .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

/* 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) ---------------------------------------------------- */
#google_translate_element {
  background-color: #ccc;
  float: left;
  padding: 17px 0 16px;
  text-align: center;
  width: 184px;
}
#google_translate_element a {
  color: #000 !important;
}

/* Google Translate "Original text" contrast error fix */
#goog-gt-tt .title.gray {
  color: #000; /* Google's value? #999 on white background */
}

/* 2023-03-09 Latest "fix" for Google's accessibility contrast error for the "Original text" element */
body [id^="goog-gt"] h1[class] {
  color: #666;
}

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

#schoolAddress .addressLine {
  margin: 0;
}

#schoolAddress span {
  padding: 0 0 0 25px;
  position: relative;
}

/* Use CSS to create the circle separator */
#schoolAddress span:before {
  content: "";
  background-color: #333;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  position: absolute;
  left: 10px;
  top: 5px;
}

#schoolAddress span:first-child:before {
  background-color: transparent;
}

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

/* Copyright & SOCS Links (in footer) ----------------------------------------- */
#copyRight {
  line-height: 34px;
  text-align: center;
}

#copyRight span {
  border-left: 1px solid #000;
  padding: 0 10px;
}

#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;
}

/* 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;
}

/* 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 */

/* BEGIN Keyboard accessibility for navbar ------------------------------------ */
#mainNav .nav-keyboard-goto,
#subNav .nav-keyboard-goto {
  display: none;
}

#mainNav .open > .main-nav-body > ul > .nav-keyboard-goto,
#mainNav .open > ul > .nav-keyboard-goto,
#subNav .open > ul > .nav-keyboard-goto {
  display: block;
}

#mainNav a:focus,
#subNav a:focus {
  outline: 2px solid #fff;
}
/* END Keyboard accessibility for navbar -------------------------------------- */

/* Sidebar Tabs --------------------------------------------------------------- */
.sideTabs {
  background: transparent url(/vimages/L9/chBG.jpg) no-repeat;
  float: right;
  padding: 15px 10px 10px;
  width: 284px;
}

.sideTabs .tabsNav {
  display: block;
  font-size: 16px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  list-style: none;
  margin: 0 0 10px 5px;
  padding: 0;
}

.sideTabs .tabsNav li {
  float: left;
  list-style: none;
  margin-left: 10px;
  position: relative;
}
.sideTabs .tabsNav li:first-child { margin-left: 0; }

.sideTabs .tabsNav a {
  border-radius: 3px;
  color: #000;
  display: block;
  font-weight: bold;
  padding: 0 10px;
  text-decoration: none;
  transition: .3s all ease;
}

.sideTabs .tabsNav a:hover,
.sideTabs .tabsNav a:focus,
.sideTabs .tabsNav a.selected {
  background-color: #000;
  color: #fff;
}

/* App Store Links ------------------------------------------------------------ */
.app-store {
  padding: 1em;
  text-align: center;
}

.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;
}