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

body {
	font-size: 62.5%;
	margin: 0px;
	padding: 0px;
	background: #d1d5d8 url(../images/sys_images/bg.jpg) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
}
.fullwidth {
	width: 100%;
	float: left;
	clear: both;
}
 . -outer {
 width: 1056px;
 margin: 0px auto;
 background: transparent url(../images/sys_images/body-sides.png) no-repeat top left;
}
.center-container-inner {
	width: 960px;
	margin: 0px auto;
	overflow: hidden;
}
.footer .center-container-inner {
	width: 960px;
	margin: 0px auto;
	overflow: hidden;
}
/******** Header Styles *********/

.header {
	clear: both;
	position: relative;
	height: 156px;
	width: 960px;
	background: transparent url(../images/sys_images/tophat_bg.jpg) no-repeat top left;
}
.header .logo {
	padding: 40px 0px 0px 40px;
/*  margin-top: -76px;*/
}
.header .logo img {
	width:258px;
	height: 56px;
	border:0px;
}
 *:first-child+html .header .logo img, {    /*  IE 7 only */
width:258px;
height: 56px;
border:0px;
padding-top: 76px;
}
* html .header .logo img {    /*  IE 6 and below  */
	width:258px;
	height: 56px;
	border:0px;
	padding-top: 76px;
}
/*
.header .date {
  position: absolute;
  top: 3px;
  left: 61px;
  padding: 0px 0px 0px 26px;
  color: #666;
  font-size: 1.2em;
  text-transform: uppercase;
  width: 300px;
}
*/
.header .tophatnav {
	position: absolute;
	top: 14px;
	right: -6px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;/*FLOAT: RIGHT;
  padding: 15px 10px 0px 0px;
  vertical-align: top;*/
}
.header .tophatnav a {
	color: #000000;
	text-decoration:none;
}
.header .tophatnav a:hover {
	color: #000000;
	text-decoration: underline;
}
.header .search {
	position: absolute;
	bottom: 30px;
	right: 10px;
}
.header form input#gsearchinput {
	width: 212px;
	height: 25px;
	padding: 0px 0px 0px 0px;
	float: left;
	margin-left: 5px;
}
.header form input#Search_Go {
	margin: 0px 0px 0px 6px;
}
div#skipmenu a.skippy {
	position:absolute;
	top: -1000px;
	left:-1000px;
	height: 1px;
	width: 1px;
	overflow:hidden;
}
/******** Navigation Styles ********/

