body {
  font-size: 12px;
  color: #000000;
  font-family: Arial, Verdana;
}

p {
  font-size: 12px;
  color: #000000;
  font-family: Arial, Verdana;
}

tr {
  font-size: 12px;
  color: #000000;
  font-family: Arial, Verdana;
}

tr.datacellodd {
  background-color: #EFEFEF;
  color: black;
}

tr.datacelleven {
  background-color: #FFFFFF;
  color: black;
}

td {
  font-size: 12px;
  color: #000000;
  font-family: Arial, Verdana;
}

ul {
  font-size: 12px;
  color: #000000;
  font-family: Arial, Verdana;
  list-style-type: square;
}

li {
  font-size: 12px;
  color: #000000;
  font-family: Arial, Verdana;
  line-height: 150%;
}

ol {
  font-size: 12px;
  color: #000000;
  font-family: Arial, Verdana;
}

ul.disc {list-style-type: disc;}
ul.circle {list-style-type: circle;}
ul.square {list-style-type: square;}
ul.none {list-style-type: none;}
ol.decimal {list-style-type: decimal;}
ol.decimal-leading-zero {list-style-type: decimal-leading-zero;}
ol.lower-roman {list-style-type: lower-roman;}
ol.upper-roman {list-style-type: upper-roman;}
ol.lower-alpha {list-style-type: lower-alpha;}
ol.upper-alpha {list-style-type: upper-alpha;}
ol.lower-greek {list-style-type: lower-greek;}
ol.lower-latin {list-style-type: lower-latin;}
ol.upper-latin {list-style-type: upper-latin;}
ol.armenian {list-style-type: armenian;}
ol.georgian {list-style-type: georgian;}

table.rates {
  width: 450px;
}

table.rates tr.head td {
  border: #d4d0c8;
  background-color: #ccc;
}

table.rates tr.odd td {
  border: #d4d0c8;
  background-color: #fff;
}

table.rates tr.even td {
  border: #d4d0c8;
  background-color: #efefef;
}

a {
  color: #0090dd;
}

a:hover {
  color: #66676a;
  text-decoration: none;
}

a img {
  border: 0;
}

/*********************************************************
    CUSTOM CLASSES AND IDENTIFIERS
**********************************************************/
.text {
  font-size: 12px;
  color: #000000;
  font-family: Arial, Verdana;
}

.header {
  font-weight: bold;
  font-size: 14px;
  color: #009dc3;
  font-family: Arial, Verdana;
}

.link {
  font-weight: normal;
  font-size: 12px;
  color: #006b9d;
  font-family: Arial, Verdana;
  text-decoration: underline;
}

.search {
  font-weight: bold;
  font-size: 11px;
  color: #666668;
  font-family: Arial, Verdana;
  text-decoration: none;
}

.footer {
  font-weight: normal;
  font-size: 11px;
  color: #666668;
  font-family: Arial, Verdana;
  text-decoration: none;
}

.trademark {
  font-weight: normal;
  font-size: 9px;
  color: #666668;
  font-family: Arial, Verdana;
  text-decoration: none;
}

.searchbox {
  border-right: #81807c 2px solid;
  border-top: #404040 2px solid;
  font-size: 10px;
  border-left: #404040 2px solid;
  color: #808080;
  border-bottom: #81807c 2px solid;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.secnav {
  font-weight: bold;
  font-size: 10px;
  color: black;
  line-height: 18px;
  font-family: Verdana;
  text-decoration: none;
}

.secsubnav {
  font-weight: bold;
  font-size: 10px;
  color: black;
  line-height: 18px;
  font-family: Verdana;
  text-decoration: none;
}

.leftnav {
  font-weight: bold;
  font-size: 10px;
  color: black;
  line-height: 18px;
  font-family: Verdana;
  text-decoration: none;
}

.secnavHighlight {
  color: #0090dd;
}

.secnav:hover {
  color: #0090dd;
}

