@media screen {
  /* **********  WIDE SCREEN STYLES  ********** */



  /* ********************************** */
  /* BASIC STYLE DEFINITIONS            */
  /* ********************************** */

  body {}



  /* ******  pghead  ****** */
  .pghead .brand {
  }
  .pghead .brand img {
    width:  154px;
    height: 108px;
  }
  .pghead .brand .slogan {
    font-size: 1em;
    padding-left: 170px;
    padding-top: 82px;
    margin-top: -1.167em;
    max-width: 15em;
  }

  .pghead .skiplink {
    right: -9999px;
  }
  .pghead .skiplink a:after {
    content: none;
  }
  .pghead .skiplink a:focus,
  .pghead .skiplink a:active {
    background: #fff;
    border: 1px solid #029;
    padding: 3px 5px;
    right: 2%;
    position: absolute;
    right: -9999px;
    z-index:9999;
  }



  /* ******  .pgmiddle2 (alternate content zone)  ****** */
  .pgmiddle2 {
    font-size: 1.33em;
  }

  /* ******  .pgmiddle (content zone)  ****** */
  .pgmiddle {
    font-size: 1.25em;
  }


  /* ******  .pgmain (main column)  ****** */
  .pgmain {
    float: right;
    width: 74.5%;
    padding-left: 1.6em;
    border-left: 1px solid #ccc;
    margin-left: -1.6em;
  }


  /* ******  .pgaside (sidbar zone)  ****** */
  .pgaside {
    float: left;
    width: 20.5%;
  }


  /* ******  .pgfoot  ****** */




  /* ******  form elements  ****** */


  /* ******  .box (generic)  ****** */
  .box {
    padding-top: 13px;
    padding-bottom: 20px;
  }

  .pgmain .box {
    padding-left:   2.4%;
    padding-right:  2.4%;
    margin-right:  -1.2%;
    margin-left:   -1.2%;
  }
  .pgaside .box {
    padding-left:  4%;
    padding-right: 4%;
    margin-right: -2%;
    margin-left:  -2%;
  }





  /* ******  .cols  ****** */
  .cols {
    clear: both;
    margin-right: -5.5%;
    ~min-height:0; /* ie hasLayout fix */
  }
  .pgmiddle > .cols:first-child {
    margin-top: 0;
  }

  .cols > h1:first-child,
  .cols > h2:first-child {
    margin-right: 5.2%;
  }


  .col {
    padding: 0 1px;
  }

  .col,
  .cols > .box {
    display: inline-block;
    vertical-align: top;
    ~float: left;
    margin-right: 3%;
  }
  .pgaside .col {
    display: block;
    ~float: none;
    margin-right: 0;
    width: auto;
  }



  .col,
  .col.w-1_3 { width: 29.45%; }
  .cols > .col.w-2_3 { width: 62.45%; }
  .cols-4 > .col,
  .col.w-1_4 { width: 21.20%; }
  .cols-2 > .col,
  .col.w-1_2 { width: 46.00%; }
  .col.w-3_4 { width: 70.75%; }

  .cols > .box,
  .cols-3 > .box,
  .cols > .box.w-1_3 { width: 26.45%; }
  .cols > .box.w-2_3 { width: 59.45%; }
  .cols-4 > .box,
  .cols > .box.w-1_4 { width: 20.20%;  padding-left:  1%; padding-right: 1%; }
  .cols-2 > .box,
  .cols > .box.w-1_2 { width: 43.00%; }
  .cols > .box.w-3_4 { width: 69.75%; }



  .pgmain .cols > .box,
  .pgmain .cols-3 > .box,
  .pgmain .cols > .box.w-1_3 { width: 25.65%; }
  .pgmain .cols > .box.w-2_3 { width: 58.90%; }
  .pgmain .cols-2 > .box,
  .pgmain .cols > .box.w-1_2 { width: 42.30%; }

  .pgmain .col,
  .pgmain .col.w-1_3 { width: 28.65%; }
  .pgmain .col.w-2_3 { width: 61.90%; }
  .pgmain .cols-2 > .col,
  .pgmain .col.w-1_2 { width: 45.30%; }






  /* ******  .breadcrumbs  (may never get used)  ****** */

  .breadcrumbs1 { padding: 1px; height: 1.3em; margin-right: 60%; border-right: 2px solid #000; }
  .breadcrumbs2 p { margin-top: 0; float: right; }


  /* ******  .mainmenu  ****** */
  .breadcrumbs + .mainmenu {
    margin-top: 18px;
  }
  .mainmenu {
    position: absolute;
    width: 94%;
    max-width: 965px;
    top: 108px;
    margin: 18px 0 0 0;
    font-size: 1.167em;
    font-size: 1.25em;

    background: transparent none;
    border: none;
    font-weight: normal;
  }

  .mainmenu ul {
    float: right;
    position: relative;
    top: -1.333em;
    margin-top: -20px;
  }
  .mainmenu li {
    float: left;
    border: none;
    padding-left: 0;
  }
  .mainmenu li.current {
    border: none;
  }
  .mainmenu li a {
    border-left: 1px solid #ddd;
  }
  .mainmenu li:first-child a {
    border-left: none;
    margin-left: 1px;
  }
  .mainmenu li.current a {
    margin: -2px -1px -3px 0;
    border-top: 2px solid #e80022;
    border-left:  1px solid #999;
    border-right: 1px solid #ccc;
    padding-bottom: 13px;
  }

  .mainmenu li.home.current a {
    background: none;
    margin: 0;
    border: none;
    border-left: 1px solid #ddd;
    padding-bottom: 10px;
    font-weight: normal;
  }


  .mainmenu li.userinfo {
    max-width: none;
    top:  -55px;
    right: 0;
  }



  /* ******  setting hover/focus styles  ****** */
  a[href]:hover,
  a[href]:focus,
  a[href]:active {
    color: #e80022;
    text-decoration: underline;
  }
  a:hover,
  a:active {
    outline: none;
  }





  /* END: WIDE SCREEN */
}










@media screen and (min-width: 720px) and (max-width: 800px) {
  /* **********  MEDIUM SCREEN STYLES  ********** */



  .pghead .brand {
    font-size: 1em;
  }
  .pghead .brand img {
    width: 131px;
    height: 92px;
  }
  .pghead .brand .slogan {
    padding-left: 155px;
    padding-top: 70px;
  }

  .pgmiddle2 {
    font-size: 1.25em;
  }
  .pgmiddle {
    font-size: 1.167em;
  }




  .mainmenu {
    top: 92px;
  }
  .mainmenu ul {
    margin-top: -14px;
  }
  .mainmenu li a {
    padding: 7px 10px;
  }
  .mainmenu li.current a {
    padding-bottom: 9px;
  }
  .mainmenu li.home.current a {
    padding-bottom: 7px;
  }




  /* END: MEDIUM SCREEN */
}














@media print {
  /* **********  PRINT STYLES  ********** */



  /* END: PRINT */
}