.navigation {
	clear: both;
	font-size: 16px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 100%;
	height: 30px;
	z-index: 100;
	position: relative;
	display: table;
	line-height: 22px;
	margin-top: -2px; /* needed so I can get the rounded tab corners to match the background */
}
.navigation ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	display: table-row;
	background-color: transparent; /* needed so I can get the rounded tab corners to match the background */
}
.navigation ul li { /* top level navigation - general */
	list-style: none;
	margin: 0px;
	padding: 0px;
	clear: none;
	position: static; /* was relative*/
	text-transform: capitalize;
	display: table-cell;
	border-radius: 4px 4px 0 0;
}
.navigation ul li.menu-parent { border-right: 1px solid #ffffff; background-color: /*#133385;*/ #3a69a1; text-align: center; } /* add space between top level menu items... */
.navigation ul li.menu-parent:last-child { border-right: none; } /* ...except for the last item */
.navigation ul li.menu-parent:focus { background-color: #14335a !important; } /* change color on hover for top */
.navigation ul li.menu-parent:hover { background-color: #14335a; } /* ok this does what they want now - when in top sub nav, keep top tab color same as background */
.navigation ul li.menu-parent:hover a.topnavon { background-color: #14335a; } /* now this fixes the request - wt-13641 - to have highlighted tab also change colors on hover */
.navigation ul.root-level li.menu-parent a[id^='topnav'] { /* wanted to be specific to the links themselves */
	color: #ffffff;
	text-decoration: none;
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	}
.navigation ul li a.topnav1, .navigation ul li a.topnav2, .navigation ul li a.topnav3, .navigation ul li a.topnav4, .navigation ul li a.topnav5, .navigation ul li a.topnav6, .navigation ul li a.topnav7, .navigation ul li a.topnavon {
	/* this is now redundant */
	text-decoration: none;
	color: #fff;
}
.navigation ul li div.topnavl1, .navigation ul li div.topnavl2, .navigation ul li div.topnavl3, .navigation ul li div.topnavl4, .navigation ul li div.topnavl5, .navigation ul li div.topnavl6, .navigation ul li div.topnavl7 {
	/* this is now useless since I got rid of the left/right image for the links */
	/*background: transparent url(../images/sys_images/top_nav_left_off.png) no-repeat top left;*/
	background-color: #3968a1;
	padding: 0px;
	display: none; /* since no longer using these div this - was inline - won't impact anything but search */
	float: left;
	height: 37px;
	width: 20px;
	border-bottom: 1px solid #DFE9F2;
}
.navigation ul li div.topnavr1, .navigation ul li div.topnavr2, .navigation ul li div.topnavr3, .navigation ul li div.topnavr4, .navigation ul li div.topnavr5, .navigation ul li div.topnavr6, .navigation ul li div.topnavr7 {
	/* this is now useless since I got rid of the left/right image for the links */
	/*background: transparent url(../images/sys_images/top_nav_right_off.png) no-repeat top left;*/
	background-color: #3968a1;
	padding: 0px;
	display: none; /* since no longer using these div this - was inline - won't impact anything but search */
	float: left;
	height: 37px;
	width: 20px;
	border-bottom: 1px solid #DFE9F2;
}
.navigation ul li a.topnavon {
	background-color: #9a0000;
	width: 100%;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.navigation ul li div.topnavlon {
	/* this is now useless since I got rid of the left/right image for the links */
	/*background: transparent url(../images/sys_images/top_nav_left_on.png) no-repeat top left;*/
	padding: 0px;
	display: inline;
	float: left;
	height: 37px;
	width: 20px;
	border-bottom: 1px solid white;
}
.navigation ul li div.topnavron {
	/* this is now useless since I got rid of the left/right image for the links */
	/*background: transparent url(../images/sys_images/top_nav_right_on.png) no-repeat top left;*/
	padding: 0px;
	display: inline;
	float: left;
	height: 37px;
	width: 20px;
	border-bottom: 1px solid white;
}
.navigation ul li ul { /* the top nav drop down menu. Genuinely not exactly sure why this works but it does. */
	display: none;
	float: left;
	clear: left;
	margin: 0px 1px 0px 0px;
	/*background: #f2f2f2 url(../images/sys_images/subnav_blue_hover_bg.jpg) repeat-x top left;*/
	background-color: #14335A;
	padding-top: 10px;
	position:absolute;
	left: 0 !important;
	/*top: 32px;*/
	width: 960px;
	white-space: nowrap;
	-moz-columns: 3;
	columns: 3;
	z-index: 100;
	-moz-column-width: auto;
	-moz-column-count: 3;
	-moz-column-fill: balance;
	column-width: auto;
    column-count: 3;
    column-fill: balance;
    padding-bottom: 5px;
}
/*.navigation ul ul .dropdownarrow {
	background: url(../images/sys_images/subnav_blue_arrow.jpg) no-repeat bottom center;
	position: relative;
	top: -20px;
	left: 20px;
	width: 27px;
	height: 10px;
}*/
.navigation ul li ul li {
	text-transform: none;
	/*float: left;*/
	display: block;
	clear: left;
	width: 200px;
}
.navigation ul li ul li a { /* links in the drop down nav */
	text-decoration: none;
	border: 0px none;
	font-size: .85em;
	float: left;
	padding: 5px 20px 5px 20px;
	color: #ffffff;
	font-weight: bold;
	/*clear: both;*/
	text-align: left;
}
.navigation ul li ul li a:hover,
.navigation ul li ul li a:focus,
.navigation ul li ul li a:active {
	color: #FFF !important;
	border: none 0px !important;
	text-decoration: underline;
}
.navigation ul li ul li a .subtitle {
	text-decoration: none;
	font-weight: normal;
	font-style: italic;
}
.navigation ul li ul li ul {
	display: none;
}
.navigation ul li ul li table tr {
	vertical-align:top;
}
.navigation ul li ul li table tr td {
	white-space:nowrap;
}
/******** Universal Style ********/

.main {
	float:left;
	width: 738px;
	margin: 0px 0px 0px -10px;
	padding: 0px 0px 0px 0px;
	padding-bottom: 140px;
	background:  url(../images/sys_images/blue_texture_bg_btm_narrow.jpg) no-repeat bottom left;
	border-left: 1px solid #ced5db;
	z-index: 10;
}
.main#no-left {
	width: 960px;
	float:left;
	padding-bottom: 140px;
	z-index: 10;
	background: none;
	border: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.pagebody {
	float: left;
	clear:both;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	width: 470px;
	font-size: 1.2em;
	color: #000;
	line-height: 1.35em;
}
.main#no-left .pagebody {
	float: left;
	clear:both;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	width: 700px;
	font-size: 1.2em;
	color: #333;
	line-height: 1.35em;
}
.pagebody-norightside {
	float: left;
	clear:both;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	width: 710px;
	min-height: 264px;
	font-size: 1.2em;
	color: #333;
	line-height: 1.35em;
}
.main h1 {
	font-family: /*Georgia, "Times New Roman", Times, serif;*/ Arial, sans-serif;
	font-size: 28px; /*Was 2.6 but appeared too large on a PC JBS*/
	font-weight: bold;
	color: #900;
	line-height: 1.1em;
	padding-top: 0px;
	margin: 20px 0px 10px 0px;
}
*:first-child+html .main h1 {
	padding-bottom: 1px;
}
.main h1 .subtitle {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.4em;
	font-style: italic;
	font-weight: normal;
	color: #333;
	line-height: 0.4em;
}
.syndicate .mSyndicate h1,
.syndicate .syndicate h1 {
	display: none;
}
.main h2 {
	/*line-height: 1.0em;*/
    font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em; /*JBS*/
	font-weight: bold;
	color: #333;
	margin-right: 0;
	margin-left: 0;
}
.pagebody h2, .pagebody-norightside h2 { /* JGC better spacing to accomodate longer H2s */
	margin-top: 1rem;
	margin-bottom: 0.5rem;
	font-size: 24px; /* wt-13644 */
	line-height: 1.3;
}
.pagebody h3, .pagebody-norightside h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 1.3;
	margin-top: 1.5em;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
}
.pagebody h2+h3, .pagebody-norightside h2+h3 { /*JBS*/
	margin-top: 0.5em;
}
/* solve syndication problem w/   JBS */
body h3 a.APEignored {
	margin-left: -0.25em;
}
.main p, .main pre, .main blockquote, .main ol, .main dl {
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: 0.9em;
	margin-left: 0;
}
.main ul {
	margin: 4px 0px 17px 0px;
	list-style: none;
}
.main dd {
	margin-left: 3em;
}
.main ul, .main ol, .main blockquote {
	padding-left:0;
	margin-left: 2em;
	list-style-image: url(../images/sys_images/bullet_grey.png);
}
/*JBS*/
.main ul li {
	margin-bottom: 5px;
}
.main ul li ul li {
	margin-bottom: 5px;
}
/*JBS*/

.main li li {
	list-style-image:none;
	list-style: disc;
}
hr {
	color:#ccc;
	background-color:#ccc;
	height:1px;
	border:none;
}
.backtotop {
	text-align: right;
	width: 100%;
	background: url(../images/sys_images/top.gif) no-repeat right bottom;
	border: 0px;
	height: 13px;
}
p.alphaindex {
	font-weight: bold;
}
/*.main#no-left .printshare {
  float: right; position: relative; top: 25px;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 1.05em;
  color: #333;
  white-space:nowrap;
}*/

.main .printshare {
	float: right;
	position: relative;
	top: 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .85em;
	color: #333;
	white-space:nowrap;
	top: 3.25em; /*JBS*/
}
.main .printshare .print_button {
	border-right: 1px solid #ccc;
	padding: 0px 4px;
	float: left;
}
.main .printshare a {
	text-decoration: none;
	color: #333;
}
.main .printshare a:hover {
	text-decoration: underline;
	color: #3d77af;
}
.main .printshare .font-l a:hover, .main .printshare .font-s a:hover {
	text-decoration: none;
}
.main .printshare img {
	border: 0;
	vertical-align: middle;
	padding-bottom: 3px; /*JBS*/
}
.main .printshare .print {
	border: 0;
	vertical-align: middle;
	background-image:url(../images/sys_images/print_icon.gif);
	width:15px;
	height: 11px;
}
.main .printshare .share {
	border: 0;
	vertical-align: middle;
	background-image:url(../images/sys_images/share_icon.gif);
	width:10px;
	height: 11px;
}
.pagebody a, .pagebody-norightside a {
	text-decoration: none;
	color: #0053cc;
}
.pagebody a:visited, .pagebody-norightside a:visited {
	text-decoration: none;
	color: #6f57b5;
}
.pagebody a:hover, .pagebody-norightside a:hover {
	text-decoration: underline;
	color: #0053cc;
}
.pagebody a.boldlink, .pagebody-norightside a.boldlink {
	font: Arial;
	font-weight: bold;
	font-size: 1em;
	color: #0053cc;
}
.glossaryword {
	font: Arial;
	font-weight: bold;
	font-size: 1em;
	background:url(../images/sys_images/diamond_footnote.png) right no-repeat;
	padding-right: 10px;
}
.main a img {
	border: 0px none;
}
/******** Syndication Page Styles **********/
.niaid_photoCaption {
	font-style: italic;
	line-height: 1.25em;
	color: #666;
}
.niaid_photoCaption a {
	display: block;
	margin: 0px;
	padding: 4px 0 0 0;
	font-style: normal;
	line-height: 1.25em;
}
span.synd_date {
	font-size: 0.7125rem;
    display: block;
	text-transform: uppercase;
	color: #666;
	letter-spacing: .06em;
	margin: 2rem 0 0;
	padding: 0px;
}
br + span.synd_date {
	display: inline;
}
span.synd_source {
	font-size: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0px;
	padding: 0px;
}
div.syndicate h2:first-child { /* don't know why this is here. Commented out - now shows the titles in the accordions */
	/*display: none;*/
}
div.syndicate .module-typeC {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 18px;
    padding:10px;
    padding-left:17px;
    overflow: hidden;
}
div.syndicate .module-typeC img {width:100%; margin-bottom:8px;}
div.syndicate .span5 {width: 235px; margin-left:15px;}
div.syndicate .span7 {width: 315px; margin-left:15px;clear:both;}
div.syndicate .pull-right {float:right;}
/******** Content Styles *********/

.content, .content-with-leftnav {
	clear: both;
}
/******** Homepage Style ********/

.billboard {
	float: left;
	clear: both;
	width: 700px;
	height: 330px;
	padding: 20px 10px 20px 10px;
	z-index: 10;
}
.billboard .slide {
	/*background:  url(../images/sys_images/billboard_bg.jpg) repeat-x top right;*/
	background-color: #e0e0e0;
	height: 330px;
	overflow: hidden;
}
.mod-stage996 {
	width: 700px;
	height: 330px;
	position:relative;
}
.mod-stage996 .stgslide {   /*  positions the image  */
	height: 330px;
    width:430px;
	top:0px;
	left: 0px;
	position:relative;
	overflow:visible;
	z-index: 10;
	background-color: #FFF;
}

.mod-stage996 .stgslide .stgslideheading {
	display:none;
}
.mod-stage996 .stgslide .stgslidecontent {
	float: left;
	height: 270px;
    width: 240px;
	top: -320px;
	left: 450px;
	position: relative;
	color: #000;
}
.mod-stage996 .stgslide .stgslidecredit {
	font-size: .8em;
	font-weight:normal;
	color: white;
	text-align:right;
}
.mod-stage996 .stghrimg {
	width:430px;
	height:330px;
	margin:0;
	top:21px;
	left:19px;
	position:absolute;
}
.mod-stage996 .stghrtxt {   /* FF */
	width:230px;
	top:45px;
	position:absolute;
	padding-left: 450px;
	padding-right: 20px;
}
*:first-child+html .mod-stage996 .stghrtxt {    /*  IE 7 only */
	width:230px;
	top:60px;
	position:absolute;
	padding-left: 450px;
	padding-right: 20px;
}
* html .mod-stage996 .stghrtxt {    /*  IE 6 and below  */
	width:230px;
	top:60px;
	position:absolute;
	padding-left: 450px;
	padding-right: 20px;
}
.mod-stage996 .stgvidlnkbtn {
	width:300px;
	top:260px;
	left:26px;
	position:absolute;
	text-align:center;
}
.mod-stage996 .stgbtnwrpr {
	top:280px;
	left:165px;
	position:absolute;
	text-align:center;
}
*html .mod-stage996 .stgbtnwrpr {
	left: 165px;
}
/*.mod-stage996 .stgbtnwrpr .mrftrs {width:100%; font-size:10px; color: white; text-align:center; padding:8px 0;}*/

.mod-stage996 .stgbtnwrpr .features {
	color: gray;
	font-weight: normal;
	font-size: .8em;
	width: 190px;
	border-bottom: none;
	padding-bottom:5px;
}
.mod-stage996 .stgbtnwrpr .stgbtngrp {
	text-align:center;
	margin-left:3px;
	left: 450px;
	position:absolute;
	width: 70px;
	height: 20px;
	top: 20px;
	line-height:20px;
}
.mod-stage996 .stgbtnwrpr .stgbtngrp img {
    float:left;
    display: inline;
    padding-left: 3px;
}
.mod-stage996 .stgbtnoff, .mod-stage996 .stgbtnon {
	height:11px;
	width:11px;
	float:left;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: -18px;
	padding-top: 0;
	margin: 0 2px;  /* space between */
	line-height: 1.4em;
	cursor:pointer;
	clear: none;
	display:inline;
}
.mod-stage996 .stgbtnoff {
	/* new circle for billboard */
	background: url(../images/sys_images/bbnav_circle_next_off.png) no-repeat top left;
}
.mod-stage996 .stgbtnon {
	/* new circle for billboard */
	background: url(../images/sys_images/bbnav_circle_next_on.png) no-repeat top left;
}

.mod-stage996 #prevbtn {
	text-align:center;
	margin-left:3px;
	left: 435px;
	position:absolute;
	TOP: 19px;
	height:13px;
	width:15px;
	float:left;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: -18px;
	padding-top: 0;
	margin: 0 2px;  /* space between */
	line-height: 1.4em;
	cursor:pointer;
	clear: none;
	display:inline;
}

.mod-stage996 #nextbtn {
	text-align:center;
	margin-left:3px;
	left: 500px;
	position:absolute;
	TOP: 19px;
	height:13px;
	width:15px;
	float:left;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: -18px;
	padding-top: 0;
	margin: 0 2px;  /* space between */
	line-height: 1.4em;
	cursor:pointer;
	clear: none;
	display:inline;
}

.mod-stage996 .headerImg {
	top: -75px;
	margin-bottom: -75px;
	position: relative;
}
*html .mod-stage996 .headerImg {
	top: -75px;
	position: relative;
	margin-bottom: -80px;
}
.mod-stage996 .stghrtxt {         /* This is the first slide blurb.*/
	float:left;
	left: 0px;
	width: 230px;
	height:330px;
	padding-right: 20px;
    padding:top: 60px;
	margin: 0px;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
}
*html .mod-stage996 .stghrtxt {
	width:270px;
}
.mod-stage996 .stghrtxt h1 {
	color: #fff;
	font-weight: normal;
	font-size: 2.3em;
}
.mod-stage996 .stghrtxt p {
    color: #fff;
	font-size: 1.45em;
}
.featuresbtn {
	position: absolute;
	margin-top: 10px;
	margin-left: 365px;
}
.stgslidecontent a, .stgslidecontent a:link, .stgslidecontent a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
.stgslidecontent a:hover {
	text-decoration: underline;
}
.content {
	/*  should not have border on either side
border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;*/
  width: 960px; /*Original 954 */
	float: left;
	clear: both;
	background: #FFF url(../images/sys_images/blue_texture_bg_btm.jpg) no-repeat bottom left;
}
.content-with-leftnav {
	/*  should not have border on either side
 border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;*/
  width: 960px; /*Original 954 */
	float: left;
	clear: both;
	background: #FFF /*url(../images/sys_images/blue_texture_bg_btm.jpg) no-repeat bottom left*/;
}
/* ======= text size ========= */
#text-size {
	float: right;
	margin: 0;
	padding: 16px 0 2px;
	font-size: 1.2em !important;
	font-weight: normal !important;
	font-style: normal!important;
	color: #000 !important;
	width: 125px;
}
#text-size a {
	padding-right:0;
	padding: 0 !important;
	font-weight: 600;
	color: #0053cc;
	text-decoration:none;
}
.larger {
	font-size: 1.4em !important;
}
.medium {
	font-size: 1.2em !important;
}
.small {
	font-size: 1em !important;
}
#breadcrumbs {
	width: 100%;
	padding: 5px;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	background:#fff;
}
#breadcrumbs a {
	color: #0053cc;
	text-decoration: underline;
	line-height: 20px;
}
#breadcrumbs a.on {
	color: #000;
	text-decoration: none;
}
#breadcrumbs a:hover {
	text-decoration: underline;
}
#navshadetop {
	background: #ebebeb; /* Old browsers */
	background: linear-gradient(to bottom,  #ebebeb 0%,#dbdbdb 5%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	height: 5px;
	width: 960px;
	overflow: hidden;
}
.content .navshade, .content-with-leftnav .navshade {
	background-image: url("../images/sys_images/top_nav_shadow.png");
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebebeb), to(#ffffff))!important;
	background-image: -webkit-linear-gradient(top, #ebebeb, #ffffff)!important;
	background-image:    -moz-linear-gradient(top, #ebebeb, #ffffff)!important;
	background-image:     -ms-linear-gradient(top, #ebebeb, #ffffff)!important;
	background-image:      -o-linear-gradient(top, #ebebeb, #ffffff)!important;
	background-image: linear-gradient(top, #ebebeb, #ffffff)!important;
	height: 10px;
	margin-bottom: -10px;
	width: 960px;
	position: relative;
}
.home .content {
	padding-bottom: 50px;/*JBS*/
}
.home .copy {
	clear: none;
	width: 720px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.main#no-left .copy {
	clear: none;
	width: 100%;
	float: left;
	margin: -20px 0px 0px 0px;
	padding: 0px;/*border: 1px solid pink;*/
}
/**************************************************************
FEATURES
*****************************************************************/

.featurebox {
	width: 220px;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 20px 10px;
	float: left;
	position: relative;
	display:block;
	overflow: hide;
}
.featurebox .image {
	width: 220px;
	height: 90px;
	margin:  0px;
	padding: 0px;
	background-position: top left;
	background-repeat: no-repeat;
}
.featurebox .heading {
	width: 200px;
	height: 41px;
	padding: 5px 10px 15px 10px;
	margin:  0px;
	font-family: Arial, sans-serif;
	font-size: 1.85em;
	background-color: #3374b1;
	color: #fff;
	border-top: 5px solid #6aafe2;
}
.featurebox .body {
	width: 200px;
	margin-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	padding: 0px 10px 0px 10px;
	line-height: 20px;
}
.featurebox .body p {
	margin:  0px;
	padding: 0px;
}
.featurebox a {
	color: #0053cc;
	text-decoration: none;
	cursor: pointer;
}
.featurebox a:visited {
	text-decoration: none;
	color: #6f57b5;
	cursor: pointer;
}
.featurebox a:hover {
	color: #0053cc;
	text-decoration: none;
	cursor: pointer;
}
.featurebox .body a {
	color: #0053cc;
	text-decoration: underline;
}
.featurebox .body a:visited {
	text-decoration: none;
	color: #6f57b5;
}
.featurebox .body a:hover {
	text-decoration: underline;
	color: #0053cc;
}
.featurebox .body a.boldlink {
	font: Arial;
	font-weight: bold;
	font-size: 1em;
	color: #0053cc;
}
.featurebox .body a.boldlink:visited {
	font: Arial;
	font-weight: bold;
	font-size: 1em;
	color: #6f57b5;
}
/**************************************************************
RIGHT SIDE BAR
*****************************************************************/

.right-sidebar {
	width: 220px;
	float: right;
	min-height: 264px;
	padding: 0px;
	margin: 10px 10px 20px 10px;
	text-align: center;
}
.right-sidebar hr {
	height: 1px;
	color: #a3bfdc;
	margin: 15px 0px; /* wanted more space between content and hr - wt-13645 */
}
.main .right-sidebar {
	width: 220px;
	float: right;
	min-height: 264px;
	padding: 0px;
	margin: 10px 10px 20px 10px;
	text-align: center;
}
.sidebar {
	width: 220px;
	text-align: -moz-center;
	margin: 10px 0px 20px 0px;
	padding: 10px 0px 10px 0px;
}
.sidebar.simple {
	width: 196px;  /*This is 200 because the left and right padding is additional. Changed to 196 to accomodate 2px border*/
	text-align: -moz-center;
	margin: 10px 0px 20px 0px;
	padding: 10px 10px 10px 10px;
	border: 2px solid #c0d3e7;
}
.sidebar.imagebox {
	width: 151px;  /*This is 155 because the left and right padding is additional. Background image has width 220. Changed to 151 to accomodate 2px border*/
	text-align: -moz-center;
	margin: 10px 0px 20px 0px;
	padding: 10px 55px 10px 10px;
	border: 2px solid #c0d3e7;
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 130px;
}
.sidebar.imagebox-wave {
	width: 196px;  /*This is 200 because the left and right padding is additional. Background image has width 220. Changed to 196 to accomodate 2px border*/
	text-align: -moz-center;
	margin: 10px 0px 20px 0px;
	padding: 10px 10px 10px 10px;
	border: 2px solid #c0d3e7;
	background-position: top left;
	background-repeat: no-repeat;
}
.sidebar h3, .sidebar.simple h3 {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/ font-family: Arial, sans-serif;
	font-size: 19px;
	font-weight: normal;
	text-align:left;
	color: #000;
	margin: 0px;
	line-height: 27px; /*JBS*/
}
.right-sidebar .sidebar p {
	text-align:left;
	font-size: 14px;
	color: #000;
	font-family: Arial, regular;
	margin: 6px 0px 0px 0px; /*JBS - originally was top 3px. Ideally open more (10px) once <p>&nbsp</p> are removed*/
	line-height: 20px;
}
.right-sidebar .sidebar p > img + i { /* adding this to decrease the footnote in the glossary part, without changing other content, because it's not named */
	font-size: 12px;
	line-height: 18px;
}
.right-sidebar .sidebar ol, .right-sidebar .sidebar ul {
	text-align:left;
	font-size: 1.2em; /*JBS - looks like the size gets compounded from another style, making it larger*/
}
.sidebar a {
	font-family: Arial, regular;
	color: #3d77af;
	font-weight: bold;
	font-size: 1.0em;
	text-decoration: none;
}
.sidebar a:hover {
	text-decoration: underline;
}
/******** Social Media Widget ********/

.socialmedia {
	width: 261px;
	height: 74px;
	position: relative;
	margin: 0px auto;
	float: left;
	clear: both;
}
.home .socialmedia-bot {
	width: 261px;
	height: 17px;
	position: absolute;
	top: 47px;
	left: 0px;
	z-index: 100;
}

.page .socialmedia-bot {
	width: 261px;
	height: 17px;
	position: absolute;
	top: 47px;
	left: 0px;
	z-index: 100;
}
.socialmedia .icon a {
	float: left;
	z-index: 1;
	margin: 12px 7px 0px 7px;
}
.socialmedia .icon a:hover {
	margin-top: 0px;
}
.socialmedia .icon.first a {
	margin-left: 14px;
}
/******** Footer Styles *********/

.footer .content {
	margin: 0px 0px;
	text-align: left;
	/*background: #373737 url(../images/sys_images/footer-bg.png) repeat-x  top left;*/
  background: #333 url(../images/sys_images/footer_bg.jpg) repeat-x top left;
}
.footer div.colfirst {
	margin: 20px 0px;
	position: relative;
	display:block;
	float: left;
	width: 30%;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hide;
}
.footer div.col {
	margin: 20px 0px;
	position: relative;
	display:block;
	float: left;
	width: 14%;
	border-left: 1px solid #333;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hide;
}
.footer div.col p.heading {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #98b8da;
	line-height: 20px;
}
.footer .content a {
	color: #a9a9a9;
	text-decoration: none;
}
.footer .content a:hover {
	text-decoration: underline;
}
.footer .content img {
	border: 0px none;
	margin: 10px 5px;
}
.footer .content ul {
	margin: 14px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #a9a9a9;
	clear: right;
	float: left;
}
.footer .content p.firstcol {
	margin: 0px 35px 0px 0px;
	padding: 0px 0em;
	float: left;
	/*border-right: 1px solid #FFF; */
  font-family:Arial, Helvetica, sans-serif;
	font-size: 12px; /*JBS*/
	color: #a9a9a9;
	line-height: 18px;
}
.footer .content ul li {
	margin: 0px;
	padding: 0px 0px 6px 0px;/*list-style: none;
  float: left;
  border-right: 1px solid #FFF;*/
}
.footer .content ul li.last {
	border-right: 0px none;
	margin: 0px;
	padding: 0px 0em;
}
.footer .content p {
	margin: 0px;
	padding: 0px;
	clear: both;
}
/**************************************************************
LEFT SIDE NAV BAR
*****************************************************************/

.left-navbar {
	width: 220px;
	float: left;
	/*min-height: 264px;*/
  height: 100%;
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 20px 0px;
}
.left-navbar ul {
	margin: 5px 0 0;
	padding: 0px;
	list-style-type: none;
	float: left;
	clear: both;
	line-height: 2.6em; /*JBS*/
	width: 220px;
	display: block;
}
.left-navbar ul li ul {
	line-height: 2.5em;
	list-style-type: none;
}
.left-navbar ul li {
	display: block;
	margin: 0px 0px 15px 10px;
	padding:  0px 10px 0px 0px;
	font-size: 14px;
	width: 210px;
	float: left;
	line-height: 1.6;
}
.left-navbar ul li ul li {
	font-size: 1.0em;
	background: url(../images/sys_images/bullet_grey.png) no-repeat left center;
	padding: 0px 0px 0px 9px;
	margin: 3px 0 0 0;
}
.left-navbar ul li a {
	display: block;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0053cc;
	float: left;
	clear: both;
	text-decoration: none;
	padding-right: 10px; /* wt-13648 */
}
.left-navbar ul li.on {
	float: left;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	font-size: 14px;
	background-color: #e7ecf0;
	width: 200px;
	background-position: 100%;
	overflow:hidden;
}
.left-navbar ul li.on ul li, .left-navbar ul li.on ul li.on {
	font-size: 1.0em;
	background: url(../images/sys_images/lnbullet.png) no-repeat left top;
	padding: 5px 0px 0px 9px;
	margin: 0px 0px 0px 0px;
}
.left-navbar ul li.on ul li a {
	color: #333;
	font-weight: normal;
}
.left-navbar ul li.on ul li.on a, .left-navbar ul li.on ul li.on a:hover {
	font-weight: normal;
	color: #4479ab;
}
.left-navbar ul li.on ul li a:hover {
	font-weight: normal;
	color: #868f95;
}
.left-navbar ul li.on a, .left-navbar ul li.on a:hover {
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #900;
	float: left;
	clear: both;
	text-decoration: none;
	background-color: #e7ecf0;
}
.left-navbar ul li a:hover {
	text-decoration: underline;
}
.left-navbar ul li a .subtitle {
	font-weight: normal;
	font-style: italic;
	display: block; /* per request of client - be prepared to remove 9/21/16 */
	line-height: 12px;
}
.left-navbar li li a { /*JBS*/
	margin-left: 4px;
	margin-right: 15px; /* wt-13648 */
}
/********* Content *********/

.content.page {
}
.content.page .copy {
	overflow: hidden;
	clear: none;
	padding: 0px 20px 0px 14px;
	color: #333;
}
/******** INSET BOXES (WITHIN CONTENT BODY, NOT RIGHT SIDEBAR) ********/

.topinset { /* the sort of callout box at the top of some pages */
	/*width: 440px;*/ /*was 450 - should be 460 total so 440 + 10 + 10 for L/R padding */
	padding: 20px 30px 20px 20px;
/* background: transparent url(../images/sys_images/blue_inset_bg.jpg) repeat top left;*/
	background: #e7ecf0;
	float: none;
	clear: both;
	margin: 0px 0px 20px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 14px;
	line-height: 20px;
}
.inset {
	margin: 2px 0px 5px 5px;
	float: right;
	clear: both;
}
.inset .bot {
	height: 10px;
	float: left;
	clear: both;
}
.inset .top {
	height: 10px;
	float: left;
	clear: both;
}
.inset .mid {
	float: left;
	clear: both;
	padding: 0px 10px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 1.15em;
  line-height: 1.4em;*/
  color: #333;
}
.inset .mid a, .topinset a {
	font-weight: bold;
	/*font-size: 1.15em;*/
  color: #3d77af;
}
.inset.large .top {
	background: transparent url(../images/sys_images/inset_box_top_460.gif) no-repeat top left;
	width: 460px;
}
.inset.med .top {
	background: transparent url(../images/sys_images/inset_box_top_220.gif) no-repeat top left;
	width: 220px;
}
.inset.small .top {
	width: 160px;
	background: transparent url(../images/sys_images/inset_box_top_160.gif) no-repeat top left;
}
.inset.large .mid {
	background: url(../images/sys_images/inset_box_center_460.gif) repeat-y top left;
	width: 440px;
}
.inset.med .mid {
	background: url(../images/sys_images/inset_box_center_220.gif) repeat-y top left;
	width: 200px;
}
.inset.small .mid {
	background: url(../images/sys_images/inset_box_center_160.gif) repeat-y top left;
	width: 140px;
}
.inset.large .bot {
	width: 460px;
	background: transparent url(../images/sys_images/inset_box_bottom_460.gif) no-repeat top left;
}
.inset.med .bot {
	width: 220px;
	background: transparent url(../images/sys_images/inset_box_bottom_220.gif) no-repeat top left;
}
.inset.small .bot {
	background: transparent url(../images/sys_images/inset_box_bottom_160.gif) no-repeat top left;
	width: 160px;
}
.inset.small .image {
	width: 160px;
	height: 118px;
	margin:  0px;
	padding: 0px;
	background-position: top left;
	background-repeat: no-repeat;
}

/*** Share This Styles ***/

.invisible {
	position: absolute;
	width: 0;
	height: 0;
	visibility: hidden;
}
.addthis_toolbar {
	position:relative;
	zoom:1;
	float: left;
	border-right: solid 1px #ccc;
	padding: 0px 4px;
}

.addthis_button {
	background: url("../images/sys_images/share_icon.gif") no-repeat scroll left center transparent;
	color: #333;
	cursor: pointer;
	padding-left: 16px;
}
.addthis_button:hover {
	color: #3d77af;
	text-decoration: underline;
}
.addthis_list {
	display: none;
}
.addthis_list.show {
	margin:0px !important;
	position:absolute;
	top:1.3em;
	left:0;
	z-index:300;
	background:#FFF;
	width:14.8em;
	padding:.3em .1em;
	border:1px solid #CCC;
}
.addthis_list li {
	margin: 0px !important;
	list-style:none;
	width:50%;
	float:left;
	font-size:93%;
	font-weight:bold;
	font:"Trebuchet MS";
}
.addthis_list a {
	padding-left:20px;
	display:block;
	height:16px;
	text-decoration:none;
}
.addthis_list a:hover {
	background-color:#eee;
}
.addthis_list .favorites {
	background:url(../images/sys_images/favorites.gif) no-repeat left center;
}
.addthis_list .email {
	background:url(../images/sys_images/email.gif) no-repeat left center;
}
.addthis_list .facebook {
	background:url(../images/sys_images/facebook.gif) no-repeat left center;
}
.addthis_list .twitter {
	background:url(../images/sys_images/twitter-s.gif) no-repeat left center;
}
.addthis_list .google {
	background:url(../images/sys_images/google.gif) no-repeat left center;
}
.addthis_list .ybuzz {
	background:url(../images/sys_images/buzz.gif) no-repeat left center;
}
.addthis_list .delicious {
	background:url(../images/sys_images/delicious.gif) no-repeat left center;
}
.addthis_list .digg {
	background:url(../images/sys_images/digg.gif) no-repeat left center;
}
.addthis_list .more {

}
/********* Syndication Styles **********/

#toc ul {
	margin:  0px;
	padding:  0px;
	list-style: none;
}
#toc ul li {
	margin:  0px 0px;
	border-right: 1px solid #999;
	padding:  0px 6px;
	display: inline;
	list-style: none;
}
#toc ul li:last-child {
	border-right: none 0px;
}
.glossary h4 {
	border-bottom: 1px solid #999;
}
.glossary_head {
	font-weight: bold;
	margin-right:  6px;
}
#acronymvaca {
	font-weight: bold;
}
#acronymvacb {
	margin: 0px 0px 12px 0px;
}
#acronym_wrapper .note {
	font-style: italic;
}
.box_top, .box_bottom, .clearfloat {
	display: none;
}
/********* add this  **********/


