/* --------------------------- SCREEN LAYOUT --------------------------- */

@media screen 
{

  /* ------------------- main body ------------------- */

  html, body 
  {
      margin:0;
      padding:0;
      background-image: url(http://img.usd437.net/images/background.jpg);
      background-repeat: repeat-x;
      background-color:#FFFFFF;
  }

  #pageWidth
  {
      width:930px;
      text-align:center;
      margin-left:auto;
      margin-right:auto;
  }

  .main
  {
      display:block;
      width:65%;
      float:left;
  }

  .sidebar
  {
      display:block;
      width:30%;
      float:right;
      padding:5px;
      border: 1px solid #999;
      background-color:#DDD;
  }

  td.leftBodyShadow
  {
      background-image:url(http://img.usd437.net/images/leftBodyShadow.jpg);
      background-position: top right; 
      background-repeat: no-repeat;
  }

  td.rightBodyShadow
  {
      background-image:url(http://img.usd437.net/images/rightBodyShadow.jpg);
      background-position: top left; 
      background-repeat: no-repeat;
  }

  /* ---------------- side navigation ---------------- */

  #sideMenu 
  {
      height: 428px;
      background: repeat-x top;
      background-image: url(http://img.usd437.net/images/leftGradientShadow.jpg);
      border-right-width: 1px;
  }

  #sideMenu .hNavSpace 
  {
      height: 20px;
  }

  #sideMenu .Nav
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 12px;
      color: #000000;
      text-transform: capitalize;
      letter-spacing: 0.05em;
      border-bottom-width:1px;
      border-bottom-style: dotted;
      border-bottom-color: #999999;
      width: 223px;
      text-align: right;
      left: 10px;
      padding-top: 8px;
      padding-left: 13px;
      padding-right: 13px;
      padding-bottom: 8px;
  }

  #sideMenu .Nav a
  {
      color: #000000;
      display:block;
      font-size:10;
      letter-spacing: 0.04em;
      text-decoration: none;
  }

  #sideMenu .Nav a:hover
  {
      background-repeat: no-repeat;
      background-position: 5px;
      border-bottom-width: 1px;
      border-bottom-color: #000000;
      color: #333333;
  }

  td.leftSideNavShadow
  {
      background-image:url(http://img.usd437.net/images/leftGradientShadow.jpg);
      background-position: top right; 
      background-repeat: no-repeat;
  }

  td.rightSideNavShadow
  {
      background-image:url(http://img.usd437.net/images/rightGradientShadow.jpg);
      background-position: top left; 
      background-repeat: no-repeat;
  }

  /* -------------------- top bar -------------------- */

  .LoginCell 
  { 
      background-image: url(http://img.usd437.net/images/blueLogin.jpg);
      background-repeat: repeat-x;
      line-height: 41px;
      height: 41px;
      width: 900px;
  }

  /* ---------------- top navigation ----------------- */

  .greyTopNav 
  {
      background-image: url(http://img.usd437.net/images/greymanu.jpg);
      background-repeat: repeat-x;
      height: 32px;
      line-height: 32px;
      width: 900px;
      font-family: Verdana;
      font-size: 10px;
      color: #003366;
      text-indent: 20px;
      text-decoration: none;
      letter-spacing: .04em;
  }

  .greyTopNav a 
  {
      line-height: 32px;
      font-family: Verdana;
      font-size: 10px;
      color: #003366;
      text-indent: 20px;
      text-decoration: none;
      letter-spacing: .04em;
  }

  .greyTopNav a:hover 
  {
      line-height: 32px;
      font-family: Verdana;
      font-size: 10px;
      color: #003366;
      text-indent: 20px;
      text-decoration: underline;
      letter-spacing: .04em;
  }

  /* --------------------- logo ---------------------- */

  .Logo
  {
      height:232px;
      width:260px;
  }

  /* ------------ breadcrumbs and search ------------- */

  .BreadCrumbCell 
  {
      background-image: url(http://img.usd437.net/images/greyBreadcrumbs.jpg);
      background-repeat: repeat-x;
      line-height: 31px;
      height: 31px;
      width: 640px;
      font-family: Tahoma;
      font-size: 10px;
      color: #FFFFFF;
      text-align: left;
      text-indent: 15px;
  }

  .BreadCrumbCell a 
  {
      font-family: Tahoma;
      font-size: 10px;
      color: #FFFFFF;
      text-align: left;
      text-indent: 15px;
      text-decoration: none;
  }

  .BreadCrumbCell a:hover 
  {
      font-family: Tahoma;
      font-size: 10px;
      color: #FFFFFF;
      text-align: left;
      text-indent: 15px;
      text-decoration: underline;
  }

  .BreadCrumbCell a:active 
  {
      font-family: Tahoma;
      font-size: 10px;
      color: #FFFFFF;
      text-align: left;
      text-indent: 15px;
      text-decoration: underline;
  }

  .searchInput 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #666666;
      border: 1px solid #CCCCCC;
  }

  /* ------------------ school name ------------------ */

  .WelcomeClass 
  {
      background-image: url(http://img.usd437.net/images/blueWelcome.jpg);
      background-repeat: repeat-x;
      line-height: 32px;
      height: 32px;
      width: 245px;
      font-family: Verdana;
      font-size: 12px;
      font-weight: bold;
      color: #FFFFFF;
      text-decoration: none;
      text-align: right;
      display: inline-block;
      text-indent: 20px;
      padding-right: 15px;
  }

  /* --------------------- footer -------------------- */

  td.lowBar
  {
      background-image:url(http://img.usd437.net/images/lowGoldBar.jpg);
      background-position: top left; 
      background-repeat: repeat-x;
  }

  .LowBlackFooter 
  { 	
      height: 208px;
      background-image:url(http://img.usd437.net/images/lowBlackGrad.jpg);
      background-repeat: repeat-x;
      background-position: left top;
      background-color: #33312B;
      padding: 25px 33px 0px 33px;
  }

  .CopyrightFooter 
  {
      background-color: #201E1B;
      height: 31px;
      text-align: center;
      font: 9px/31px Verdana, Arial, Helvetica, sans-serif;
      color: #FFFFFF;
 }

  .CopyrightFooter a 
  {
      text-align: center;
      font: 9px/31px Verdana, Arial, Helvetica, sans-serif;
      color: #FFFFFF;
      text-decoration: underline;
  }

  .CopyrightFooter a:hover 
  {
      text-align: center;
      font: 9px/31px Verdana, Arial, Helvetica, sans-serif;
      color: #FFFFFF;
      text-decoration: underline;
  }

  .CopyrightFooter a:active 
  {
      text-align: center;
      font: 9px/31px Verdana, Arial, Helvetica, sans-serif;
      color: #FFFFFF;
      text-decoration: underline;
  }

  /* -------------------- images -------------------- */

  img.floatLeft 
  { 
      float: left; 
      margin: 4px;
  }

  img.floatRight 
  { 
      float: right; 
      margin: 4px;
  }

  /* --------------- header text style --------------- */

  #Header 
  {
      padding-top: 13px;
      padding-right: 13px;
      padding-left: 13px;
      font-family: Georgia;
      font-size: 24px;
      color: #000033;
      line-height: 28px;
  }

  .Header 
  {
      font-family: Georgia;
      font-size: 24px;
      color: #000033;
      line-height: 28px;
  }

  .Header a 
  {
      font-family: Georgia;
      font-size: 24px;
      color: #000033;
      line-height: 28px;
  }

  .Header a:hover 
  {
      font-family: Georgia;
      font-size: 24px;
      color: #000033;
      line-height: 28px;
      text-decoration: underline;
  }

  .Header a:active 
  {
      font-family: Georgia;
      font-size: 24px;
      color: #000000;
      line-height: 28px;
  }

  /* ---------- header text style centered ----------- */

  .HeaderCenter
  {
      font-family: Georgia;
      font-size: 24px;
      color: #000033;
      line-height: 28px;
      text-align: center;
  }

  .HeaderCenter a 
  {
      font-family: Georgia;
      font-size: 24px;
      color: #000033;
      line-height: 28px;
      text-align: center;
  }

  .HeaderCenter a:hover 
  {
      font-family: Georgia;
      font-size: 24px;
      color: #000033;
      line-height: 28px;
      text-decoration: underline;
      text-align: center;
  }

  .HeaderCenter a:active 
  {
      font-family: Georgia;
      font-size: 24px;
      color: #000000;
      line-height: 28px;
      text-align: center;
  }

  /* ---------- header text style right ----------- */

  .HeaderRight
  {
      font-family: Georgia;
      font-size: 24px;
      color: #000033;
      line-height: 28px;
      text-align: right;
  }

  .HeaderRight a 
  {
      font-family: Georgia;
      font-size: 24px;
      color: #000033;
      line-height: 28px;
      text-align: right;
  }

  .HeaderRight a:hover 
  {
      font-family: Georgia;
      font-size: 24px;
      color: #000033;
      line-height: 28px;
      text-decoration: underline;
      text-align: right;
  }

  .HeaderRight a:active 
  {
      font-family: Georgia;
      font-size: 24px;
      color: #000000;
      line-height: 28px;
      text-align: right;
  }

  /* ------------- subheader text style -------------- */

  #SubHeader 
  {
      padding-top: 2px;
      padding-right: 13px;
      padding-left: 13px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 15px;
      font-weight: bold;
      color: #000033;
      line-height: 28px;
  }

  .SubHeader
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 15px;
      font-weight: bold;
      color: #000033;
      line-height: 28px;
  }

  .SubHeader a 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 15px;
      font-weight: bold;
      color: #000033;
      line-height: 28px;
  }

  .SubHeader a:hover 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 15px;
      font-weight: bold;
      color: #000033;
      line-height: 28px;
      text-decoration: underline;
  }

  .SubHeader a:active 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 15px;
      font-weight: bold;
      color: #000000;
      line-height: 28px;
  }

  /* -------- subheader text style centered ---------- */

  .SubHeaderCenter
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 17px;
      font-weight: bold;
      color: #000033;
      line-height: 28px;
      text-align: center;
  }

  .SubHeaderCenter a 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 17px;
      font-weight: bold;
      color: #000033;
      line-height: 28px;
      text-align: center;
  }

  .SubHeaderCenter a:hover 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 17px;
      font-weight: bold;
      color: #000033;
      line-height: 28px;
      text-align: center;
      text-decoration: underline;
  }

  .SubHeaderCenter a:active 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 17px;
      font-weight: bold;
      color: #000000;
      line-height: 28px;
      text-align: center;
  }

  /* ---------- subheader text style right ----------- */

  .SubHeaderRight
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 17px;
      font-weight: bold;
      color: #000033;
      line-height: 28px;
      text-align: right;
  }

  .SubHeaderRight a 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 17px;
      font-weight: bold;
      color: #000033;
      line-height: 28px;
      text-align: right;
  }

  .SubHeaderRight a:hover 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 17px;
      font-weight: bold;
      color: #000033;
      line-height: 28px;
      text-align: right;
      text-decoration: underline;
  }

  .SubHeaderRight a:active 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 17px;
      font-weight: bold;
      color: #000000;
      line-height: 28px;
      text-align: right;
  }

  /* -------------- content text style --------------- */

  #Content 
  {
      padding-top: 1px;
      padding-right: 13px;
      padding-left: 13px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #000000;
      line-height: 17px;
  }

  .Content 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #000000;
      line-height: 17px;
  }

  .Content a 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #003366;
      line-height: 17px;
  }

  .Content a:hover 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #000033;
      line-height: 17px;
      text-decoration: underline;
  }

  .Content a:active 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #000000;
      line-height: 17px;
  }

  /* ---------- content text style centered ---------- */

  .ContentCenter 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #000000;
      line-height: 17px;
      text-align: center;
  }

  .ContentCenter a 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #003366;
      line-height: 17px;
      text-align: center;
  }

  .ContentCenter a:hover 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #000033;
      line-height: 17px;
      text-decoration: underline;
      text-align: center;
  }

  .ContentCenter a:active 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #000000;
      line-height: 17px;
      text-align: center;
  }

  /* ---------- content text style right ---------- */

  .ContentRight 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #000000;
      line-height: 17px;
      text-align: right;
  }

  .ContentRight a 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #003366;
      line-height: 17px;
      text-align: right;
  }

  .ContentRight a:hover 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #000033;
      line-height: 17px;
      text-decoration: underline;
      text-align: right;
  }

  .ContentRight a:active 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #000000;
      line-height: 17px;
      text-align: right;
  }

  /* -------------- header right flag --------------- */

  #HeaderRightFlag 
  {
      padding-top: 2px;
      padding-right: 13px;
      padding-left: 13px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: bold;
      color: #000033;
      line-height: 25px;
  }

  .HeaderRightFlag
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: bold;
      color: #000033;
      line-height: 25px;
  }

  .HeaderRightFlag a 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: bold;
      color: #000033;
      line-height: 25px;
  }

  .HeaderRightFlag a:hover 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: bold;
      color: #000033;
      line-height: 25px;
      text-decoration: underline;
  }

  .HeaderRightFlag a:active 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: bold;
      color: #000033;
      line-height: 25px;
  }

  /* -------------- content right flag --------------- */

  #ContentRightFlag 
  {
      padding-top: 1px;
      padding-right: 13px;
      padding-left: 13px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
      color: #000000;
      line-height: 14px;
  }

  .ContentRightFlag
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
      color: #000000;
      line-height: 14px;
  }

  .ContentRightFlag a 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
      color: #003366;
      line-height: 14px;
  }

  .ContentRightFlag a:hover 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
      color: #000033;
      line-height: 14px;
      text-decoration: underline;
  }

  .ContentRightFlag a:active 
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
      color: #000000;
      line-height: 14px;
  }

  /* ----------------- General Font ------------------ */

  .h1
  {
      padding-top: 13px;
      padding-right: 13px;
      padding-left: 13px;
      font-family: Georgia;
      font-size: 24px;
      color: #000033;
      line-height: 28px;
  }

  h1
  {
      padding-top: 13px;
      padding-right: 13px;
      padding-left: 13px;
      font-family: Georgia;
      font-size: 24px;
      color: #000033;
      line-height: 28px;
  }

  #header h2
  {
      padding-top: 2px;
      padding-right: 13px;
      padding-left: 13px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 17px;
      font-weight: bold;
      color: #000033;
      line-height: 28px;
  }

  #nav
  {
      position:absolute;
      left:0px;
      width:150px;
      background-color:#7C94A5;
      color:#FFF;
  }

  #content
  {
      padding: 13px;
      width: 100%;
  }

  #footer
  {
      font-size:90%;
      color:#FFF;
      text-align:right;
      padding:10px;
      background-color:#000;
      clear:both;
  }

  #nav li 
  {
      padding: 0px;
      font-size: 110%;
      color: #FFF;
      text-decoration: none;
      background-color: #0066B2;
      font-weight: bold;
  }

  #nav ul 
  {
      list-style-type: none;
      padding: 0px;
      margin: 0px;
  }

  #nav a:link, #nav a:visited  
  {
      color: #8CCAF9;
      text-decoration: none;
      border-left-style: solid;
      border-left-width: 20px;
      border-left-color: #5c7485;
      display: block;
      padding: 0px 0px 0px 5px;
      margin: 0px;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      border-bottom-color: #142A3B;
  }

  #nav a:hover, #nav a:active
  {
      color: #FFF;
      text-decoration: none;
      border-left-style: solid;
      border-left-width: 20px;
      border-left-color: #6CAAD9;
      display: block;
      padding: 0px 0px 0px 5px;
      margin: 0px;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      border-bottom-color: #142A3B;
  }

  /* -------------------- tables --------------------- */

  #BoxTableBlue-60
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      width: 60%;
      margin-left:128px;
      text-align: left;
      border-collapse: collapse;
  }

  #BoxTableBlue-60 th
  {
      background: #6A6A6A;
      border-top: 4px solid #2385A2;
      border-bottom: 1px solid #FFF;
      color: #FFF;
  }

  #BoxTableBlue-60 td
  {
      background: #F2F2F2; 
      border-bottom: 1px solid #fff;
      border-top: 1px solid transparent;
  }

  #BoxTableBlue-60 tr:hover td
  {
      background: #D2E8FC;
  }

  #BoxTableBlue
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      width: 100%;
      text-align: left;
      border-collapse: collapse;
  }

  #BoxTableBlue th
  {
      background: #6A6A6A;
      border-top: 4px solid #2385A2;
      border-bottom: 1px solid #FFF;
      color: #FFF;
  }

  #BoxTableBlue td
  {
      background: #F2F2F2; 
      border-bottom: 1px solid #fff;
      border-top: 1px solid transparent;
  }

  #BoxTableBlue tr:hover td
  {
      background: #D2E8FC;
  }

  #BoxTableGreen
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      width: 100%;
      text-align: left;
      border-collapse: collapse;
  }

  #BoxTableGreen th
  {
      background: #6A6A6A;
      border-top: 4px solid #80C980;
      border-bottom: 1px solid #FFF;
      color: #FFF;
  }

  #BoxTableGreen td
  {
      background: #F2F2F2; 
      border-bottom: 1px solid #fff;
      border-top: 1px solid transparent;
  }

  #BoxTableGreen tr:hover td
  {
      background: #80C980;
  }

  #BoxTableYellow-60
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      width: 60%;
      margin-left:128px;
      text-align: left;
      border-collapse: collapse;
  }

  #BoxTableYellow-60 th
  {
      background: #6A6A6A;
      border-top: 4px solid #FFFF80;
      border-bottom: 1px solid #FFF;
      color: #FFF;
  }

  #BoxTableYellow-60 td
  {
      background: #F2F2F2; 
      border-bottom: 1px solid #fff;
      border-top: 1px solid transparent;
  }

  #BoxTableYellow-60 tr:hover td
  {
      background: #FFFF80;
  }

  #BoxTableYellow
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      width: 100%;
      text-align: left;
      border-collapse: collapse;
  }

  #BoxTableYellow th
  {
      background: #6A6A6A;
      border-top: 4px solid #FFFF80;
      border-bottom: 1px solid #FFF;
      color: #FFF;
  }

  #BoxTableYellow td
  {
      background: #F2F2F2; 
      border-bottom: 1px solid #fff;
      border-top: 1px solid transparent;
  }

  #BoxTableYellow tr:hover td
  {
      background: #FFFF80;
  }

  #BoxTablePurple
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      width: 100%;
      text-align: left;
      border-collapse: collapse;
  }

  #BoxTablePurple th
  {
      background: #6A6A6A;
      border-top: 4px solid #7D4398;
      border-bottom: 1px solid #FFF;
      color: #FFF;
  }

  #BoxTablePurple td
  {
      background: #F2F2F2; 
      border-bottom: 1px solid #FFF;
      border-top: 1px solid transparent;
  }

  #BoxTablePurple tr:hover td
  {
      background: #FFFFFF;
      border-bottom: 1px solid #7D4398;
  }

  #BoxTableRed
  {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      width: 100%;
      text-align: left;
      border-collapse: collapse;
  }

  #BoxTableRed th
  {
      background: #6A6A6A;
      border-top: 4px solid #B02125;
      border-bottom: 1px solid #FFF;
      color: #FFF;
  }

  #BoxTableRed td
  {
      background: #F2F2F2; 
      border-bottom: 1px solid #fff;
      border-top: 1px solid transparent;
  }

  #BoxTableRed tr:hover td
  {
      background: #FFFFFF;
      border-bottom: 1px solid #B02125;
  }

  .odd {
      background-color: #E0E0E0;
  }

  .even {
      background-color: #FFFFFF;
  }
}

/* ------------------------- END SCREEN LAYOUT -------------------------- */