.secsubnav:hover {
  color: #0090dd;
}

.leftnav:hover {
  color: #0090dd;
}

.secnavHighlight {
  font-weight: bold;
  font-size: 10px;
  color: #0090dd;
  line-height: 18px;
  font-family: Verdana;
  text-decoration: none;
}

.headerwhite {
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
  font-family: Arial, Verdana;
}

.headrev {
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  font-family: Arial;
  background-color: #0090dd;
}

.subtitle2rev {
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  font-family: Arial;
  background-color: #0090dd;
}

#NSsecondarynav {
  z-index: 921;
  left: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
}

#secondarynav {
  z-index: 920;
  left: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
}

#secondarysubnav {
  z-index: 980;
  left: 100px;
  visibility: hidden;
  position: absolute;
  top: 0;
}

#main {
  margin-left: 16px;
  margin-right: 25px
}

#mainsmall {
  margin-left: 16px;
  margin-right: 5px;
}

#subnav {
  z-index: 200;
  left: 198px;
  position: absolute;
  top: 107px;
}

#subnavigation {
  z-index: 998;
  left: 400px;
  visibility: hidden;
  position: absolute;
  top: 127px;
}

.caption {
  font-weight: bold;
  font-size: 10px;
  color: #003399;
  font-family: Arial;
}

.smtext {
  font-weight: bold;
  font-size: 10px;
  color: #003399;
  font-family: Arial;
}

.title1 {
  font-weight: bold;
  font-size: 17px;
  color: #000000;
  font-family: Arial;
}

.subtitle1 {
  font-weight: bold;
  font-size: 18px;
  color: #0090dd;
  font-family: Arial;
}

.subtitle1blk {
  font-weight: bold;
  font-size: 18px;
  color: #000000;
  font-family: Arial;
}

.subtitle1wht {
  font-weight: bold;
  font-size: 18px;
  color: white;
  font-family: Arial;
}

.subtitle2 {
  font-weight: bold;
  font-size: 14px;
  color: #0090dd;
  font-family: Arial;
}

.subtitle2 a {
  font-weight: bold;
  font-size: 14px;
  color: #0090dd;
  font-family: Arial;
  text-decoration: none;
}

.subtitle2 a:hover {
  color: #0090dd;
  text-decoration: underline;
}

.subtitle2w {
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  font-family: Arial;
}

.subtitle2rev {
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  font-family: Arial;
  background-color: #0090dd;
}

.subtitle3 {
  font-weight: bold;
  font-size: 12px;
  color: #0090dd;
  font-family: Arial;
}

.subtitle4black {
  font-weight: bold;
  font-size: 13px;
  color: black;
  font-family: Arial;
}

.subtitle3black {
  font-weight: bold;
  font-size: 12px;
  color: black;
  font-family: Arial;
}

.subtitle3green {
  font-family: Arial;
  color: #84b335;
  font-size: 12px;
  font-weight: bold;
}

.subtitle2black {
  font-weight: bold;
  font-size: 14px;
  color: black;
  font-family: Arial;
}

.subtitle2-black {
  font-weight: bold;
  font-size: 14px;
  color: black;
  font-family: Arial;
}

.tertiary {
  font-size: 11px;
  color: #66676a;
  font-family: Arial;
  text-decoration: none;
}

.tertiary a {
  font-size: 11px;
  color: #66676a;
  font-family: Arial;
  text-decoration: none;
}

.tertiary a:hover {
  color: #0090dd;
  text-decoration: underline;
}

.title2 {
  font-weight: bold;
  font-size: 17px;
  color: #666666;
  font-family: Arial;
}

.ULRED {
  font-size: 12px;
  color: red;
  font-family: Arial, Verdana;
}

.LIRED {
  font-size: 12px;
  color: red;
  font-family: Arial, Verdana;
}

.quoteheadline {
  font-weight: bold;
  font-size: 16px;
  color: #000000;
  font-family: Times;
  font-style: italic;
}