#add_this_container {
	font-size: 1.05em;
	margin: 8px 0px 0px 20px;
	color: #333;
	font-weight: normal;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
	display: block;
}
#add_this_container div.toolbox {
	/*background:url(../images/sys_images/addthis/toolbox.png) no-repeat;*/
	float: right;
	margin: 0;
	padding: 3px 0 2px;
	margin-bottom: 10px;
	margin-top:10px;
}
#add_this_container div.toolbox ul li img {
	border: 0 none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
#add_this_container div.toolbox_body ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#add_this_container div.toolbox ul li {
	float: left;
	list-style-type: none;
	margin-right: 3px;
	padding: 0;
}
#add_this_container div.toolbox ul li.print {
	display: block;
	background:url(../images/sys_images/addthis/toolbar-print-top.png) no-repeat;
	width: 52px;
	height: 21px;
}
#add_this_container div.toolbox ul li.email {
	display: block;
	background:url(../images/sys_images/addthis/toolbar-email-top.png) no-repeat;
	width: 55px;
	height: 21px;
}
#add_this_container div.toolbox ul li.facebook {
	display: block;
	background:url(../images/sys_images/addthis/toolbar-fb-top.png) no-repeat;
	width: 48px;
	height: 21px;
}
#add_this_container div.toolbox ul li.twitter {
	display: block;
	background:url(../images/sys_images/addthis/toolbar-tweet-top.png) no-repeat;
	width: 56px;
	height: 21px;
}
#add_this_container div.toolbox ul li.share {
	display: block;
	background:url(../images/sys_images/addthis/toolbar-share-top.png) no-repeat;
	width: 53px;
	height: 21px;
}
#add_this_container ul.toolbox_body {
	display: block;
	position: relative;
}
#add_this_container ul.toolbox_body, #add_this_container ul.toolbox_body ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#add_this_container ul.toolbox_body ul .closeshare {
	position: absolute;
	text-align: right;
	top: 0;
	right: 0;
}
#add_this_container ul.toolbox_body ul .closeshare a {
	font-size: 9px;
	margin: 2px 5px 0px 0px;
	padding: 0;
	right: 0;
	top: 0;
	position: absolute;
	text-align: right;
	width: 20px;
}
#add_this_container ul.toolbox_body a {
	padding-left: 0;
	text-decoration: none;
}
#add_this_container ul.toolbox_body ul {
	background-color: white;
	border: 1px solid #CDCDCD;
	display: none;
	font-size: 0.7em !important;
	margin: 32px 0px 0px 0px;
	overflow: hidden;
	padding: 0 5px 10px 3px;
	position: absolute;
	right: -18px;
	left: 50px !important;
	top: -8px !important;
	width: 215px;
	z-index: 99;
}
#add_this_container ul.toolbox_body ul li a {
	display: block;
	margin: 0;
	padding-left: 25px;
	text-decoration: none;
	font: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
}
#add_this_container ul.toolbox_body li.share ul li {
	display: block;
	float: left;
	margin: 0;
	padding: 2px 0;
	font: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	font-style: normal;
	width: 105px;
}
ul.toolbox_body .delicious {
	background: url("../images/sys_images/addthis/delicious.gif") no-repeat scroll left center transparent;
}
ul.toolbox_body .stumbleupon {
	background: url("../images/sys_images/addthis/stumbleupon.gif") no-repeat scroll left center transparent;
}
ul.toolbox_body .digg {
	background: url("../images/sys_images/addthis/digg.gif") no-repeat scroll left center transparent;
}
ul.toolbox_body .reddit {
	background: url("../images/sys_images/addthis/reddit.GIF") no-repeat scroll left center transparent;
}
ul.toolbox_body .linkedin {
	background: url("../images/sys_images/addthis/linkedin.gif") no-repeat scroll left center transparent;
}


