@charset "utf-8";
/* CSS Document */

/* hide from ie on mac */
#flashcontent, #flashcontent2 {
  height: 100%;
}
/* end hide */

#Container {
  position:absolute;
  left:-5px;
  top:0px;
  width:980px;
  height:600px;
  z-index:2;
}

#LogoArea {
  position: relative;
  float: left;
  width: 200px;
  height: 55px;
  z-index: 21;
}

#translate,
#SearchArea,
#GoogleArea {
  position: relative;
  padding-top: 16px;
}

#translate {
  float: left;
  width: 420px;
  text-align: right;
}

/* This class is applied to the div within the #translate div in the Google widget. */
.goog-te-gadget-simple {
  border:1px solid #A9A9A9 !important;
}

#SearchArea {
  float: left;
  width: 120px;
  padding-left: 10px;
  z-index: 21;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  color: #666;
}

#SearchArea select {
  height: 24px;
}

#GoogleArea {
  float: right;
  width: 230px;
  height: 30px;
  z-index: 19;
  text-align: right;
}

#GoogleArea input[type="text"] {
  height: 20px;
  width: 156px;
  border: 1px solid #A9A9A9
}

#GoogleArea input[type="submit"] {
  height: 24px;
}

#topnav {
  position:absolute;
  clear: both;
  left:1px;
  top:59px;
  width:980px;
  /*height:18px;*/
  padding-top: 0px;
  padding-left: 0px;
  z-index:18;
  background-color: #0090DD;
  visibility: visible;
}
#NH_title {
  position:absolute;
  left:627px;
  top:62px;
  width:319px;
  height:14px;
  z-index:20;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  padding-left: 25px;
}
#LoginBox {
  position:absolute;
  left:1px;
  /* The top value was changed to accommodate the updated navigational structure. */
  /*top:79px;*/
  top: 97px;
  width:176px;
  height:312px;
  z-index:16;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  color: #000;
  background-color: #dbdcde;
  padding-top: 6px;
  padding-left: 6px;
  padding-right: 6px;
}
#FlashMovie {
  position:absolute;
  left:191px;
  top:79px;
  width:560px;
  height:318px;
  z-index:3;
}
#NewsArea {
  position:absolute;
  left:754px;
  /* The top and height values were changed to accommodate the updated navigational structure. */
  /*top:79px;
  height:312px;*/
  top: 97px;
  height: 313px;
  width:223px;
  z-index:3;
  padding-left: 4px;
  background-color: #dbdcde;
  padding-top: 5px;
}
#NewsAreaOutage {
  position:absolute;
  left:754px;
  top:79px;
  width:223px;
  height:312px;
  z-index:3;
  padding-left: 4px;
  background-color: #fdcb00;
  padding-top: 5px;
  scrollbar-base-color: #FDCB00;
}
#onit {
  position:absolute;
  left:155px;
  top:290px;
  width:0px;
  height:10px;
  z-index:3;
}
#Boxes {
  position:absolute;
  left:1px;
  /* The top value was changed to accommodate the updated navigational structure. */
  /*top:413px;*/
  top: 432px;
  width:980px;
  z-index:3;
  /*height: 144px;*/
}
#footer {
  position:absolute;
  left:0px;
  top:543px;
  width:980px;
  /*height:100px;*/
  z-index:3;
}

/*********************************************************
  BEGIN PRIMARY NAVIGATION RULES (QW)
  Date: 02/16/2016
**********************************************************/

.site-nav-wrapper {
  color: #666;
  background: #0090DD;
}

.site-nav-container {
  width: 1024px;
  position: relative;
}

/* Class applied to top-level primary nav ul element. */
.site-nav {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

/* Clearfix: The primary nav ul contains floated li elements. */
.site-nav:before,
.site-nav:after {
  content: "";
  display: table;
}
.site-nav:after {
  clear: both;
}
.site-nav {
  *zoom: 1;
}

.site-nav .site-nav-menu {
  font-size: 14px;
  float: left;
  position: relative;
  text-transform: capitalize;
  list-style-type: none;
}

.site-nav .site-nav-menu p {
  font-size: 14px;
  margin: 0;
  color: #FFFFFF;
  cursor: default;
  padding: 10px 10px;
}

/* Class applied to dropdown nav ul elements. */
.site-nav .site-nav-menu .site-nav-dropdown {
  position: absolute;
  left: 0;
  z-index: 1000;
  display: none;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #006FAA;
}

/* Class necessary for mobile-menu.js functionality. */
.site-nav .site-nav-menu .menu-active {
  display: block;
}

.site-nav .site-nav-menu .site-nav-dropdown li {
  font-size: 1em;
  text-transform: capitalize;
  width: 250px;
  position: relative;
  list-style-type: none;
}

.site-nav .site-nav-menu .site-nav-dropdown li p {
  font-size: 1em;
  margin: 0;
  color: #FFFFFF;
  cursor: default;
  padding: 5px 10px;
}

.site-nav .site-nav-menu .site-nav-dropdown li:hover .dropdown-flyout-container {
  display: block;
  background: #004E77;
}

.site-nav .site-nav-menu .site-nav-dropdown li:hover p {
  color: #B7E4FD;
  background: #004E77;
}

.site-nav .hovered,
.site-nav .site-nav-menu:hover {
  background: #006FAA;
}

.site-nav .site-nav-menu .site-nav-dropdown li a {
  text-decoration: none;
  padding: 5px 10px;
  color: #FFFFFF;
  display: block;
}

.site-nav .site-nav-menu .site-nav-dropdown li a:hover {
  color: #B7E4FD;
  background: #004E77;
}

/* This is the <DIV> element that contains the dropdown <UL>. */
.site-nav .site-nav-menu .dropdown-flyout-container {
  position: absolute;
  width: 350px;
  padding: 5px 10px;
  top: 0;
  display: none;
  margin-left: 250px;
  background: #004E77;
  z-index: 9000;
}

.site-nav .site-nav-menu .dropdown-flyout-container h3 {
  font-size: 1em;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 5px;
  color: #FFFFFF;
}

.site-nav .site-nav-menu .dropdown-flyout-container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #FFFFFF;
}

.site-nav .site-nav-menu .dropdown-flyout-container li {
  margin-top: 5px;
}

.site-nav .site-nav-menu .dropdown-flyout-container ul li {
  width: 100%;
  margin: 0;
  padding: 0;
  border-color: #006FAA;
  list-style-type: none;
}

.site-nav .site-nav-menu .dropdown-flyout-container ul li a {
  padding: 5px 3px;
}

.site-nav-menu {
  background: #0090DD;
}

/* Included for IE9 (and earlier) to force the height of a
  table cell with a spacer gif to match the height of the gif.
  The specific table cell targeted is the cell below the cell
  containing the primary navigation html. */
td[bgcolor="#66676a"][colspan="2"] {
  font-size: 0;
}

/*********************************************************
  END PRIMARY NAVIGATION RULES (QW)
**********************************************************/