.quoteheadlineNI {
  font-size: 14px;
  color: #000000;
  font-family: Arial, Verdana;
  line-height: 120%;
}

.border {
  border: thin solid black;
}

.border_blue {
  border: 1px solid #0090DD;
}

.leftimagepadding {
  border: 1px solid #000000;
  margin-right: 10px;
  margin-bottom: 5px;
  text-align: left;
}

.rightimagepadding {
  border: 1px solid #000000;
  margin-left: 10px;
  margin-bottom: 5px;
  text-align: right;
}

.leftimagepadding_CC {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
}

.rightimagepadding_CC {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: right;
}

.leftimagepadding_CC2 {
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: left;
}

.rightimagepadding_CC2 {
  margin-left: 10px;
  margin-bottom: 10px;
  text-align: right;
}

#widget {
  margin-left: -4px;
}

.hpboxes {
  cursor: pointer;
}

/*  Newsroom Rightbarker ----------------------*/

.facebook {
  background-image: url(/newsroom/images/facebook.png);
}

.youtube {
  background-image: url(/newsroom/images/youtube.png);
}

.twitter {
  background-image: url(/newsroom/images/twitter.png);
}

.flickr {
  background-image: url(/newsroom/images/flickr.png);
}

.news-rightbarker {
  width: 200px;
  padding: 10px;
  margin-left: 20px;
  background: #eff7ff;
}

.news-rightbarker .searchbox {
  border: none;
}

.news-rightbarker .module {
  position: relative;
  margin-bottom: 40px;
}

.news-rightbarker .module:last-child {
  margin-bottom: 0;
}

.news-rightbarker h3 {
  font-size: 14px;
  margin: 0 0 5px 0;
}

.news-rightbarker ul {
  margin: 0;
  padding: 0;
}

.news-rightbarker li {
  list-style: none;
}

.news-rightbarker .social li {
  padding: 0 0 0 26px;
  margin: 0 0 5px 0;
  background-position: 0 2px;
  background-repeat: no-repeat;
}

/*  Alerts ----------------------*/

.alert-message {
  padding: 5px;
  background: #0090dd;
  color: white;
}

/* Global Styles --------------------------*/

.flt-l {
  float: left;
  margin: 0 20px 10px 0;
}

.flt-r {
  float: right;
  margin: 0 0 10px 20px;
}

.a-center {
  text-align: center;
}

.a-right {
  text-align: right;
}

.a-left {
  text-align: left;
}

.brder {
  border: 1px solid #ddd;
}

/* Storm Central --------------------------*/

.icon-container {
  border-bottom: 8px solid #ddd;
}

.icon-container td {
  border-left: 1px solid #ddd;
}

.icon-container td:first-child {
  border-left: 0;
}

/* Press Release --------------------------*/

.pr-header {
  margin: 10px 0 20px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.pr-headline {
  font-size: 21px;
  line-height: 24px;
  color: #0090dd;
  margin-bottom: 0;
  padding-bottom: 0;
}

.pr-headline-sub {
  font-size: 16px;
  font-weight: 21px;
  color: #666;
  margin-top: 5px;
}

.pr-post-date {
  font-size: 11px;
  text-transform: uppercase;
  color: #999;
}

/*********************************************************
    BEGIN MISCELLANEOUS STYLING (QW)
**********************************************************/
.sitesection-title {
  margin: 0;
  font-family: Arial, Verdana, sans-serif;
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 600;
  text-transform: capitalize;
  color: #666;
}

.alert-box {
  width: 500px;
  padding: 1em;
  border: 1px solid red;
}

.alert-box p {
  margin: 0;
  color: red;
  font-size: 13px;
  line-height: 1.4;
  font-weight: normal;
}

.information-box {
  width: 500px;
  padding: 10px;
  border: 1px solid black;
}

.information-box p {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
}

.dot-divider {
  margin: 4px 0;
  border-bottom: 2px dotted #C2E1F5;
}

#iframe_zipcode {
  width: 400px;
  height: 185px;
  padding: 0em 1.2em;
  margin: 0;
  border: 1px solid #888;
  background-color: #eee
}