/********* VOC tool Styles **********/
#voc_tool_container {
	clear: both;
	margin: 2px;
	margin-top: 20px;
	margin-left: -8px;
	#height: 200px;
       #overflow: hidden;
	}

#voc_tool_container iframe {
height: 470px !important;
width: 300px;
}

/********OneLink Styles ********/

.OneLinkNoTx { /*no-op*/ }
.OneLinkHide { /*no-op*/ }
.OneLinkTxShow { display:none; }
.OneLinkShow { display:none; }
.OneLinkKeepLinks { /*no-op*/ }
.OneLinkReplace { /*no-op*/ }
.OneLinkReplaceNoTx { /*no-op*/ }


/********Syndication Styles ********/
.extractedSyndicatedContent img, .syndicate img

{
/*   float: right;
   margin-left: 10px;
   position: relative;
   vertical-align: baseline;
   border: 1px solid #cdcdcd;
   padding: 3px;
   margin-top: 4px;*/
}
.syndicate p, .syndicate ul {
	font-size: 14px;
	line-height: 20px;
}

.margin-top-ten
{
width:300px;
}

.module-typeC
{
float:right;
background: none repeat scroll 0% 0% #E3F2FE;
background-color: #E3F2FE;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
box-sizing: border-box;
margin-bottom: 20px;
padding: 10px;

}


