/*  CSS File */

/* gracepoint css file */


span.TreeviewSpanArea a:hover, a:link, a, a:visited {color: #4fb94a;}

body {background-color: #a6b3aa; margin:0px; padding:0px; text-align: center;}

/*Custom Fonts*/

@font-face {
 font-family: 'Aller';
 src: url("https://d8b5bbd6c77eef699d69-978eca4c48d6f56b93cad545e6ab762a.ssl.cf2.rackcdn.com/Aller_eot-1404248579"); /* FOR IEs */
 src: local('Aller'), url('https://d8b5bbd6c77eef699d69-978eca4c48d6f56b93cad545e6ab762a.ssl.cf2.rackcdn.com/Aller_ttf-1404248581') format('truetype'); /* for other web browsers */
 }

@font-face {
 font-family: 'Corbel';
 src: url("https://d8b5bbd6c77eef699d69-978eca4c48d6f56b93cad545e6ab762a.ssl.cf2.rackcdn.com/Corbel_eot-1404248583"); /* FOR IEs */
 src: local('Corbel'), url('https://d8b5bbd6c77eef699d69-978eca4c48d6f56b93cad545e6ab762a.ssl.cf2.rackcdn.com/Corbel_ttf-1404248585') format('truetype'); /* for other web browsers */
 }

 
.bodyresize li {font-size: 14px; font-family: Aller; }

p, .doc, td {color: #190707; font-family: Aller; font-size: 14px;line-height: 145%; }
p A {color: #4fb94a; text-decoration: none;}
p A:link {color: #4fb94a; text-decoration: none;}
p A:visited {color: #4fb94a; text-decoration: none;}
p A:hover {color: #4fb94a; text-decoration: underline;} 

.items, .resourcetitle, H1, H2 {font-family: Aller, Verdana, Helvetica, Arial, sans-serif;} 

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

.cs_bodybg_1 {background-color: #ffffff; background-repeat: repeat-x; width: 1025px; margin-right: auto; margin-left: auto; text-align: left;}
.cs_bodybg_2 {background-color: transparent; }
.cs_bodybg_3 {background-color: transparent; }

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: url(https://d8b5bbd6c77eef699d69-978eca4c48d6f56b93cad545e6ab762a.ssl.cf2.rackcdn.com/green_bar1_jpg-1404248587); background-color: #ffffff; background-repeat: repeat-x; margin-left: auto; margin-right: auto;}

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

table.bodyresize {width: 100%;}

/*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-left: 40px; }
#pgheader img {margin-top: 2px; }

#pgheaderPhoto {
	float: right;
	margin: 0; }

/*use these for expandable tables*/
#resourcebox {width: 300px; border-style: none; }
#topicscenterbox {width:300px; border-style: none; }

table.bodyresize {width: 100%; background-color: #FFFFFF; }

table.allresize {width: 100%; }


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

/* to set color of space between boxes of links on Topics pages  */
td.box2divider {background-color: #FFFFFF; }

 /* Home Page */

/* 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*/

 .headerfulldoc { display:none; FONT-WEIGHT: bold; FONT-SIZE: 14px; TEXT-TRANSFORM:
uppercase; COLOR: #FFFFFF; FONT-FAMILY: Aller, Verdana, Helvetica, Arial,
sans-serif;
BACKGROUND-COLOR: #222c79; TEXT-ALIGN: left}  

.textboxfulldoc { FONT-SIZE: 14px; COLOR: #190707; FONT-FAMILY: Aller, Verdana,
Helvetica, Arial, sans-serif; BACKGROUND-COLOR: transparent; padding: 0; }
 .textboxfulldoc P { COLOR: #000000; }
 .textboxfulldoc A { COLOR: #4fb94a; TEXT-DECORATION: none; }
 .textboxfulldoc A:link { COLOR: #4fb94a; TEXT-DECORATION: none; }
 .textboxfulldoc A:visited { COLOR: #4fb94a; TEXT-DECORATION: none;}
 .textboxfulldoc A:hover { COLOR: #4fb94a; TEXT-DECORATION: underline;}

 /* Box 1 */
#box1 {border: none; }
 .header1 { display: inline; FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-TRANSFORM: uppercase; COLOR: #FFFFFF;
FONT-FAMILY: Aller, Verdana, Helvetica, Arial, sans-serif; BACKGROUND: url(https://d8b5bbd6c77eef699d69-978eca4c48d6f56b93cad545e6ab762a.ssl.cf2.rackcdn.com/opaque_box_png-1404248588)repeat-x;
TEXT-ALIGN: left }


 .textbox1 { FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Aller, Verdana, Helvetica,
Arial, sans-serif; BACKGROUND-COLOR: #FFFFFF; TEXT-ALIGN: left }
 .textbox1 A { COLOR: #4fb94a; TEXT-DECORATION: none; }
 .textbox1 A:link { COLOR: #4fb94a; TEXT-DECORATION: none; }
 .textbox1 A:visited { COLOR: #4fb94a; TEXT-DECORATION: none; }
 .textbox1 A:hover { COLOR: #4fb94a; TEXT-DECORATION: underline; }

 /* Box 2 */
#box2 { max-width:1530px; border-style: 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 */

 .header2 { FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-TRANSFORM:
uppercase; COLOR: #FFFFFF; FONT-FAMILY: Aller, Verdana, Helvetica, Arial, sans-serif;
BACKGROUND-COLOR: #4fb94a; TEXT-ALIGN: left } 
 .header2 { TEXT-ALIGN: right }

.textbox2 { FONT-SIZE: 14px; COLOR: #4fb94a; FONT-FAMILY: Aller,Verdana, Helvetica,
Arial, sans-serif; BACKGROUND-COLOR: #FFFFFF; TEXT-ALIGN: left }
 .textbox2 p { FONT-SIZE: 14px; COLOR: #4fb94a; FONT-FAMILY: Aller, Verdana, Helvetica,
Arial, sans-serif; BACKGROUND-COLOR: #FFFFFF; TEXT-ALIGN: left }
 .textbox2 A { COLOR: #4fb94a; TEXT-DECORATION: none; }
 .textbox2 A:link { COLOR: #4fb94a; TEXT-DECORATION: none; }
 .textbox2 A:visited { COLOR: #4fb94a; TEXT-DECORATION: none; }
 .textbox2 A:hover { COLOR: #4fb94a; TEXT-DECORATION: underline; }

 .editorialtitle
{ FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #190707; FONT-FAMILY: Aller, Verdana, Helvetica,
Arial, sans-serif }


 /* Box 3 */
 #list0 { BACKGROUND-COLOR: transparent; }
 #list1 { BACKGROUND-COLOR: #D6D6D6; }
 #list2 { BACKGROUND-COLOR: #D6D6D6; }

  P.sidebar {width: 150px; PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-SIZE: 15px;
PADDING-BOTTOM: 6px; COLOR: #222c79; PADDING-TOP: 6px; FONT-FAMILY: Aller, Verdana, Helvetica,
Arial, sans-serif; }
 .sidebar A { COLOR: #222c79; TEXT-DECORATION: underline; font-size: 14px; }
 .sidebar A:link { COLOR: #222c79; TEXT-DECORATION: underline; font-size: 14px; }
 .sidebar A:visited { COLOR: #CF001C; TEXT-DECORATION: underline; font-size: 14px; }
 .sidebar A:hover { COLOR: #CF001C; TEXT-DECORATION: none; font-size: 14px; }
 .sidebar IMG {width: 140px;}

 /* Footer */
 .footer  { FONT-SIZE: 10px; COLOR: #190707; FONT-FAMILY: Aller, Verdana, Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #FFFFFF; TEXT-ALIGN: center }
 .footer A { COLOR: #222c79; TEXT-DECORATION: none }
 .footer A:link { COLOR: #222c79; TEXT-DECORATION: none }
 .footer A:visited { COLOR: #000040; TEXT-DECORATION: none }
 .footer A:hover { COLOR: #000040; TEXT-DECORATION: underline }




/* Idx=Topics Page */

 /* Box 1 */
 .topics_display_topicstext { FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-TRANSFORM: uppercase; COLOR: #190707;
FONT-FAMILY: Aller, Verdana, Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #CCCCCC;
TEXT-ALIGN: left }

 .topics_display_tr  { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #190707;
FONT-FAMILY: Aller, Verdana, Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #FFFFFF;
TEXT-ALIGN: left }
 .topics_display_tr A { COLOR: #222C79; TEXT-DECORATION: none  }
 .topics_display_tr A:link { COLOR: #222C79; TEXT-DECORATION: none  }
 .topics_display_tr A:visited { COLOR: #CF001C; TEXT-DECORATION: none  }
 .topics_display_tr A:hover { COLOR: #CF001C; TEXT-DECORATION: underline }

/* Calendar Navigational Arrows */

  A.cal_nav {color: #FF6600 !important; text-decoration: none; font-weight: bold; }
  A.cal_nav:hover {color: #190707 !important; text-decoration: none; font-weight: bold;} 

 /* Topic Home Page */

td.topicheader  {
background-color: #4fb94a; 
        color:#FFFFFF; font-weight: bold;  
        font-family: Aller, Verdana, Helvetica, Arial, sans-serif;  font-size: 15px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding: 3px;
}

a.topicheader:link, a.topicheader:active, a.topicheader:visited, a.topicheader:hover
{       background-color: transparent;
        color: #ffffff;
        font-weight: bold;
        font-family: Aller, Verdana, Helvetica, Arial, sans-serif;
        font-size: 17px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding: 3px;
        text-decoration: none;
}

a.topicheader:active, a.topicheader:hover {text-decoration: underline;}


a.nextprev:link, a.nextprev:hover, a.nextprev:visited, a.nextprev:active {color: #4fb94a;}
.nextprev_left, .nextprev_right {border: none;}


/* JShowoff Rotator site specific css*/

#jso_rotator img {height: 150px; float: left;}

.textbox1 #jso_rotator {width: 560px; height: 150px;}

#jso_rotator, .jshowoff, .jshowoff div  {width: 560px;}

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

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

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

/*h2 {font-size: 14px;}*/

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

/* ######################### */
/* 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:#4fb94a;
 font-weight:normal;
 margin:0;
 font-size:14px;  /* was 1.8em - too big*/
 /*line-height:1.2em;*/
 text-decoration: none;
}

#features_main p {
 font-size:1em;
 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 { color: #8dc73f; 
 /* font-size:1em; */
 /* text-decoration: underline; */
         font-weight: normal;
}

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


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

.topicbody a, .topicbody a:hover, .topicbody a:visited {color: #4fb94a; text-decoration: underline;}

#cs_footer_container {background-color: #a6b3aa;}

LI {padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; }

H3 {margin: 18px 0px 9px; font-style: normal; font-size: 15px; font-weight: normal; }
UL {list-style-type: disc; margin-left: 0px;}

.block {margin-bottom: 1em; }
.block UL {padding-bottom: 0px; margin: 1em 0px; padding-left: 2em; padding-right: 0px; padding-top: 0px;}

#navigation {width: 975px; background: url(https://d8b5bbd6c77eef699d69-978eca4c48d6f56b93cad545e6ab762a.ssl.cf2.rackcdn.com/navigation_background_jpg-1404248588); background-repeat: repeat-x;  } 
#topic_text {font-weight: bold;}

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

/* 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: #000000; background-color: transparent; text-align:center; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:11px; font-weight:bold;  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: #000000; background-color: transparent; text-decoration:none;}
body #qm0 .qmactive, body #qm0 .qmactive:hover {background-color: transparent; color: #000000; 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: #9daf9b;}
/*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: #9daf9b; text-align: left; color: #ffffff; border: solid #ffffff 1px; }
/*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: #8dc73f; color: #ffffff; border: solid 1px #ffffff; text-decoration: none;}
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {background-color: #8dc73f; color: #ffffff; border: solid #ffffff 1px; 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: #000000;}

.bodyresize li a, .bodyresize li a:link, .bodyresize li a:hover, .bodyresize li a:visited {color: #4fb94a;}
.bodyresize li a:hover {text-decoration: underline; }

.draw_box_container img {height: 82px;}



.link_image{    
    display:inline-block;
    margin:7px 10px 7px 0px;
    padding:5px;
    border:none;
    }

#cs_logo img {width: 100%; max-width: 400px; }

#lit0 p {text-align: left;}

.cs_menu_gnav li {width: 100%;}

.cs_menu_gnav li ul, .cs_menu_gnav li ul li {width: 50%;}

#cs_row_menu_gnav h4 {padding-top: .2em; padding-bottom: .2em; color: #000000;}

ul.cs_menu_gnav li, ul.cs_menu_gnav li a {padding: 0px;}

#cs_col_1 #cs_article_text {font-size: .8em;}
#cs_topicheader h2 a {font-size: 1.2em;}


#cs_row_menu_gnav ul ul {margin-top: -15px; }

#cs_row_menu_gnav ul ul li {width: 95%; margin-left: auto; margin-right: auto;}
#cs_row_menu_gnav ul ul li h4 {font-size: 1.2em; background-color: #e6e9ee; border-bottom: #ffffff 1px solid; color: #000000;}

.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: #a6b3aa; color: #000000;}

.cs_header1, .cs_module_container_header, #cs_topicheader h2 a, #lic0 h3 a, #lic0 h3 a:link, #lic0 h3 a:hover, #lic0 h3 a:visited {color: #a6b3aa; opacity: 1}

#cs_topicheader h2, #cs_topicheader h2 a {background-color: #c1cac3; width: 90%; margin-left: auto; margin-right: auto; color: #ffffff; }
#cs_topicheader h2 {border-radius: 4px;}

li.cs_container_block {text-align: left;}


/*Footer Elements brought over from existing website CSS*/

#footer {width: 100%; background-color: #a6b3aa; color: #ffffff; }
#footer H3, #footer P, #footer A:link {color: #ffffff;}
#footer A:hover {color: #ffffff; text-decoration: underline;}
#footer A:visited {color: #ffffff; text-decoration: none;}

.content {padding-bottom: 0px; margin: 0px auto; padding-left: 0px; width: 100%; padding-right: 0px; padding-top: 0px;}


.footer1, .footer2, .footer3, .footer4 {margin-right: 30px; float:left; clear: none; padding: 10px;  }
.footer5 img {float: right; clear: both; padding: 10px; margin: 10px; }


.footer_content, .footer_content UL {display: inline-block; }

.region-page-closure {background-image: url(https://d8b5bbd6c77eef699d69-978eca4c48d6f56b93cad545e6ab762a.ssl.cf2.rackcdn.com/fig_leaf_jpg-1404248589);
background-repeat: no-repeat; background-color: #8dc73f; margin: 0 auto; width: 100%; height: 60px; color: #666666; overflow: visible; clear: left;}


.cs_module_container .ui-widget-content img {width: 100%;}

 
.welcome_background {text-align:center; border:none; position: relative; }
.welcome_images .link_image {position: absolute; top: 60%; left: 6%; clear: right; margin-left: 15px; }


.archive_block {width: 47%; float:left; clear: none; margin: 3px; height: 120px;}

@media only screen and (max-width: 500px) {
    .welcome_background img {display: none; }
    .welcome_background {height: 400px;}
    .welcome_images {top: 10%; text-align: center; }
    .welcome_images .link_image {top: 0; left: 0;}
    .welcome_images .link_image img {display: inline; max-width: 300px;}
    .footer_content, .footer_content UL { display: inline; text-align: center;  }
    #footer, .footer1, .footer2, .footer3, .footer4, .footer5 {font-size: 25px; margin-top: 12px; margin-right: 0px; text-align: center; width: 100%; padding: 0px; margin: 0px; }    
    .footer4 p {font-size: 16px; }
    .footer5 img {float: none; clear: both;}
    #footer p {text-align: center;}
    .region-page-closure p {font-size: .5em;}
    .footer_content img {text-align: center;}
    .cs_article_text, .archive_block {clear: both;}
    .archive_block {margin-bottom: 15px; background-color: #efefef; float: none; height: 100%; width: 300px; }
    .archive_block img {max-width: 200px; }
    .archive_teaser, .archive_title {width: 300px;}
    .archive_title {font-size: 1.2em; font-weight: bold;}
    #pixel {height: 1px; width: 1px;}
 }

 
.link_image{    
    display:inline-block;
    margin:7px 10px 7px 0px;
    padding:5px;
    border:none;
    }


.welcome_images .link_image a:hover {bottom: 2px; right: 2px; }

/*Slicknav color specific style*/

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

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

/* Button Lines */
.slicknav_menu .slicknav_icon-bar {  background-color: #ffffff;  }
.slicknav_menu { background:#a6b3aa; }
.slicknav_nav {	color:#ffffff; }
.slicknav_nav a{ background-color: #a6b3aa; 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:#a6b3aa; color:#ffffff;	}
.slicknav_nav a:hover{	background:#a6b3aa;	color:#ffffff;}
.ui-widget-content .ui-state-default {background-color: #a6b3aa; color: #ffffff;}

@media all and (max-width: 601px) {
#cs_row_menu_gnav_mobile h4 {font-size: 1.4em; }
.cs_menu_gnav ul ul {position: relative; width: 90%; top: 0;}
}