#iframe_map {
  float: left;
}

#colorKey {
  margin: 0 .5em;
  height: 15px;
  width: 15px;
  color: #9285bf;
  background-color: #9285bf;
  float: left;
}

.legend {
  margin: 0;
  height: 70px;
  width: 245px;
  float: right;
}

/*********************************************************
    END MISCELLANEOUS STYLING (QW)
**********************************************************/

/*********************************************************
    BEGIN ACCORDION STYLING (QW)
**********************************************************/

#accordion-module-container {
  width: 600px;
}

.accordion-module {
  margin: 1.75em 0;
  padding: 0.5em;
  background-color: #EFF7FE;
  border: 1px solid #0090DD;
  border-radius: 8px;
}

.accordion-module-title {
  margin: 0;
  padding: 0.5em 1.25em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #555555;
}

.accordion-section-header {
  height: 28px;
  margin: 1em 1.5em;
  padding: 0.35em;
  background-color: #CFE7FB;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #222222;
  border: 1px solid #00A9FF;
  text-align: center;
  cursor: pointer;
}

.accordion-section-header:hover {
  background: #F5F5F5;
}

.accordion-section-title {
  margin: 0;
  padding: 0.75em 0 0.25em 0;
  border-bottom: 1px solid #CCCCCC;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #222222;
  text-align: center;
}

.accordion-section-content {
  margin: 0;
  padding: 0 1.5em 0.5em 1.5em;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 1.3em;
  color: #000000;
}

.accordion-section-content li {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 1.7em;
  color: #555555;
}

.accordion-section-content p {
  margin: 0;
  padding: 0.75em 0.25em 0.75em 0.25em;
}

.accordion-section-content ul {
  margin: 0;
  padding: 0.75em 0.25em 0.75em 40px;
}

.ui-accordion .ui-accordion-header {
  position: relative;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  top: 50%;
  left: 49%;
  margin-top: 5px;
}

.ui-icon.up-arrow {
  background: url('/images/arrow_up.png') no-repeat;
  background-size: 14px;
  width: 14px;
  height: 14px;
}

.ui-icon.down-arrow {
  background: url('/images/arrow_down.png') no-repeat;
  background-size: 14px;
  width: 14px;
  height: 14px;
}

/*********************************************************
    END ACCORDION STYLING (QW)
**********************************************************/

/*********************************************************
  BEGIN PRIMARY NAVIGATION RULES (QW)
  Date: 02/01/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 .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)
**********************************************************/





/**** web app specific add-ons ****/
.lightbluebox
{
    BORDER-RIGHT: #99CCFF 2px solid;
    BORDER-TOP: #99CCFF 1px solid;
    FONT-SIZE: 10px;
    BORDER-LEFT: #99CCFF 1px solid;
    COLOR: #808080;
    BORDER-BOTTOM: #99CCFF 2px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.ButtonGray
{
    text-align: center;
    border-bottom: 3px outset;
    border-left: 3px outset;
    border-top: 2px outset;
    border-right: 2px outset;
    background-color: #D4D0C8;
    padding-left: 12px;
    padding-right: 12px;
    background-repeat: no-repeat;
    font-family: Verdana;
    height: 20px;
    color: #000000;
    font-size: 8pt;
    text-decoration: none;
    padding-top: 2px;
    padding-bottom: 2px;
}

.ButtonGray:hover
{
    background-color: #C0C0C0;
}

.TextBoxes
{
	text-align: left;
	background-color: #ffffe0;
	font-family: Verdana;
	color: navy;
	font-size: 8pt;
}

.GridDataRGP
{
    font-family: sans-serif;
    color: #000000;
    font-size: 8pt;
}