ul .mega { /* actually, got rid of this */
	width: 100%;
/*width:700px !important;
width: 860px\0/ !important;*/

}
.stretch { /* this dealt with the top nav links and made them bad. Don't need this. */
/*clear:none !important;
display:inline !important;
width:200px;
padding-right:10px !important;
*/
}

div#billboard_right_column {
	z-index: 0;
}

div#billboard_right_column.previous {
	z-index: 1;
}

div#billboard_right_column.currentactive {
	z-index: 2;
}

.stgslidecontent h1 {
   font-size: 23px !important;
   font-weight: bold;
   line-height: 29px;
}

div#billboard_right_column .stgslidecontent {
   visibility: hidden;
   font-size: 14px;
   line-height: 20px;
}

div#billboard_right_column.currentactive .stgslidecontent {
   visibility: visible;
}

/* ****************************************************** */
/* very specialized syndication style  12/7/15 wt-11178   */
/* ****************************************************** */
div.pagebody-norightside div.MainText div.syndicate div[id^="syndicatedContent_"] div.syndicate+div.syndicate+div.syndicate > div.mSyndicate {
	clear: both;
}

div.pagebody-norightside div.MainText div.syndicate div[id^="syndicatedContent_"] div.syndicate+div.syndicate+div.syndicate > div.mSyndicate > h3 {
	background-color: #075290;
	color: #ffffff;
	margin-bottom: 10px;
}

