/* new file 3/28/2017 4:13 p.m.*/
.element-invisible {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	height: 1px;
	background: #fff;
	text-align: left;
	}

#skip-link .element-invisible:focus {
    position: initial!important;
    clip: auto;
    overflow: visible;
    color: #fff;	
    padding: 10px 10px;
    background: navy;
    height: auto;
	width: 100%;
	display: block;
}

#skiplink2 .element-invisible:focus {
    position: initial!important;
    clip: auto;
    overflow: visible;
    color: #fff;	
    padding: 10px 10px;
    background: navy;
    height: auto;
	width: 100%;
	display: block;
}

.element-focusable:active, .element-focusable:focus {
 position: static !important; 
 clip: auto; 
 overflow: visible; 
 height: auto;
} 	

#SkipSecondaryNav {
	display: none;
}

a {
   text-decoration: underline;
}

a:hover {
   text-decoration: underline;
font-weight:bold;
}

a:link, 
a:visited {
	outline: none;
	color: #000;
}

a:focus {
                outline: 2px solid red;
                outline-offset: -2px;
}

a img {
	border: none;
}

/* --------------------------- BASICS */

* {
	margin: 0;
	padding: 0;
	list-style: none;
}

body {
	text-align: center;
	font: normal 75%/1.4 Lucida Grande, Lucida Sans Unicode, sans-serif;
	background: #0f274d url(../images/bg.gif) center repeat-y;
}

.center {
	width: 960px;
	margin: 0 auto;
}

.clear {
   clear: both;
}

ul.TrueBulletList {
	list-style-type: disc;
	margin-left: 2em;
	padding-left: 0;
}

li.TrueBulletList {
margin-left: 2em;	
list-style-type: disc;
}

/* --------------------------- FIX LINE SPACING */
sup,sub {	
	height: 0;	
	line-height: 1;	
	vertical-align: baseline;	
	_vertical-align: bottom;	
	position: relative;	
}

sup {	
	bottom: 1ex;
}

sub {	
	top: .5ex;
}

/* --------------------------- THREE COLUMNS */
.three-col-bulleted-list li {
	list-style:disc;
	list-style-position: outside;
	line-height: 1.4;
	margin-left: 17px;
	padding-left: 0px;
	padding-bottom: 8px;
}

ul.three-col-sub-categories {
	float: left;
	width: 300px;
	padding: 0px 40px 0px 0px;
	text-align: left;
	font-size:110%;
}

/* --------------------------- TWO COLUMNS */
.two-col-bulleted-list li {
	list-style:disc;
	list-style-position: outside;
	line-height: 1.4;
	margin-left: 17px;
	padding-left: 0px;
	padding-bottom: 8px;
}

div.two-col-sub-categories {
	float: left;
	width: 430px;
	padding: 0px 40px 0px 0px;
	text-align: left;
	font-size:110%;
	margin-left: 10px;
}
/* --------------------------- ONE COLUMN */
.one-col-bulleted-list li {
	list-style:none;
	list-style-position: outside;
	line-height: 1.4;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 8px;
}

ul.one-col-sub-categories {
	float: left;
	width: 440px;
	padding: 0px 40px 0px 0px;
	text-align: left;
	font-size:110%;
}

/* --------------------------- HEADER */

#header {
   height: 73px;
   background: url(../images/header_bg.png) top repeat-x;
}

#header h1 {
   float: left;
   width: 180px;
   height: 53px;
   background: url(../images/h1.gif) left top no-repeat;
}

#header h1 a {
   float: left;
   outline: none;
   display: block;
   width: 215px;
   height: 53px;
   background: url(../images/h1.gif) left top no-repeat;
}

#header h1 a:hover {
   background-position: 0 -53px;
}

#header h1 a:focus {
outline: 2px solid red;
outline-offset: -2px;
}

#header ul {
   float: right;
}

