/* WAMHC CSS taken from Beacon */

tbody {vertical-align: top;}

.linkspacer {background-color: #eeeae0;}
.cs_link_company_name, .cs_link_cost {font-weight: bold; }

#warning {width: 500px; text-align: center;}

#topicscenterbox #tmenu0 {height: 100%;}

/* sidebgcolumn  and rightbgcolumn control width of area between page and window boundary*/
td.sidebgcolumn {width: 15px; display: none;}
td.rightbgcolumn {width: 15px; display: none; }

/*Use the ID tags to add a shadow image to the left and side of the entire page, these may not work in Firefox but does work in IE & Safari*/
#sidebgcolumn_left {width: 8px; display: none; background-color: transparent;}
#sidebgcolumn_right {width: 8px; display: none; background-color: transparent; }

html, BODY {margin:0; padding:0px; border:none; }

@-moz-document url-prefix() { html, body {margin:0px; padding:0px; border: none; } }

@media screen and (-webkit-min-device-pixel-ratio:0){ html, body {margin:0; padding:0px; border: none; }} 





/* These p tags control body text throughout the site */
p, .bodyresize LI {color: #565656; font-family: Cambria, Georgia, Times New Roman, serif; font-size: 16px; line-height: 145%; padding-left: 3px; padding-right: 3px; }
p A, p A:link, p A:visited {color: #052d6e; text-decoration: none;}
p A:hover {color: #052d6e; text-decoration: underline; } 

h2 {font-size: 16px; }

.items, TD.doc, H1, H2, .editorialauthor {font-family: Cambria, Georgia, Times New Roman, serif;}
#slogan, .editorialauthor {padding-left: 3px; }


/* Body, csbodybg1-3, allresize outer, centercolumn, all resize, and body_resize are listed in the order in which they stack to create the base of the CenterSite Page*/

/*body controls background color of the margins of main page*/
body {background-color: transparent; text-align: center; }
/* The following is the required elements for the large images, the margin left/right set to auto will center the site in firefox, safari, etc. 
The width of these areas is the same as the width of the images*/

/* Large background Images these images can stack to create a large background affect that will adjust to the size of the page content*/

/*In .cs_bodybg_1, you can set the width of the entire page based on the width of the image used*/

.cs_bodybg_1 {margin:0px; text-align: center; background: url(/images/clientid_268/2015_redesign/header_gradient.png) repeat-x #eeeae0;}
.cs_bodybg_2 {width: 1060px; margin-right: auto; margin-left: auto; text-align: left; background-color: transparent;} 
.cs_bodybg_3 {margin-right: auto; margin-left: auto; text-align: left; }


table.allresize_outer {width: 100%; padding: 0; margin-left: auto; margin-right: auto; text-align: center;} /* sets constant width based on the width set in the cs_bodybg_1 image*/

/* centercolumn controls bkground color of main page*/
td.centercolumn {width: 100%; background-color: transparent; padding-top: 3px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px;   }

table.allresize {width: 100%; margin-top: 0px; padding-top: 0px; }  /* sets constant width based on span header image size */

table.bodyresize {width: 100%; background-color: #ffffff; }
.bodyresize {border: none; }
#cs_contentbox_bottom .bodyresize {border: none; }


/* additional font-size overrides */
p, .bodyresize li, .doc, td, td.doc, li.doc a, li.doc a:link, li.doc a:hover, li.doc a:visited {font-size: 16px; }
h1 {font-size: 15px; font-weight: bold; color: #052d6e; }

/*use these for expandable tables*/
/*these boxes (resourcebox and topicscenterbox) should have the same width as they are stacked on top of each other in topic centers*/

#resourcebox {width: 300px; border: none; }
#topicscenterbox {width: 300px; border: none; background-color: transparent;}

.allresize #pagewrapper {margin-top: 0px; }
.allresize #innerwrapper {background-color: #ffffff; margin-top: 10px; border: none; }


#scroll2 {max-height: 450px; height:expression(this.scrollHeight > 450? "450px" : "auto" ); width:inherit; overflow:auto;} 


 /* Home Page */

/* pgheader is not in default.style.css - it controls background color behind the span header to allow page width to increase without insolating span header*/
#pgheader  {background-color: transparent; padding-right: 40px; padding-left: 20px; padding-top: 0px; }
#pgheader img {margin-top: 15px; }

#topicsearch td {padding-top:0px;}
#topicsearch td td {padding-top: 5px;}

#cs_address {color: #052d6e; font-weight: bold; font-size: 16px; line-height: 120%; margin:0px; padding-top: 30px;}
#cs_crisis {color: #ff0000; font-weight: bold; font-size: 20px; margin:0px;}
#cs_address img {margin-top: 0px; margin:0px;}

INPUT.submit { background-color: #261e76; color: #FFFFFF; font-weight: 
bold;   }


/* Box Full Doc */
 /* this is the home page full document box (see document set_properties) */

#boxfulldoc { max-width:1530px; BACKGROUND-COLOR: transparent; border: none;}
/* overriding max width from default.style.css- was set to 530 - so bda site
can expand to wider pages */
/* otherwise the featured aricles box on home stopped growing early in
mozilla - ok on IE*/

/*Headers*/

 .headerfulldoc, .header1, .header2 { FONT-WEIGHT: 700; FONT-SIZE: 20px; TEXT-TRANSFORM: uppercase; COLOR: #052d6e; padding-top: 0px; padding-bottom: 0px; FONT-FAMILY: Cambria, Georgia, Times New Roman, serif; BACKGROUND-COLOR: transparent; /*#eeeae0;*/ TEXT-ALIGN: left} 

/*Text box full doc*/

.textboxfulldoc { FONT-SIZE: 1.05em; COLOR: #565656; FONT-FAMILY: Cambira, Georgia, Times New Roman, serif; BACKGROUND-COLOR: #ffffff; }
 .textboxfulldoc P { COLOR: #565656; }
 .textboxfulldoc A, .textboxfulldoc A:link, .textboxfulldoc A:visited { COLOR: #052d6e; TEXT-DECORATION: none }
 .textboxfulldoc A:hover {color: #565656; TEXT-DECORATION: underline }

 /* Box 1 */
 #box1 {border: none; background-color: transparent;}
 
 .textbox1 { FONT-SIZE: 16px; COLOR: #000000; FONT-FAMILY: Cambria, Geogria, Times New Roman, serif; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left }
 .textbox1 A, .textbox1 A:link, .textbox1 A:visited { COLOR: #052d6e; TEXT-DECORATION: none; FONT-SIZE: 16px;  font-family: Cambria, Georgia, Times New Roman, serif;}
 .textbox1 A:hover { TEXT-DECORATION: underline; }


 /* Box 2 */
 #box2 { max-width:1530px; border: none; background-color: transparent;}
/* overriding max width from default.style.css- was set to 530 - so bda site can expand to wider pages */
/* otherwise the featured aricles box on home stopped growing early in mozilla - ok on IE */

 
.textbox2 { FONT-SIZE: 16px; COLOR: #565656; FONT-FAMILY: Cambria, Georgia, Times New Roman, serif; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; }
.textbox2 p { FONT-SIZE: 16px; COLOR: #565656; FONT-FAMILY: Cambria, Georgia, Times New Roman, serif; BACKGROUND-COLOR:transparent; TEXT-ALIGN: left;}
 .textbox2 A, .textbox2 A:link, .textbox2 A:visited { COLOR: #052d6e; TEXT-DECORATION: none; FONT-SIZE: 16px; }
 .textbox2 A:hover { color: #565656;  TEXT-DECORATION: underline; }

 .editorialtitle
{ FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #442B1B; FONT-FAMILY: Cambria, Georgia, Times New Roman, serif; }


 /* Box 3 */
 #list0, #list1, #list2  { BACKGROUND-COLOR: #ffffff; }



span.sidebartitle {width: 260px; float: left;}
 

  P.sidebar {width: 100%; PADDING: 0px; FONT-SIZE: 15px;
COLOR: #000000; font-weight: bold; PADDING-TOP: 6px; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif; text-align: left;}
 .sidebar A { COLOR: #000000; TEXT-DECORATION: none; font-weight: normal; font-size: 16px; text-align:left;}
 .sidebar A:link { COLOR: #000000; TEXT-DECORATION: none; font-weight: normal; font-size: 16px; padding-left: 10px; padding-right: 10px;}
 .sidebar A:visited { COLOR: #000000; TEXT-DECORATION: none; font-weight: normal; font-size: 16px; }
 .sidebar A:hover { COLOR: #000000; TEXT-DECORATION: underline; font-weight: normal; font-size: 16px; }

 .sidebarspacer {margin-top: 15px; line-height: 100%;}
  
 .sidebartitle { background-color: #052d6e;}
 .sidebartitle {font-size: 16px; line-height: 22px; color: #ffffff; padding: 10px; padding-right:0px; margin-bottom: 10px;}

.sidebar img {width: 100%;}

  /* The address tag controls the client contact info area of Box 3 */
  /* set so same width as P.sidebar so address matches width of lists */
  .address {width: 200px;}


#contact_info {width: 200px;}

 /* Footer */
 .footer  { FONT-SIZE: 10px; COLOR: #565656; FONT-FAMILY: Cambria, Georgia, Times New Roman, serif;
BACKGROUND-COLOR: transparent; TEXT-ALIGN: center; padding-bottom: 25px; }
 .footer A, .footer A:link, .footer A:visited { COLOR: #052d6e; TEXT-DECORATION: none }
  .footer A:hover { COLOR: #052d6e; TEXT-DECORATION: underline }

#cs_footer_container {background-color: #ffffff; border: none; }

/* this will change the color of the horizontal rule above the footer*/
.footer hr {color: #052d6e; size: 2;}

/* Idx=Topics Page */

 /* Box 1 */
 .topics_display_topicstext { FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-TRANSFORM: uppercase; COLOR: #ffffff;
FONT-FAMILY: Cambria, Georgia, Times New Roman, serif; BACKGROUND-COLOR: #0c7c64;
TEXT-ALIGN: left }

 .topics_display_tr  { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #ffffff;
FONT-FAMILY: Cambria, Georgia, Times New Roman, serif; BACKGROUND-COLOR: #0c7c64;
TEXT-ALIGN: left }
 .topics_display_tr A, .topics_display_tr A:link, .topics_display_tr A:visited { COLOR: #FFFFFF; TEXT-DECORATION: none  }
  .topics_display_tr A:hover { TEXT-DECORATION: underline }

.topicbody p {margin-left: 5px;}
.topicbody A:link, .topicbody A:visited, .topicbody A:hover {color: #052d6e;}

 /* Topic Home Page */

.box2divider {height: 0px; }

td.topicheader {background-color: transparent; color:#052d6e; font-weight: bold; font-family: Cambria, Georgia, Times New Roman, serif;  font-size: 24px; text-align: left; text-transform: uppercase; width: 100%; padding-top: 0px; padding-bottom: 0px; padding-left: 3px; padding-right: 3px; text-decoration: none;}
a.topicheader {background-color: transparent; color:#052d6e; font-weight: bold; font-family: Cambria, Georgia, Times New Roman, serif;  font-size: 24px; text-align: left; text-transform: uppercase; width: 100%; padding-top: 0px; padding-bottom: 0px; padding-left: 3px; padding-right: 3px; text-decoration: none;}
a.topicheader:link {background-color: transparent; color:#052d6e; font-weight: bold; font-family: Cambria, Georgia, Times New Roman, serif;  font-size: 24px; text-align: left; text-transform: uppercase; width: 100%; padding-top: 0px; padding-bottom: 0px; padding-left: 3px; padding-right: 3px; text-decoration: none;}
a.topicheader:active {background-color: transparent; color:#052d6e; font-weight: bold; font-family: Cambria, Georgia, Times New Roman, serif;  font-size: 24px; text-align: left; text-transform: uppercase; width: 100%; padding-top: 0px; padding-bottom: 0px; padding-left: 3px; padding-right: 3px; text-decoration: none;}
a.topicheader:visited {background-color: transparent; color:#052d6e; font-weight: bold; font-family: Cambria, Georgia, Times New Roman, serif;  font-size: 24px; text-align: left; text-transform: uppercase; width: 100%; padding-top: 0px; padding-bottom: 0px; padding-left: 3px; padding-right: 3px; text-decoration: none;}

a.topicheader:hover {FONT-FAMILY: Cambria, Georgia, Times New Roman, serif; text-decoration: underline; color: #052d6e; background-color: transparent; font-size: 24px;  font-weight: bold; padding-top: 0px; padding-bottom: 0px; padding-left: 3px; padding-right: 3px; }

A.nextprev:link, A.nextprev:visited, A.nextprev:hover {color: #052d6e; font-family: Cambria, Georgia, Times New Roman, serif;}

.nextprev_left, .nextprev_right {border: none; font-family: Cambria, Georgia, Times New Roman, serif;}

.comment_container, #social_box {border: none;}

td.doc A:link, td.doc A:visited, td.doc A:hover {color: #052d6e;}

li.doc A, li.doc A:link, li.doc A:hover, li.doc A:visited  {color: #000000;}

.resourcetitle {color: #052d6e;}

.faq_item_title A {color: #052d6e;}

#navigation {background-color: transparent; padding-left: 5px;}
#imenus1 A {margin-top: 10px; }


/*The left sider will require the following margins*/
/*#boxfulldoc {margin-left: 5px;}
#box1 {margin-left: 5px;}
#box2 {margin-left: 5px;}
#cs_contentbox {margin-left: 5px;}
.bodyresize {margin-left: 5px;}*/

.topicbody {background-color: transparent;}

#imcontainer21 {margin-left: 0px;}

.comment_container, #social_box {clear:left;}

/*JSO Rotator Styline*/

#jso_rotator img {height: 305px; float: left; margin-right: 50px; }

.textbox1 #jso_rotator {width: 1030px; height: 305px; background-color: #ffffff;}

#jso_rotator, .jshowoff, .jshowoff div  {width: 1030px;}
.jshowoff {margin-top: 0px;}

/*sets the background color and text color for document titles*/
.jshowoff-slidelinks a:link {display: block; background-color: #ffffff; color: #000;}

.jshowoff-slidelinks a.jshowoff-active, .jshowoff-slidelinks a.jshowoff-active:hover 
{	background-color: #ffffff; color: #000000;	}

.jshowoff-slidelinks a:link, .jshowoff-controls a:link { font-size: 13px;}

/*background color for the controls & document title links*/
P.jshowoff-controls {background-color: #ffffff;}

#jso_rotator .btn_learn_more {background-color: transparent; color: #000000; font-size: 16px;}

.jshowoff p {color: #000000; padding: 40px 20px 0px 0px; font-size: 16px; }

.jshowoff p.jshowoff-controls {padding: 0px;}

.jshowoff h2 {padding-top: 0px; margin-top: 0px; position: relative; top: 15px; left: -20px; FONT-FAMILY: Cambria, Georgia, Times New Roman, serif; font-size: 25px; color: #000000; line-height: 150%; }


/* sets style for entire navigation row, background will go across the page, and border can be turned on if wanted*/
#navigation .qmmc  {background-color: #052d6e; border:none; }

#navigation {margin-top: 20px; }

/* sets style for each main navigation items*/
/*each item style, background color and font will be same as the old styling for this.main_item_styles*/
#qm0 a {color: #FFFFFF; background-color: #052d6e; text-align:center; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:13px; font-weight:normal; text-decoration:none; border: none;}
/*these 2 styles will set the background and text for how the item acts when hovering and active for the drop down menu, these styles come from this.main_item_hover_styles they will be the same in order for the hover to work correctly */
#qm0 a:hover {color: #ffffff; background-color:#006957; text-decoration:none;}
body #qm0 .qmactive, body #qm0 .qmactive:hover {background-color: #1e796a; text-decoration: none;} 

/*style entire box for drop down elements the, this background style is the entire box that holds the DD menu elements*/
#navigation .qmmc div {background-color: #052d6e;}
/*style for each item in drop down menu elements*/
/*each item style, background color and font will be same as the old styling for this.subs_item_styles*/
#qm0 div a {background-color: #006957; text-align: left; color: #ffffff; border: none; }
/*these 2 styles will set the background and text for how the item acts when hovering and active for the drop down menu, these styles come from this.subs_item_hover_styles they will be the same in order for the hover to work correctly */

#qm0 div a:hover {background-color: #1e796a; color: #ffffff; border: none; text-decoration: none;}
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {background-color: #1e796a; border: none; text-decoration: none;}

/* the arrow is created of several layers with border, a little different, but the style below will change those borders so that the arrow is visible and matches each site*/
#navigation #qm0 .qm-ibcss-static span {border: #ffffff;}

#tmenu0 {height: 100%;}

#navigation img {vertical-align: middle; width: 15px; height: 15px; padding-right: 5px; }

.sidebarspacer img {width: 13px; height: 15px; padding-right: 7px;}


#features_main .ui-tabs-panel {width: 725px; font-size: 12px; }

/* ######################### */
/* Featured Articles in Main Column Home Page: featured_main */

/* Content Panels */
#features_main .ui-tabs-panel {
 /*font-family:Arial, Helvetica, sans-serif;    let this inherit */
 clear:left;
 /*color:#000;    let this inherit */
 /* code restricts teaser image to 200px tall max - height needs extra 35px to keep from resizing as rotating */
 /* height:235px; */ 
 
}

#features_main h2 a, #features_main h2  {
 color:#052d6e;
 font-weight:bold;
 margin:0;
 font-size:1.5em;  /* was 1.8em - too big*/
 line-height:140%;
 text-decoration: none;
}

#features_main p {
 font-size: 16px;
 margin:.5em .5em;
 /*color:#333;  let this be inherited */
 background:#fff;
}

#features_main img {
 float:left;
 padding:0px 3px 0px 0px;
}

#features_main .btn_learn_more {
 /* font-size:1em; */
 /* text-decoration: underline; */
         font-weight: bold;
}

/* END: Featured Articles in Main Column Home Page: featured_main */

/* columnar version of features main in box1 */
#features_main .ui-tabs-panel {width: 48%; float: left; clear: none; margin: 0.5em;}
#features_main IMG {height: 100px;}
/*#features_main IMG {max-width: 100%;}*/
/*#features_main #fragment-3 {clear:left;}*/


#features_main div {height: 100%;}

@media all and (max-width: 601px){
#rotator img {width: 100%; padding: 0px;}
#rotator .cs_header1 {display: none;}
#rotator ul.ui-tabs-nav {display: none;}
.ui-tabs .ui-tabs-panel {padding: 0px !important;}
}


ul {-webkit-margin-before: 0em; -webkit-margin-after: 0em;}

#topicscenterbox #tmenu0 {height: 100%;}

#cs_idx_233, #cs_idx_233 div, #cs_contact_us div.ui_state_default, #cs_sider_left,  #cs_contact_us p, #cs_contact_us a {text-align: left; color: #000000; background-color: #ffffff;}
#cs_idx_233 div a, #cs_contact_us a, #cs_contact_us a:link, #cs_contact_us a:hover, #cs_contact_us a:visited {color: #000000; background-color: #ffffff;}
#contact_info a {color: #000000;}

#cs_idx_233 h3 {color: #000000; font-style: normal; font-size: 1.2em;}

#navigation img {width: 30px; height: 30px;}

/*Slicknav color specific style*/

/* Button */
.slicknav_btn {	background-color: #006957; }

/* Button Text */
.slicknav_menu  .slicknav_menutxt { color: #ffffff; }

/* Button Lines */
.slicknav_menu .slicknav_icon-bar {  background-color: #ffffff;  }
.slicknav_menu { background:#052d6e; }
.slicknav_nav {	color:#ffffff; }
.slicknav_nav a{ background-color: #052d6e; color:#ffffff; }
ul.cs_menu_gnav a, ul.cs_menu_gnav a:link, .slicknav_nav .slicknav_item:hover, .slicknav_item:visited, .slicknav_item:active { background-color:#052d6e; color:#ffffff;	}
.slicknav_nav a:hover{	background-color:#052d6e; color:#ffffff;}
.ui-widget-content .ui-state-default {background-color: #52d6e; color: #ffffff;}

.ui-widget-content .ui-state-default, .ui-widget-content .ui-state-active, .ui-state-active, #cs_row_menu_gnav, ul.cs_menu_gnav a, ul.cs_menu_gnav a:link, ul.cs_menu_gnav a:active, ul.cs_menu_gnav a:visited {background-color: #052d6e;}

@media (max-width: 601px) {
#cs_row_menu_gnav_mobile h4 {font-size: 1.5em; color: #ffffff;}
.ui-state-default a, .ui-state-default a:link {color: #ffffff;}
.cs_menu_gnav img {width: 1em; height: 1em; padding-right: .25em;}
#cs_phone_chat {top: 0; left: 0px; width: 100%;}
#cs_phone a {color: #ffffff; line-height: 240%;}
#cs_phone, #cs_chat {width: 100%; box-shadow: 0 0 0 0;}
#cs_chat, #cs_phone {border-left: 0px; border-right: 0px;}
.cs_container_block_inner {font-weight: normal; text-align: left;}
.cs_header1 {color: #194d6e;}
.slicknav_nav li {padding:5px; }
#cs_article_text img {width: auto;}
}

.image_links_container {text-align:center; border:none; position: relative; background-color: #ffffff;}

@media only screen and (max-width: 500px) {
    li.cs_container_block {text-align: center;}
    .image_links_container img {display: none; }
    /*.image_links_container {height: 300px;}*/
    .image_links_row {top: 10%; text-align: center; }
    .image_links_row .link_image {top: 0; left: 0;}
    .image_links_row .image_links_image img {display: inline; max-width: 300px; width:100%;}
    #rotator img {width: 100%; padding: 0px;}
    #rotator .cs_header1 {display: none;}
    #rotator ul.ui-tabs-nav {display: none;}
    .ui-tabs .ui-tabs-panel {padding: 0px !important;}
#cs_rm0, #cs_rm1, #cs_rm2, #cs_contact_us {background-color: #ffffff;}
#cs_rm0 ul li a, #cs_rm1 ul li a, #cs_rm2 ul li a {color: #000000;}
#cs_contact_us h3 {display: none;}
#cs_rm0 h3, #cs_rm1 h3 {font-size: 1em; background-color: #052d6e; color: #ffffff;}
.cs_module_container_header {color: #052d6e;}
.sidebarspacer a:link {text-align: left;}
}


#cs_logo img {width: 95%;}