/* ****************************************************** */
/* very specialized syndication style  2/7/16 wt-11754  */
/* ****************************************************** */

.pull-right[class*="span"], .row-fluid .pull-right[class*="span"] {
    float: right;
    margin-top: 15px;
    margin-left: 20px;
}

.span8 {
    width: 385px;
}

/* ****************************************************** */
/* attempt to use unicode arrows for billboard controls   */
/* ****************************************************** */
div.billboard div#prevbtn a, div.billboard div#nextbtn a {
	text-decoration: none;
}
.vacbbprev, .vacbbnext, .vacbbshim {
	 font-size: 11px; /* wt-13637 */
	 color: #6e6e6e;
}
.vacbbprev span, .vacbbnext span, .vacbbshim span {
    display: inline-block;
    text-indent: -9999px;
    height: 0;
}
.vacbbprev:after { /* use unicode to make a left arrow instead of an image for billboard control */
	content: "\25c0";
	margin-left: -5px;
}
.vacbbnext:after { /* use unicode to make a right arrow instead of an image for billboard control */
	content: "\25b6";
}
.vacbbshim {
    display: inline-block;
    height: 11px;
    width: 11px;
}
.vacbbprev:hover, .vacbbnext:hover {
	color: #9E1616;
}
.vacbbshim:after {
/*	content: "\2022";*/
}