#header ul li {
   float: left;
   font: bold 110%/3.9em Lucida Grande, Lucida Sans Unicode, sans-serif;
   padding-right: 2px;
}

#header ul li a {
   display: block;
   height: 53px;
   padding: 0 35px;
   background: url(../images/header_bg.png) top repeat-x #fff;
}

#header ul li a span {
   display: block;
   height: 73px;
}

#header ul li:hover {
   background: url(../images/header-hover.png) right -73px no-repeat;
}

#header ul li a:hover {
   color: #ffffff;
   font-weight: bold;
   background: url(../images/header-hover.png) left top no-repeat;
}

#header ul li a:active {
   color: red;
   font-weight: bold;
}

#header ul li.active {
   background: url(../images/header-select.png) right -73px no-repeat;
}

#header ul li.active a {
   background: url(../images/header-select.png) left top no-repeat #fff;
}

#header ul li.active a:hover {
   color: #0c4e03;
}

#header ul li.active a span {
   background: url(../images/header-select.png) center -146px no-repeat;
}



/* --------------------------- FEATURE */

#feature .center {
   text-align: left;
   width: 950px;
   height: 320px;
   color: #fbfbfb;
   padding: 40px 0 0 10px;
}


.date1 .center,
.date2 .center,
.date9 .center,
.date10 .center,
.date17 .center,
.date18 .center,
.date25 .center,
.date26 .center {
   background: url(../images/content/feature1.png) right bottom no-repeat;
}

.date3 .center,
.date4 .center,
.date11 .center,
.date12 .center,
.date19 .center,
.date20 .center,
.date27 .center,
.date28 .center {
   background: url(../images/content/feature2.png) right bottom no-repeat;
}

.date5 .center,
.date6 .center,
.date13 .center,
.date14 .center,
.date21 .center,
.date22 .center,
.date29 .center,
.date30 .center {
   background: url(../images/content/feature1.png) right bottom no-repeat;
}

.date7 .center,
.date8 .center,
.date15 .center,
.date16 .center,
.date23 .center,
.date24 .center,
.date31 .center {
   background: url(../images/content/feature4.png) right bottom no-repeat;
}

#feature h2 {
   display: block;
   width: 378px;
   height: 73px;
   background: url(../images/feature_h2.png) no-repeat;
}

#feature h2 .element-invisible {
    color: #000;
}

#feature p {
   width: 380px;
   font-size: 13px;
   padding: 15px 0;
}

#feature p#button a {
   display: block;
   outline: none;
   text-align: center;
   width: 388px;
   height: 71px;
   font: bold 17px/4em Lucida Grande, Tahoma, Lucida Sans Unicode, sans-serif;
   text-shadow: 1px 1px #083402;
   color: #fff;
   background: url(../images/feature_button.png) top no-repeat;
}

#feature p#button a:hover {
   text-decoration: none;
   background-position: 0 -71px;
}

#feature p#button a:focus {
outline: 2px solid red;
outline-offset: -2px;
}



/* --------------------------- CONTENT */

.content {
   background: #fff;
}

#top {
   /*background: #fff url(../images/content-top_bg.gif) top repeat-x;  */
   padding: 20px 0 0 0;
}

#top .center {
    background: #fff;
}

#top ul#callouts {
   width: 960px;
   height: 152px;
   background: url(../images/callouts_bg2.gif) top repeat-x;
}

#top ul#callouts li {
   float: left;
   text-align: left;
   width: 320px;
   height: 82px;
}

#top ul#callouts li#block {
   display: block;
   float: left;
   width: 300px;
   height: 82px;
   padding: 20px 10px;
}

#top ul#callouts li.diversity {
   background: url(../images/content/callout-new2-icon-diversity.gif) left top no-repeat;
}

#top ul#callouts li.benefits {
   background: url(../images/content/callout-new2-icon-benefits.gif) left top no-repeat;
}

#top ul#callouts li.washington {
   background: url(../images/content/callout-new2-icon-washington.gif) left top no-repeat;
}