/* more adds */
.right-sidebar .sidebar .button_panel p {
	font-size: 12px;
}
.navigation ul li a.topnav1, .navigation ul li a.topnav2, .navigation ul li a.topnav3, .navigation ul li a.topnav4, .navigation ul li a.topnav5, .navigation ul li a.topnavon  {
/*	border-right: 1px solid #fff;*/
}
.navigation ul li a.topnav1:hover, .navigation ul li a.topnav2:hover, .navigation ul li a.topnav3:hover, .navigation ul li a.topnav4:hover, .navigation ul li a.topnav5:hover, .navigation ul li a.topnav6:hover {
	background-color: #14335A;
	border-radius: 4px 4px 0 0;
}

.stgslidecontent a > img { /* incase they want to bring back the learn more image */
	display: none;
}
.stgslidecontent a { /* learn more button in billboard is now style instead of image */
	width: 96px;
	height: 29px;
 	font-family: arial;
  	color: #ffffff !important;
	font-size: 12px;
  padding: 7px 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #990000;
  font-weight: bold;
  text-decoration: none !important;
}
.stgslidecontent a:hover {
	background-color: #6b0000;
}
.stgslidecontent a:after {
	content: "LEARN MORE";
}

.topinset ul li a img { /* the little disclaimer image on some pages was being moved. Not anymore. */
	padding-left: 5px;
}

/* here's one for the email input on the sidebar */
.right-sidebar .sidebar form label[for="email"] + input#email {
	width: 98%;
}
.right-sidebar .sidebar form .button_panel .form_button { /* using styles to make the form button look like the other buttons */
  /*font-family: arial;
  color: #F4F1F1 !important;
  font-size: 14px;
  padding: 5px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 2px outset #CD6F6F;
  background: #BE4746;
  font-weight: bold;
  text-decoration: none !important;
  text-transform: uppercase; */ /* but they don't want that - wt-13639 */
}
.right-sidebar .sidebar form .button_panel .form_button:hover, .search input.searchbutton:hover {
	background-color: #6b0000;
}

.right-sidebar .sidebar hr+div p a {
	font-size: 14px;
	color: #0053cc;
	font-weight: bold;
	text-decoration: underline;
	line-height: 20px;
}
.search input.searchbutton {
	background-color: #990000;
	border: none;
	border-radius: 3px;
	color: #ffffff;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	margin-left: 5px;
	padding: 7px 10px;
	text-decoration: none;
	text-transform: uppercase;
}

/* copied from bootstrap for accordion */
/* because I'm using an accordion but not bringing in all the bootstrap stuff, this is what's needed for the accordion to work */
.accordion {
    border-top: 1px solid #cccccc;
}
.accordion h3 {
	margin-top: 0px;
}
.accordion h3.panel-title {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #fff;
    background-image: url("../images/sys_images/arrow-square.png"); /* copied the sprite image for the accordion and placed on the site */
    background-origin: padding-box;
    background-position: 441px -32px;
    background-repeat: no-repeat;
    background-size: auto auto;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    width: 120%;
}
.accordion h3.panel-title.active {
	background-position: 441px 15px;
}
.accordion h3.panel-title > a {
	color: #0053cc;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	line-height: 20px;
	padding: 19px 0px;
	text-transform: initial;
	background-color: transparent;
}
.accordion .panel-body {
	font-size: 14px;
	color: #000000;
	line-height: 20px;
}
.accordion .panel-body > h3 {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	line-height: 26px;
	text-transform: initial;
}

.accordion-heading a {
	display: inline-block;
	border: 2px solid transparent;
	width: 82.65%;
}
.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border-bottom: 1px solid #cccccc;
}



.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}

.panel-body:after {
  clear: both;
}

.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}

.panel-body:after {
  clear: both;
}

.panel > .list-group {
  margin-bottom: 0;
}

.panel > .list-group .list-group-item {
  border-width: 1px 0;
}

.panel > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel > .list-group .list-group-item:last-child {
  border-bottom: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive {
  margin-bottom: 0;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #dddddd;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}

.panel > .table-bordered > thead > tr:last-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > th,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-bordered > thead > tr:last-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0;
}



.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}

.panel-title > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-group .panel {
  margin-bottom: 0;
  overflow: hidden;
}

.panel-group .panel + .panel {
/*  margin-top: 5px;*/
}

.panel-group .panel-heading {
  border-bottom: 0;
}



.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}



.panel-default > .panel-heading {
  color: #333333;
  border-color: #dddddd;
}



.panel-default > .panel-heading > .dropdown .caret {
  border-color: #333333 transparent;
}

.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #dddddd;
}

.panel-primary {
  border-color: #428bca;
}

.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca;
}

.panel-primary > .panel-heading > .dropdown .caret {
  border-color: #ffffff transparent;
}

.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6;
}

.panel-success > .panel-heading > .dropdown .caret {
  border-color: #468847 transparent;
}

.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning > .panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #faebcc;
}

.panel-warning > .panel-heading > .dropdown .caret {
  border-color: #c09853 transparent;
}

.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger > .panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ebccd1;
}

.panel-danger > .panel-heading > .dropdown .caret {
  border-color: #b94a48 transparent;
}

.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ebccd1;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1;
}

.panel-info > .panel-heading > .dropdown .caret {
  border-color: #3a87ad transparent;
}

.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
}
.collapse {
    display: none;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
          transition: height 0.35s ease;
}
/* end of the bootstrap accordion code - probably didn't need all of this */

ul.menu { /* really want that top nav link positioning to work */
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
}

/* additional requested changes */
.panel-body h2 { /* wt-13644 */
	font-size: 24px;
	line-height: 36px;
	margin-top: 0 !important; /* overwrite regular h2 behavior when in the accordion */
}
.panel-body h3 {

}
.navigation ul li:nth-child(1) ul,
.navigation ul li:nth-child(4) ul { /* request to shrink the top menu for smaller lists - wt-13661 */
	-moz-column-count: 1;
	-moz-column-fill: balance;
	-moz-column-width: auto;
	column-count: 1;
	column-fill: balance;
	column-width: auto;
	width: 320px;
}
.navigation ul li:nth-child(4) ul { /* because let's break with tradition */
	margin-left: 440px;
}

div.left-navbar ul li ul li { /* reopened wt-13641 for lh resize */
	line-height: 20px;
}

/* here's the code that's going to be used for the buttons */
.simplebutton {
	background-color: #990000;
	color: #ffffff;
	border-radius: 3px;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 10px;
	text-transform: uppercase;
}
.simplebutton:hover {
	background-color: #660000;
}
.govdevsubmit {
	width: 70px;
	height: 29px;
	background-color: #990000;
	color: #ffffff;
	border: none;
	border-radius: 3px;
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;

}
.govdevsubmit:hover {
	background-color: #6b0000;
}
/* late entry find and dirty fix for search page */
div.tophatnav a > img { display: none; }

/* ******************************************************* */
/* Grid layout                                             */
/* 12 column, responsive grid system                       */
/* Modified from v2 of Bootstrap - http://getbootstrap.com */
/* self-clearing floats IE8 and up                         */
/* http://nicolasgallagher.com/micro-clearfix-hack         */
/* ******************************************************* */

.bootstrap-row:before,
.bootstrap-row:after {
    content: ' ';
    display: table;
}

.bootstrap-row:after {
    clear: both;
}

.bootstrap-row {
	padding: 1em 0;
}

.bootstrap-row:before, .bootstrap-row:after {
    line-height: 0;
}
.bootstrap-row:after {
    clear: both;
}
.bootstrap-row [class*="bootstrap-grid-"] {
    display: block;
    float: left;
    min-height: 1px;
    position: relative;
}
.bootstrap-row .bootstrap-grid-12 {
    width: 100%;
}
.bootstrap-row .bootstrap-grid-11 {
    width: 91.66666667%;
}
.bootstrap-row .bootstrap-grid-10 {
    width: 83.33333333%;
}
.bootstrap-row .bootstrap-grid-9 {
    width: 75%;
}
.bootstrap-row .bootstrap-grid-8 {
    width: 66.66666667%;
}
.bootstrap-row .bootstrap-grid-7 {
    width: 58.33333333%;
}
.bootstrap-row .bootstrap-grid-6 {
    width: 50%;
}
.bootstrap-row .bootstrap-grid-5 {
    width: 41.66666667%;
}
.bootstrap-row .bootstrap-grid-4 {
    width: 33.33333333%;
}
.bootstrap-row .bootstrap-grid-3 {
    width: 25%;
}
.bootstrap-row .bootstrap-grid-2 {
    width: 16.66666667%;
}
.bootstrap-row .bootstrap-grid-1 {
    width: 8.33333333%;
}
.bootstrap-row .offset-12 {
    margin-left: 100%;
}
.bootstrap-row .offset-11 {
    margin-left: 91.66666667%;
}
.bootstrap-row .offset-10 {
    margin-left: 83.33333333%;
}
.bootstrap-row .offset-9 {
    margin-left: 75%;
}
.bootstrap-row .offset-8 {
    margin-left: 66.66666667%;
}
.bootstrap-row .offset-7 {
    margin-left: 58.33333333%;
}
.bootstrap-row .offset-6 {
    margin-left: 50%;
}
.bootstrap-row .offset-5 {
    margin-left: 41.66666667%;
}
.bootstrap-row .offset-4 {
    margin-left: 33.33333333%;
}
.bootstrap-row .offset-3 {
    margin-left: 25%;
}
.bootstrap-row .offset-2 {
    margin-left: 16.66666667%;
}
.bootstrap-row .offset-1 {
    margin-left: 8.33333333%;
}
.bootstrap-row .offset-0 {
    margin-left: 0;
}

/* Used on Where to Get Vaccinated page for States List */
.column-5 {
    display: inline-block;
    width: 15.5%;
    vertical-align: top;
}

/* Used on Possible Side Effects page for triple column */
.triple {
    display: inline-block;
    width: 29%;
    vertical-align: top;
}

 /* Accessibly hidden content https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
.visually-hidden {
    position: absolute !important;
    height: 1px; width: 1px; 
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}