#top ul#callouts li.veteran {
   background: url(../images/content/callout-new-icon-veterans.gif) left top no-repeat;
}


#top ul#callouts li a:hover {
   text-decoration: none;
   background-position: left bottom;
}

#top ul#callouts li a:hover h3 {
   text-decoration: underline;
}

#top ul#callouts li h3, #top ul#callouts li p {
   padding-left: 80px;
}

#top ul#callouts li h3 {
   color: #a40a0a;
   font-size: 1.1em;
   line-height: 2em;
}

#top ul#callouts li p {
   color: #4e4e4e;
   font-size: 90%;
}

#bottom {
   text-align: left;
   /*background: #fff url(../images/content-bottom_bg.gif) bottom repeat-x; */
   padding: 30px 0 20px 0;
}

#bottom .center {
    background: #fff;
}

#bottom h4 {
   color: #000;
   font-size: 110%;
}

#bottom #account {
   float: left;
   width: 960px;
   padding: 0 10px;
}

#account ul, #stories ul {
   padding: 15px 0 0 0;
}

#bottom #account ul li#block {
float: left;
   text-align: left;   
display: block;
   width: 205px;
   padding: 0 25px 25px 75px;
}

#bottom #account ul li.alerts {
background: url(../images/new-alert-icon.gif) left top no-repeat;
}

#bottom #account ul li.create {
   background: url(../images/new-signin-icon.gif) left top no-repeat;
}

#bottom #account ul li.webbrowser {
   background: url(../images/new-web-browser-icon.gif) left top no-repeat;
}


#bottom #account ul li a:hover {
   text-decoration: none;
   background-position: left -238px;
}

#bottom #account ul li a:hover p {
   text-decoration: underline;
font-weight: bold;
}

#bottom h4 {
   color: #a40a0a;
   font-weight: bold;
   font-size: 1em;
   line-height: 1.8em;
}

#bottom ul li p {
   color: #4e4e4e;
   font-size: 100%;
   line-height: 1.8em;
}

#bottom ol {
	list-style-type: decimal; 
	    margin-left: 40px;
    margin-bottom: 15px;
}

#bottom h2 {
	font-size: 1.2em;
}

/* --------------------------- FOOTER */

#contact {
   height: 55px;
   background: url(../images/footer_hr.png) bottom repeat-x;
}

#contact h3 a {
   float: left;
   display: block;
   cursor: pointer;
   width: 144px;
   height: 22px;
   background: url(../images/footer_logo.png) left top no-repeat;
   margin-top: 20px;
}

#contact h3 a:hover {
   background-position: 0 -22px;
}

#contact ul li {
   float: left;
   color: #fff;
   line-height: 4.8em;
   text-shadow: 1px 1px #000;
   padding: 0 20px;
}

#contact ul li a {
   color: #d8d7d7;
}

#navigation .module {
	float: left;
	text-align: left;
	width: 300px;
	text-shadow: 1px 1px #000;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 10px;
}

#navigation .module h4 a {
   font-size: 15px;
   color: #fff;
}

#navigation .module ul {
   padding: 5px 0;
}

#navigation .module li {
   line-height: 2.3em;
}

#navigation .module li a {
   color: #fff;
   background: url(../images/footer_bullets.gif) left 4px no-repeat;
   padding: 0 0 0 10px;
}

#navigation .module li a:hover {
   color: #d8d7d7;
   background-position: 0 -40px;
}

#legal {
   clear: both;
   background: url(../images/footer_hr.png) top repeat-x;
   padding: 7px 0;
}

#legal ul {
	padding-left: 125px;
}

#legal ul li {
   float: left;
   font-size: .9em;
   padding: 0 60px 10px 0;
}

#legal ul li a {
   color: #fff;
   text-shadow: 1px 1px #000;
}

#legal ul li a:hover {
   color: #d8d7d7;
}