﻿/*****************************HTML Wrappers*****************************/
html {
    height: 100%;
    width: 100%;
}
body {
    color: #000000;
    font-family: Lato,'Trebuchet MS',Trebuchet,'Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
}
#wrapper {
    background:url("/images/responsive/background.jpg");
		background: url(/images/responsive/background.jpg) no-repeat center center fixed #99b3ce; 
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
    float: left;
    min-height: 100%;
    position: relative;
    width: 100%;
}
/*****************************End HTML Wrappers*****************************/

/*****************************Header Styles*****************************/
h1 {
    color: #030303;
    font-size: 1.75em;
}
h2 {
    color: #0B108C;
    font-size: 1.5em;
}
h3 {
    color: #1A8922;
    font-size: 1.25em;
}
h4 {
    color: #424242;
    font-size: 1.15em;
}
h5 {
    color: #424242;
    font-size: 1em;
}
h6 {
    color: #424242;
    font-size: 0.75em;
}
h2, h3, h4, h5, h6 {
    font-weight: 900;
}
/*****************************End Header Styles*****************************/

/*****************************Home Page Styles*****************************/
#home_content_wrap{
	max-width:1200px;
	margin:0 auto;
	width:80%;
	overflow:auto;
}

#home_block_holder{
    float: left;
    margin-bottom:50px;
    position: relative;
    width: 100%;
}
#block_holder{
	float: left;
    margin: 0 9% 50px;
    position: relative;
    width: 82%;
}
#home_block_holder .block {
    background: url("/images/responsive/texture.png");
    box-shadow: 2px 2px 3px #616263;
    float: left;
    margin-bottom: 10px;
    padding: 0 1%;
    position: relative;
    width: 98%;
}
#left_block_column, #right_block_column {
    float: left;
    position: relative;
    width: 49.5%;
}
#right_block_column {
    margin-left: 1%;
}
#right_block_column .block table{
	margin: 5% 0;
}
#video_block {
    color: #FFFFFF;
    font-size: 0.7em;
    height: 366px;
    text-align: center;
}
#video_block .video_holder {
    margin: 15px 0 0;
    position: relative;
}
#video_block p {
    margin-bottom: 5px;
}
#video_block iframe {
    max-width: 465px;
    width: 95%;
}
#banner_block {
    height: 133px;
    text-align:center;
}
#banner_block #featured_site {
    height: 100%;
    position: relative;
    width: 100%;
}
#banner_block #featured_site img {
    height: auto;
    max-width: 100%;
}
#banner_block #featured_site a {
    bottom: 0;
    float: left;
    height: 81px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

#banner_block #featured_site .slidesjs-container{
	top:0;
	bottom:0;
	position:absolute !important;
	margin:auto;
}

#resources_block, #services_block {
    float: left;
}
#resources_block {
    height: 225px;
}
#services_block {
    height: 190px;
}
#services_block table, #resources_block table {
    margin: 25px 0 0;
    position: relative;
}
#program_dropdown {
    float: left;
    height: auto;
}

#emergencyinfo{
	width:100%;
	background:#ffffff;
	width:80%;
	margin:0 10% 1% 10%;
}

#emergencyinfo{
	padding-left:5px;
}
/*****************************End Home Page Styles*****************************/

/*****************************Home Page Image Slider*****************************/
#home_content_wrap #slides {
    box-shadow: 2px 2px 3px #616263;
    display: none;
    margin-bottom:1%;
    position: relative;
    width: 100%;
}
#home_content_wrap #slides .slide{
	width:100%;
	height:100%;
	position:relative;
	background-size:cover !important;
}
#home_content_wrap #slides #slide1{
	background-image: url("/images/responsive/slider_1.jpg");
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/responsive/slider_1.jpg',sizingMethod='scale')";
}
#home_content_wrap #slides #slide2{
	background-image: url("/images/responsive/slider_2.jpg");
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/responsive/slider_2.jpg',sizingMethod='scale')";
}
#home_content_wrap #slides #slide3{
	background-image: url("/images/responsive/slider_3.jpg");
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/responsive/slider_3.jpg',sizingMethod='scale')";
}
#home_content_wrap #slides #slide4{
	background-image: url("/images/responsive/slider_4.jpg");
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/responsive/slider_4.jpg',sizingMethod='scale')";
}
#home_content_wrap #slides #slide5{
	background-image: url("/images/responsive/slider_5.jpg");
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/responsive/slider_5.jpg',sizingMethod='scale')";
}
#home_content_wrap #slides #slide6{
	background-image: url("/images/responsive/slider_6.jpg");
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/responsive/slider_6.jpg',sizingMethod='scale')";
}
#home_content_wrap #slides #slide7{
	background-image: url("/images/responsive/slider_7.jpg");
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/responsive/slider_7.jpg',sizingMethod='scale')";
}
#home_content_wrap #slides #slide8{
	background: url("/images/responsive/slider_8.jpg");
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/responsive/slider_8.jpg',sizingMethod='scale')";
}
#home_content_wrap #slides #slide9{
	background: url("/images/responsive/slider_9.jpg");
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/responsive/slider_9.jpg',sizingMethod='scale')";
}


#home_content_wrap #slides .slidesjs-navigation {
    bottom: 3px;
    margin-top: 5px;
    position: absolute;
    z-index: 11;
}
a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop {
    background-image: url("/images/responsive/btns-next-prev.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 21px;
    margin-right: 5px;
    overflow: hidden;
    text-indent: -9999px;
    width: 21px;
}
a.slidesjs-next {
    background-position: -21px 0;
    left: 28px;
    margin-right: 10px;
}
a.slidesjs-next:hover {
    background-position: -21px -21px;
}
a.slidesjs-previous {
    background-position: 0 0;
    left: 3px;
}
a.slidesjs-previous:hover {
    background-position: 0 -21px;
}
a.slidesjs-play {
    background-position: -42px 0;
    left: 60px;
    width: 21px;
}
a.slidesjs-play:hover {
    background-position: -42px -21px;
}
a.slidesjs-stop {
    background-position: -63px 0;
    left: 60px;
    width: 21px;
}
a.slidesjs-stop:hover {
    background-position: -63px -21px;
}
.slidesjs-pagination {
    bottom: 3px;
    float: right;
    list-style: none outside none;
    margin: 0;
    position: absolute;
    right: 0;
    z-index: 11;
}
.slidesjs-pagination li {
    float: left;
    margin: 0 1px;
}
.slidesjs-pagination li a {
    background-image: url("/images/responsive/pagination.png");
    background-position: 0 0;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 13px;
    width: 13px;
}
.slidesjs-pagination li a.active, .slidesjs-pagination li a.active:hover {
    background-position: 0 -13px;
}
.slidesjs-pagination li a:hover {
    background-position: 0 -26px;
}
#slides a:link, #slides a:visited {
    color: #333333;
}
#slides a:hover, #slides a:active {
    color: #9E2020;
}

.slidesjs-slide img {
display: block;
width: 100%;
}
/*****************************End Home Page Image Slider*****************************/



#maincolumn.landingpage h1{
	margin:0;
}

#maincolumn.landingpage h2{
	font-size:1.25em;
	margin-top:3px;
}

#maincolumn img {
	max-width:100%;
	height:auto;
}

#maincolumn.landingpage .landingpage_sections{
	position:relative;
	float:left;	
    margin: 1%;
    overflow: hidden;
    position: relative;
    width: 30%;
}

#maincolumn.landingpage .landingpage_sections ul{
	list-style-image: url('/images/responsive/menu_bullet.png');
}

#maincolumn #landingpage_holder{
	overflow:auto;
}

.landingpage_sections{
	width:96% !important;
	padding:0 2%;
}
		
#landingpage_column1, #landingpage_column2, #landingpage_column3{
	position:relative;
	float:left;
}

.landingpage_sections{
	position:relative;
	float:left;
}

.landingpage_sections .landing_arrow{
	position:relative;
	float:left;
	margin-right:6px;
	background: url("/images/responsive/arrowLtGray.png");
	width:25px;
	height:25px;
}


/*End New Version*/
/*****************************End Sub Menu Block Styles*****************************/

/*****************************Banner and Menu Styles*****************************/
#banner {
    position: relative;
    width: 100%;
    background:#ffffff;
	border-top:2px solid #00457c;
	margin-bottom:10px;
	display:inline-block;

}
#banner img {
    margin: 0 0 0 2px;
}
#banner h1 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-size: small;
    margin: 0;
    padding: 5px 0 0 5px;
}
#banner a:hover, #banner a:active, #banner a:focus {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#banner #dwd {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    margin: 0;
    padding: 0;
}

#banner_content_wrapper{
	max-width: 1200px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 80%;
}

#bannerLogo {
    padding: 1% 0;
    position: relative;
    text-align: center;
    top: 0;
	float:left;
	width:auto;
	overflow:visible;
}

#bannerLogo a {
    text-decoration: none;
}
#bannerLogo #screenimg {
    background: url("/images/responsive/dwd_logo_blk.png") repeat scroll left top;
    display: block;
    margin: 0 auto;
    width: 222px; 
    height:75px;
	background-size:contain;
	background-repeat:no-repeat;
}

#bannerLogo #printimg{
	display:none;
}
#menuContainer {
    background: url("/images/responsive/texture.png") repeat scroll left top #1D7FC2;
    border-top: 2px solid #FF9900;
    float: left;
    height: 36px;
    padding: 0 5%;
    position: relative;
    text-align: center;
    width: 90%;
    z-index: 1;
}
#menuContainer #responsiveMenu, #menuContainer #responsiveSearch {
    display: none;
}
#menuContainer nav {
    margin: 0 auto;
    position: relative;
    width: 100%;
	max-width:1200px;
}
#menuContainer ul {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
#menuContainer .nav-btn {
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    height: 36px;
    list-style: none outside none;
    position: relative;
    text-align: center;
    width: 20%;
}
#menuContainer .nav-btn:hover {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
}
#menuContainer .nav-btn a {
    color: #FFFFFF;
    float: left;
    height: 100%;
    line-height: 35px;
    position: relative;
    width: 100%;
}
#menuContainer .nav-btn:hover a {
    color: #000000;
}
#menuContainer .nav-btn a:hover {
    text-decoration: none;
}

#topTabs {
    background: #00457c url("/images/responsive/tab_left.png") no-repeat scroll 0 0;
    color: #b8b8b8;
    float: right;
    height: 25px;
    padding-left: 20px;
    text-align: left;
    width: 50%; 	    
}

#topTabs a{
	color:#ffffff;
	margin:0 10px;
	font-size:.75em;
}


/*****************************End Banner and Menu Styles*****************************/

/*****************************Main Column Styles*****************************/
#maincolumn {
    background: none repeat scroll 0 0 #FFFFFF;
    font-size: 0.75em;
    margin: 0 auto 7% auto;
    padding: 1%;
    position: relative;
    width: 78%;
	font-family: Lato,verdana,Geneva,URW Gothic L,Nimbus Sans L,Tahoma,Arial,sans-serif;
	max-width:1200px;
	overflow:auto;
	box-sizing:border-box;
}
#maincolumn caption {
    font-size: small;
    margin-top: 1em !important;
}
#maincolumn nav a:link, #maincolumn nav a:visited {
    color: #0000FF;
    text-decoration: none;
}
#maincolumn nav h2 a:link, #maincolumn nav h2 a:visited {
    color: #003197;
    text-decoration: none;
}
#maincolumn nav a:hover, #maincolumn nav a:active, #maincolumn nav a:focus, #maincolumn nav h2 a:focus, #maincolumn nav h2 a:active, #maincolumn nav h2 a:hover {
    color: #003197;
    text-decoration: underline;
}
#maincolumn li {
    margin-bottom: 0.5em;
}
#maincolumn li ul {
    list-style-type: circle;
    margin-top: 0.4em;
    margin-bottom:.4em;
}

#maincolumn li ol{
	margin-top:.4em;
	margin-bottom:.4em;
}

#maincolumn p, #maincolumn li, #maincolumn dt, #maincolumn dd, #maincolumn div li {
    font-size: 1.15em;
    line-height: 1.3em !important;
}

#maincolumn table{
	font-size:1.05em;
	border-collapse:collapse;
}

#maincolumn li ul, #maincolumn li ol, #maincolumn li li, #maincolumn li p, #maincolumn dd ul #maincolumn dd ol, #maincolumn dd p, #maincolumn table table, #maincolumn table th, #maincolumn table p, #maincolumn table li, #maincolumn dd table, #maincolumn dd ul li, #maincolumn dd ol li, #maincolumn ol li ol li ol  {
    font-size: 1em;
}
#maincolumn table h3 {
    font-size: 1.05em;
}
#maincolumn li h6 {
    font-size: 0.85em;
}
#maincolumn article.moreinformation p, #maincolumn article.moreinformation li {
    font-size: 1em !important;
    line-height: 1.2em !important;
}
#maincolumn article.moreinformation h3 {
    font-size: small !important;
}
#maincolumn article.moreinformation a:link, #maincolumn article.moreinformation a:visited, #maincolumn article.moreinformation a:link, #maincolumn article.moreinformation a:visited, #maincolumn article.moreinformation ul.moreinfo_nav a:link, #maincolumn article.moreinformation ul.moreinfo_nav a:visited {
    color: #0000FF;
    text-decoration: none;
}
#maincolumn article.moreinformation a:hover, #maincolumn article.moreinformation a:focus, #maincolumn article.moreinformation a:active, #maincolumn article.moreinformation ul.moreinfo_nav a:hover, #maincolumn article.moreinformation ul.moreinfo_nav a:focus, #maincolumn article.moreinformation ul.moreinfo_nav a:active {
    color: #003197;
    text-decoration: underline;
}
#maincolumn article.moreinformation {
    background: none repeat scroll 0 0 #F0F8FF;
    color: #000000;
    float: right;
    margin: 0 0 0.5em 0.5em;
    padding: 5px 1%;
    max-width: 150px;
    width:25%;
}
#maincolumn article.moreinformation img{
	max-width:100%;
}
#maincolumn article.moreinformation h3 {
    color: #003197;
    margin: auto;
}

#maincolumn article.moreinformation p {
    margin-top: 0.5em;
}

#maincolumn article.moreinformation ul {
    margin-left: -20px;
    margin-top: 0.5em;
}

#maincolumn article.moreinformation ul li {
    margin-bottom: 0.5em;
}

#maincolumn article.moreinformation ol {
    margin-left: -15px;
    margin-top: 0.5em;
}

#maincolumn article.moreinformation ol li {
    margin-bottom: 0.5em;
}
#maincolumn figure {
    margin: 0;
    overflow: auto;
}
#maincolumn nav, section#social {
    box-shadow: 1px 1px 3px #666666;
}
#maincolumn nav {
    float: left;
    font-family: 'Trebuchet MS',Trebuchet,'Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;
    margin: 0;
    padding: 5px 0;

}
#maincolumn nav img {
    margin: 0;
    vertical-align: bottom;
}
#maincolumn nav h2, #maincolumn nav h3, #maincolumn nav ul {
    margin: auto;
    width: 85%;
}
#maincolumn nav h2, #maincolumn nav h3 {
    text-align: left;
}
#maincolumn nav p {
    margin-bottom: 1.8em;
    margin-left: 2em;
}
#maincolumn nav ul {
    margin: 1em auto;
    padding: 0;
}
#maincolumn nav ul li {
    border: 1px solid #FFFFFF;
    margin: 0 0 0.9em;
    padding: 0;
    width: 100%;
}
#maincolumn nav#one ul, #maincolumn nav#two ul, #maincolumn nav#three ul, #maincolumn nav#four ul, #maincolumn nav#five ul, #maincolumn nav#six ul {
    list-style-type: none;
}
#maincolumn nav#seven ul, #maincolumn nav#eight ul, #maincolumn nav#nine ul, #maincolumn nav#ten ul, #maincolumn nav#eleven ul, #maincolumn nav#twelve ul {
    list-style-type: disc;
    margin-left: 2.5em;
}
#maincolumn nav#one, #maincolumn nav#two, #maincolumn nav#four, #maincolumn nav#five, #maincolumn nav#seven, #maincolumn nav#eight, #maincolumn nav#ten, #maincolumn nav#eleven {
    margin: 0 1% 0 0;
}
#maincolumn nav#one, #maincolumn nav#two, #maincolumn nav#three, #maincolumn nav#four, #maincolumn nav#five, #maincolumn nav#six, #maincolumn nav#seven, #maincolumn nav#eight, #maincolumn nav#nine, #maincolumn nav#ten, #maincolumn nav#eleven, #maincolumn nav#twelve {
    margin-bottom: 2%;
}
#maincolumn nav#three, #maincolumn nav#six, #maincolumn nav#nine, #maincolumn nav#twelve {
    margin-left: 0;
}
#maincolumn nav#seven h2, #maincolumn nav#eight h2, #maincolumn nav#nine h2, #maincolumn nav#ten h2, #maincolumn nav#eleven h2, #maincolumn nav#twelve h2 {
    font-size: 120%;
    margin-top: 0.5em;
}
#maincolumnArticles table td {
    padding: 1em;
    vertical-align: top;
}
#maincolumn nav.onthispage {
    float: none;
    margin: auto;
    padding: 5px;
    width: 50%;
}

/*****************************End Main Column Styles*****************************/

/*****************************Breadcrumb Styles*******************************/
#breadcrumbs {
    background-color: #E6E6E6;
    float: left;
    font-weight: bold;
    margin: 0 0 1em;
    padding: 0;
    width: 100%;
}
#breadcrumbs ul.icon {
    float: left;
    font-size: xx-small;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#breadcrumbs ul.icon li {
    background: url("/images/2011/breadcrumb_arrow.png") no-repeat scroll left center #E6E6E6;
    display: inline;
    float: left;
    height: 29px;
    margin: 0;
    padding: 0 10px 0 20px;
    text-transform: uppercase;
}
#breadcrumbs ul.icon img {
    padding: 2px 0 0;
}
#breadcrumbs ul.icon li#brhome {
    background-image: none;
    margin: 0;
    padding: 0 0 0 5px;
}
#breadcrumbs ul.icon li a {
    color: #999999;
    display: block;
    margin: 7px 0 0;
    padding: 0;
    text-decoration: none;
}
#breadcrumbs ul.icon li#brhome a {
    background: url("/images/2011/breadcrumb_home.png") no-repeat scroll left center #E6E6E6;
    display: block;
    height: 29px;
    margin: 0;
    width: 23px;
}
#breadcrumbs ul.icon li#brhome a:hover, #breadcrumbs ul.icon li#brhome a:active, #breadcrumbs ul.icon li#brhome a:focus {
    background: url("/images/2011/breadcrumb_home_on.png") no-repeat scroll left center #E6E6E6;
}
#breadcrumbs ul.icon li a:hover, #breadcrumbs ul.icon li a:active, #breadcrumbs ul.icon li a:focus {
    color: #000000 !important;
}
#breadcrumbs ul.icon li:last-child a, #breadcrumbs ul.icon li:last-child a:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #666666 !important;
    cursor: default;
}
/*****************************End Breadcrumb Styles*****************************/


/*****************************Footer Styles*****************************/
#footer {
    background: url("/images/responsive/texture.png");
    border-top: 2px solid #FF9900;
    bottom: 0;
    position: absolute;
    width: 100%;
}
#footer nav {
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
	max-width:1200px;
}
#footer nav ul {
    margin: 10px 0;
    padding: 0;
}
#footer nav li {
    border-right: 1px solid #FFFFFF;
    display: inline-block;
    font-size: 0.75em;
    list-style-type: none;
    padding: 0 2%;
}
#footer nav li a {
    color: #FFFFFF;
}
#footer nav li.no_border {
    border-right: medium none;
}

#americanJobCenter{
	background:#ffffff;
	float:left; 
	text-align:center;
	width:100%; 
	margin:5px 0;
	font-size:9pt;
	color:#797979;
}
/*****************************End Footer Styles*****************************/

/*****************************Tag Styles*****************************/
article#styleswitch {
    background: none repeat scroll 0 0 #FFFFFF;
}
article#workforcealerts form {
    margin-bottom: 0.5em;
}
article#watchonline form input[type="text"] {
    width: 142px;
}
article#workforcealerts form input[type="text"], article#alert_social form input[type="text"] {
    width: 130px;
}
article form#workshops {
    margin-bottom: 0.5em;
}
article#alert_social h3 {
    color: #1D7FC2;
    letter-spacing: -1px;
}
article#alert_social div#socialiconlist ul.icon li a.socialwide {
    padding: 0 0 0 40px;
}
article#alert_social #socialiconlist ul.icon {
    float: right;
    margin-top: -18px;
}
article#alert_social #socialiconlist li a {
    padding-left: 15px;
    padding-right: 4px;
}
caption {
    color: #1D7FC2;
    font-size: medium;
    font-weight: 900;
}
form input[type="submit"], form input[type="button"], form input[type="reset"] {
    cursor: pointer;
}
input.default[type="button"], input.default[type="submit"] {
    background: none repeat scroll 0 0 #CCCCCC;
    color: #000000;
}
img {
    border: 0 none;
    text-decoration: none;
}
span.searchword {
    background: none repeat scroll 0 0 #FFFF00;
}
ul {
    list-style: disc outside none;
    margin: 1em 0 1.5em;
}
ul.arrow {
    list-style-image: url("/images/2011/arrow_dk_blu.gif");
}

ol {
    list-style: decimal outside none;
    margin: 1em 0 1.5em 0;
}
dl {
    margin: 1.5em 0;
}
dt {
    font-weight: bold;
    margin-bottom: 0.5em;
}
dd {
    margin-bottom: 1em;
    margin-left: 1.5em;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
abbr {
    border: medium none;
}
blockquote {
    font-style: italic;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
pre {
    background: none repeat scroll 0 0 #F0F8FF;
    font-size: small;
    font-weight: bold;
}
hr {
    border: 1px solid #1D7FC2;
    color: #1D7FC2;
    text-align: center;
    width: 90%;
}
header, section, footer, nav, article, figure {
    display: block;
}
figcaption {
    font-family: helvetica,sans-serif;
    font-size: 110%;
    font-weight: bold;
    text-align: center;
}

div.backtotop + * {
    clear: right;
}

table td, table th {
    vertical-align: top;
}
table.layoutprimary {
    border: 1px solid #cccccc;
}
table.layoutprimary th {
    background-color: #003197;
    border: 1px solid #cccccc;
    color: #FFFFFF;
    padding: 3px;
}
table.layoutprimary td {
    border: 1px solid #cccccc;
    padding: 5px 3px;
    text-align: left;
}
table.primary {
    border: 1px solid #cccccc;
}
table.primary th {
    background-color: #003197;
    border: 1px solid #cccccc;
    color: #FFFFFF;
    padding: 3px;
}
table.primary td {
    border: 1px solid #cccccc;
    padding:3px;
    text-align: right;
}

table.alt-grey-odd tr:nth-child(odd){ 
	background-color: #f0f0f0;
}

table.alt-grey-odd tr:nth-child(even){
	background-color: #ffffff;
}

table.alt-grey-even tr:nth-child(even){ 
	background-color: #f0f0f0;
}

table.alt-grey-even tr:nth-child(odd){
	background-color: #ffffff;
}

th.menuboxhead {
    background-color: #003197;
    color: #FFFFFF;
}
select#id1 {
    width: 80%;
}
a {
    outline: 0 none;
}
a.blue:link {
    color: #003197;
    font-weight: bold;
    text-decoration: none;
}
a.blue:active {
    color: #003197;
    font-weight: bold;
    text-decoration: none;
}
a.blue:visited {
    color: #003197;
    font-weight: bold;
    text-decoration: none;
}
a.blue:hover {
    background-color: #FFFFFF;
    color: #003197;
    font-weight: bold;
    text-decoration: underline;
}
a.blue1:link {
    font-weight: normal;
    text-decoration: none;
}
a.blue1:active {
    font-weight: normal;
    text-decoration: none;
}
a.blue1:visited {
    font-weight: normal;
    text-decoration: none;
}
a.blue1:hover {
    font-weight: normal;
    text-decoration: underline;
}
a:link, a:visited {
    color: #1b1bd4;
    text-decoration: none;
}
a:hover, a:active, a:focus {
    color: #0B108C;
    text-decoration: underline;
}
a img {
    border: 0 none;
    text-decoration: none;
}
a.orange:hover {
    color: #FFFFFF;
}
a.nodec, a.nodec:visited, a.nodec:hover, a.nodec:active, a.nodec:focus {
    text-decoration: none;
}
a.orange:hover {
    color: #FFFFFF;
}
a.nodec, a.nodec:visited, a.nodec:hover, a.nodec:active, a.nodec:focus {
    text-decoration: none;
}
/*****************************End Tag Styles*****************************/

/*****************************Universal Classes*****************************/
.lrgtxt {
    font-size: 130%;
}
.smltxt {
    font-size: 85% !important;
}
.navbar {
    overflow: hidden;
}
.push {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
}
.skinnyheading {
    margin-bottom: -10px;
}
.highlight, .important {
    color: #FF3300;
}
.opacitytext {
    color: #CCCCCC;
}
.backtotop {
    padding-right: 2em;
    text-align: right;
}
.center {
    margin: 1% auto;
    text-align: center;
}
.right {
    text-align: right;
}
.left {
    text-align: left;
}
.floatright {
    float: right;
    position:relative;
}
.floatleft {
    float: left;
    position:relative;
}
.floatnone {
    float: none;
}
.imgfloatleft {
    float: left;
    margin-right: 8px !important;
}
.imgfloatright {
    float: right;
    margin-left: 8px !important;
}
.clearboth {
    clear: both;
}
.clearleft {
    clear: left;
}
.clearright {
    clear: right;
}
.cleareverything, .cleareverything p, .cleareverything input, .cleareverything label, .cleareverything textarea {
    float: none;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.indentsmall {
    margin-left: 15px;
}
.indentmedium {
    margin-left: 30px;
}
.indentlarge {
    margin-left: 45px;
}
.heading {
    border-radius: 5em;
    margin-top: 2em;
    text-align: center;
    vertical-align: middle;
    width: 65%;
}
.backtotopHeading {
    background: none repeat scroll 0 0 #0074BD;
    float: left;
    margin: 0.5em 0;
    padding: 0.5em;
    width: 100%;
}
.backtotopHeading a {
    color: #FFFFFF;
    float: right;
    position: relative;
}
.backtotopHeading h3 {
    color: #FFFFFF;
    float: left;
    font-size: 1.1em;
    position: relative;
    margin:0;
}
.inline {
    display: inline;
}
.block {
    display: block;
}
.d-none{
	display: none;
}
.brown {
    color: #A52A2A;
}
.purple {
    color: #800080;
}
.green, a.green, a.green:visited {
    color: #1D7FC2;
}
.orange, a.orange, a.orange:visited, a.orange:active, a.orange:focus {
    color: #FF5500;
}
.lightblue {
    color: #009BDF;
}
.darkerblue {
    color: #003197;
}
.blue {
    color: #1B3665;
}
.graybg {
    background: none repeat scroll 0 0 #E6E6E6;
}
.alicebluebg {
    background: none repeat scroll 0 0 #F0F8FF;
}
.orangebg {
    background: none repeat scroll 0 0 #FF9500;
    color: #FFFFFF;
}
.bluebg {
    background: none repeat scroll 0 0 #0039A6;
    color: #FFFFFF;
}
.blue2bg {
    background: none repeat scroll 0 0 #0082B4;
    color: #FFFFFF;
}
.limebg {
    background: none repeat scroll 0 0 #A1DC02;
    color: #FFFFFF;
}
.greenbg {
    background: none repeat scroll 0 0 #568614;
    color: #FFFFFF;
}
.shorthr {
    margin-top: 2px;
    width: 60%;
}
.xshorthr {
    margin-top: 2px;
    width: 48%;
}
.searchBox {
	top: 40px;
    width: 50%;
    max-width: 600px;
    float: right;
    margin-top: 15px;
}

.searchBox_mobile{
	display:none;
}

.searchBox form {
    text-align: right;
}
.submitHome {
    background: url("/images/2013/submit_btn.png") no-repeat;
    border: medium none;
    cursor: pointer;
    height: 40px;
    margin: 4px 0 0;
    text-indent: -1000px;
    vertical-align: top;
    width: 46px;
}
.submitHome:hover {
    background: url("/images/2013/submitOver_btn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.inputSearchBox {
    border: 0 none;
    font-size: 16px;
    line-height: 19px !important;
    margin: 5px 0 0;
    padding: 8px 10px;
}
.inputProgramTopic {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000066;
    font-size: 1em;
    margin: 0;
    width: 370px;
}
.inputButtonProgramTopic {
    background: none repeat scroll 0 0 #F8932F;
    border-color: #000066 #000066 #000066 -moz-use-text-color;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    color: #FFFFFF;
    font-weight: bold;
    height: 1.75em;
    margin: 0;
    padding: 2px;
    text-align: center;
    vertical-align: top;
    width: 20%;
}
.goog-te-combo {
    font-family: 'Trebuchet MS',Trebuchet,'Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;
    padding-left: 6px;
}
.hplinktable {
    border-spacing: 3px;
    width: 99%;
}
.hplinktable caption {
    border-bottom: 1px solid #CCCCCC;
    color: #FFFFFF;
    font-size: large !important;
    margin-bottom: 0.2em;
    padding-bottom: 5px;
    text-align: left;
    text-shadow: 1px 1px 1px #000000;
}
.hplinktable a {
    color: #FFFFFF;
    text-decoration: none;
}
.hplinktable a:hover {
    text-decoration: underline;
}
.hplinktable td {
    border-left: 3px solid #CCCCCC;
    font-size: 12px;
    line-height: 1em;
    padding: 1.5% 5px;
    vertical-align: middle;
}
.twitterbox {
    float: left;
    margin: 0 0.2em 1em;
    width: 225px;
}
.rssfeeds li a.feed {
    background: url("/images/2011/feed_icon_16x16.gif") no-repeat scroll 0 50% rgba(0, 0, 0, 0);
    margin-left: 3px;
    padding: 0 0 0 19px;
}
.rssfeeds li {
    list-style: none outside none;
}
.rssfeeds li a.feed:hover {
    background: none repeat scroll 0 0 #000000;
}
.landing-div {
    border-top: 1px solid #E1E1E1;
    display: inline-block;
    margin-bottom: -7px;
    margin-top: 10px;
    text-align: right;
    width: 100%;
}
.ui-menu {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 2px;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    clear: left;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.ui-menu .ui-menu-item a {
    display: block;
    line-height: 1.5;
    padding: 0.2em 0.4em;
    text-decoration: none;
}
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

.singleline p a {
    margin-top: 33px;
}
.doubleline p a {
    margin-top: 23px;
}

.blue {
    color: #003197;
}

.blueHRtopics {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #003197;
    border-image: none;
    border-style: none none dotted;
    border-width: 1px;
    margin: 0;
    padding: 0;
    width: 275px;
}

.bigrounded {
    border-radius: 2em;
}
.medium {
    font-size: 12px;
    padding: 0.4em 1.5em 0.42em;
}
.small {
    font-size: 11px;
    padding: 0.2em 1em 0.275em;
}

p.textinvalid {
    display: block;
    margin: 0;
    padding: 0 0 0.5em 20px;
}
p.textinvalid label {
    display: block;
    margin: 0;
    padding: 0;
}
p.textinvalid input {
    display: inline;
    margin: 0;
    padding: 0;
}
span.inst {
    color: #0000FF;
    font-size: 75%;
    padding-left: 0.25em;
}

.fullwidth{
	width:100%;
	margin-left:0;
	margin-right:0;
}

.halfwidth{
	width:48%;
	margin-left:1%;
	margin-right:1%;
}

.thirdwidth{
	width:32%;
	margin-left:.5%;
	margin-right:.5%;
}

.quarterwidth{
	width:23%;
	margin-left:.5%;
	margin-right:.5%;
}

.nomargin{
	margin:0;
}

.nosidemargin{
	margin-left:0;
	margin-right:0;
}

.notopbottommargin{
	margin-top:0;
	margin-bottom:0;
}

.dropshadow{
	box-shadow: 1px 1px 3px #666666;
}

.boxwithborder{
	width:70%;
	border: 2px solid #006699;
}

.boxwithborder p, .boxwithborder h1, .boxwithborder h2, .boxwithborder h3, .boxwithborder h4, .boxwithborder h5{
	margin-left:1%;
	margin-right:1%;
}



/*****************************End Universal Classes*****************************/

/*****************************Universal ID*****************************/
#wrapper #left_connect_icons {
	position:fixed;
	box-shadow:1px 1px 5px #000000;
	top:200px;
	width:45px;
	background:#044b7a;
}
#wrapper #left_connect_icons a{
	position:relative;
	float:left;
	height:40px;
	margin:2px;
}

#bottom_connect_icons {
    display: none;
}
#mycrawler, #fontsizechanger {
    display: none;
}
#pauseplay {
    margin-top: -2px;
    padding: 2px;
}
#seek1 {
}
#searchfield {
    color: #FF3300;
    font-weight: bold;
    padding-bottom: 3px;
    padding-left: 1em;
}
#printerfriendly_btn {
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}
#main-search-form{
	position:relative;
	margin-bottom:0;
}

#main-search-form .search-icon {
	position: absolute;
    right: 3px;
    top: 10px;
    width: 20px;
}

#main-search-input {
    border: 1px solid #356689;
    font-weight: normal;
    padding:4px 10px 4px 6px;
    position: relative;
    width: 60%;
	
	background-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
	
	display: inline-block;
    height: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	
}
#findaprogram {
    margin: 25px 0;
    padding: 0 1%;
    text-align: center;
    width: 98%;
}
/*****************************Universal ID*****************************/

/*****************************Social Styles*****************************/
#social, #contentinfo {
    clear: both;
}
#social {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    margin: 0 0 1.5em;
    padding: 1.3em 1.3em 0;
    width: 92.9%;
}
#social div a.twtr-join-conv:hover, #social div a.twtr-join-conv:active, #social div a.twtr-join-conv:focus, #social p a:hover, #social p a:active, #social p a:focus {
    color: #FFFFFF !important;
}
#social h2.workforce {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    width: 41.5%;
}
#social h2.workforce img, h4.workforce img {
    vertical-align: middle;
}
div#socialiconlist ul.icon li a {
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-right: 10px;
}
div#socialiconlist ul.icon li a.socialwide {
    padding-left: 40px;
}
div#socialiconlist ul.icon {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
div#socialiconlist ul.icon li {
    display: inline;
    float: right;
    margin: 0;
    padding: 0;
}
#socialiconlist ul.icon li a.feed {
    background-image: url("/images/2011/feed_icon_16x16.gif");
}
#socialiconlist ul.icon li a[href*="digg.com"] {
    background-image: url("/images/2011/digg.png");
}
#socialiconlist ul.icon li a[href*="facebook.com"] {
    background-image: url("/images/2011/facebook.png");
}
#socialiconlist ul.icon li a[href*="/feed/"] {
    background-image: url("/images/2011/rss.png");
}
#socialiconlist ul.icon li a[href*="twitter.com"] {
    background-image: url("/images/2011/twitter.png");
}
#socialiconlist ul.icon li a[href*="youtube.com"] {
    background-image: url("/images/2011/youtube.png");
}
#socialiconlist ul.icon li a.flickr {
    background-image: url("/images/2011/flickr.png");
}
#social ul {
    list-style: none outside none;
    margin: 0;
}
#social li {
    border-bottom: 1px solid #FFFFFF;
}
#social h2 {
    color: #003197;
    font-size: 1.429em;
    margin-bottom: 0.25em;
    padding: 0 3px;
}
#social h2 a:link, #social h2 a:visited {
    color: #003197;
}
#social a:link, #social a:visited {
    color: #003197 !important;
    text-decoration: none;
}
#social h2 a:hover, #social h2 a:focus {
    color: #FFFFFF;
}
#social ul.icon li a:hover, #social ul.icon li a:active, #social ul.icon li a:focus {
    background-image: none;
    color: #FFFFFF !important;
}
#social .blogroll {
    margin: 2em auto auto;
    width: 91%;
}
#social .blogroll ul {
    margin-left: -40px;
}
#social .blogroll li {
    border-bottom: 1px solid #F4E3E3;
    float: left;
    margin: 0 0 1.5em;
    width: 97%;
}
#social .blogroll li img {
    float: left;
    margin-right: 1em;
    width: 35px;
}
#social .blogroll a:link, #social a:visited {
    color: #FF3300;
    font-weight: 900;
}
#social .blogroll li:hover {
    background: none repeat scroll 0 0 #112233;
    color: #FFFFFF;
}
/*****************************End Social*****************************/

/*****************************Form Styles*****************************/
form.generic_form {
    background: none repeat scroll 0 0 #F0F8FF;
    border: 1px solid #000000;
    padding: 1em 0;
    width: 90%;
}
.generic_form fieldset {
    margin: 1.5em auto;
    width: 85%;
}
.generic_form fieldset fieldset {
    margin: 1.5em auto;
    width: 90%;
}
.generic_form legend {
    color: #1D7FC2;
    font-size: 110%;
    font-weight: bold;
    text-transform: uppercase;
}
.generic_form p {
    clear: both;
    float: left;
    margin: 3px 0;
    width: 99%;
}
.generic_form label, .generic_form input[type="text"] {
    display: block;
    float: left;
    width: 28%;
}
.generic_form input[type="checkbox"] {
    float: left;
    width: 10%;
}
.generic_form textarea {
    width: 45%;
}
.generic_form div.cleareverything p {
    display: block;
}
.generic_form div.cleareverything p label, .generic_form div.cleareverything p input[type="radio"] {
    display: inline;
    float: none;
}
.generic_form div.cleareverything p input[type="radio"] {
    margin-right: 0.7em;
}
form.generic_form input[type="checkbox"]:focus, form.generic_form input[type="text"]:focus, form.generic_form textarea:focus, form.generic_form input[type="radio"]:focus {
    background: none repeat scroll 0 0 #EEEEEE;
    color: #000000 !important;
    font-weight: bold;
}
form.generic_form #formbuttons {
    margin-top: 1em;
    text-align: center;
}
form.generic_form label#privacy {
    display: inline-block;
    float: left;
    width: 85%;
}

form span.error {
    border: thin solid #FF0000;
    color: #FF0000;
    display: none;
    float: left;
    font-size: 80%;
    padding: 3px;
}
/*****************************End Form Styles*****************************/

/*****************************Button Styles*****************************/
.buttondiv {
    padding: 20px 0;
}
.buttondiv a:link {
    margin-bottom: 2em;
}
.button {
    border-radius: 0.5em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: inline-block;
    font-size:1.2em;
    font-weight:bold;
    margin:.5%;
    outline: medium none;
    padding: 0.5em 0 0.55em;
    text-align: center;
    text-decoration: none !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: baseline;
    position:relative;
}
.button:hover {
    text-decoration: none;
}
.button:active {
    position: relative;
    text-decoration: none;
    top: 1px;
}
/* black */
.buttonblack, .buttonblack:visited {
	color: #d7d7d7  !important;
	border: solid 1px #3E3E3E;
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	background: -ms-linear-gradient(top, #666 0%, #000 100%); /* IE10+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.buttonblack:hover {
	background: #444;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	background: -ms-linear-gradient(top, #444 0%, #000 100%); /* IE10+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.buttonblack:active {
	color: #444;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	background: -ms-linear-gradient(top, #000 0%, #444 100%); /* IE10+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.buttongray, .buttongray:visited {
	color: #e9e9e9  !important;
	border: solid 1px #555;
	background: #575757;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	background: -ms-linear-gradient(top, #888 0%, #575757 100%); /* IE10+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.buttongray:hover {
	background: #4b4b4b;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	background: -ms-linear-gradient(top, #757575 0%, #4b4b4b 100%); /* IE10+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.buttongray:active {
	color: #4b4b4b;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	background: -ms-linear-gradient(top, #575757 0%, #888 100%); /* IE10+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.buttonwhite, .buttonwhite:visited {
	color: #606060 !important;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	background: -ms-linear-gradient(top, #fff 0%, #ededed 100%); /* IE10+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.buttonwhite:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%); /* IE10+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.buttonwhite:active {
	color: #999 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	background: -ms-linear-gradient(top, #ededed 0%, #fff 100%); /* IE10+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.buttonorange, .buttonorange:visited, .buttonorange:active {
	color: #fff !important;
	background: #f47a20;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    background: -ms-linear-gradient(top, #faa51a 0%, #f47a20 100%); /* IE10+ */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');   /* for IE */
}
.buttonorange:hover {
	background: #FF9900;
    background: -webkit-gradient(linear, left top, left bottom, from(#FDDB92), to(#FF9900));
    background: -moz-linear-gradient(top,  #FDDB92,  #FF9900);
    background: -ms-linear-gradient(top, #FDDB92 0%, #FF9900 100%); /* IE10+ */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDDB92', endColorstr='#FF9900');	/* for IE */
}

/* red */
.buttonred, .buttonred:visited {
	color: #faddde !important;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	background: -ms-linear-gradient(top, #ed1c24 0%, #aa1317 100%); /* IE10+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.buttonred:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	background: -ms-linear-gradient(top, #c9151b 0%, #a11115 100%); /* IE10+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.buttonred:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	background: -ms-linear-gradient(top, #aa1317 0%, #ed1c24 100%); /* IE10+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.buttonblue, .buttonblue:visited, .buttonblue:active {
	color: #fff !important;
	background: #0E4EAD;
    background: -webkit-gradient(linear, left top, left bottom, from(#73C2FF), to(#107FC9));
    background: -moz-linear-gradient(top,  #73C2FF,  #107FC9);
    background: -ms-linear-gradient(top, #73C2FF 0%, #107FC9 100%); /* IE10+ */
   	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#73C2FF', endColorstr='#107FC9');   /* for IE */
}
.buttonblue:hover {
	background-color:#0198E7;
    background: -webkit-gradient(linear, left top, left bottom, from(#D5EDFF), to(#0198E7));
    background: -moz-linear-gradient(top,  #D5EDFF,  #0198E7);
    background: -ms-linear-gradient(top, #D5EDFF 0%, #0198E7 100%); /* IE10+ */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#D5EDFF', endColorstr='#0198E7');	/* for IE */
}

/* darkblue */
.buttondarkblue, .buttondarkblue:visited, .buttondarkblue:active {
	color: #fff !important;
	background:#0B108C;
    background: -webkit-gradient(linear, left top, left bottom, from(#0198E7), to(#0B108C));
    background: -moz-linear-gradient(top,  #0198E7,  #0B108C);
    background: -ms-linear-gradient(top, #0198E7 0%, #0B108C 100%); /* IE10+ */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0198E7', endColorstr='#0B108C');   /* for IE */
}
.buttondarkblue:hover {	
	background-color:#0198E7;
    background: -webkit-gradient(linear, left top, left bottom, from(#D5EDFF), to(#0198E7));
    background: -moz-linear-gradient(top,  #D5EDFF,  #0198E7);
    background: -ms-linear-gradient(top, #D5EDFF 0%, #0198E7 100%); /* IE10+ */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#D5EDFF', endColorstr='#0198E7');	/* for IE */
}

/* green */
.buttongreen, .buttongreen:visited, .buttongreen:active {
	color: #fff !important;
	background-color: #8AD343;
    background: -webkit-gradient(linear, left top, left bottom, from(#8AD343), to(#1A8922));
    background: -moz-linear-gradient(top,  #8AD343,  #1A8922);
    background: -ms-linear-gradient(top, #8AD343 0%, #1A8922 100%); /* IE10+ */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8AD343', endColorstr='#1A8922');   /* for IE */
}
.buttongreen:hover {
	background-color:#59A80F;
    background: -webkit-gradient(linear, left top, left bottom, from(#C4F1C7), to(#8AD343));
    background: -moz-linear-gradient(top,  #C4F1C7,  #8AD343);
    background: -ms-linear-gradient(top, #C4F1C7 0%, #8AD343 100%); /* IE10+ */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#C4F1C7', endColorstr='#8AD343');	/* for IE */
}

/* limegreen */
.buttonlimegreen, .buttonlimegreen:visited {
	color: #ffffff !important;
	background: #9cdb00;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9e51e), to(#9cdb00));
	background: -moz-linear-gradient(top,  #c9e51e,  #9cdb00);
	background: -ms-linear-gradient(top, #c9e51e 0%, #9cdb00 100%); /* IE10+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9e51e', endColorstr='#9cdb00');
}
.buttonlimegreen:hover {
	background: #c9e51e;
	background: -webkit-gradient(linear, left top, left bottom, from(#c5dc13), to(#8dc405));
	background: -moz-linear-gradient(top,  #c5dc13,  #8dc405);
	background: -ms-linear-gradient(top, #c5dc13 0%, #8dc405 100%); /* IE10+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5dc13', endColorstr='#8dc405');
}
.buttonlimegreen:active {
	color: #c9e51e;
	background: -webkit-gradient(linear, left top, left bottom, from(#9cdb00), to(#c9e51e));
	background: -moz-linear-gradient(top,  #9cdb00,  #c9e51e);
	background: -ms-linear-gradient(top, #9cdb00 0%, #c9e51e 100%); /* IE10+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9cdb00', endColorstr='#c9e51e');
}

/* darkorange */
.buttondarkorange, .buttondarkorange:visited {
	color: #fef4e9 !important;
	background: #ee7500;
	background: -webkit-gradient(linear, left top, left bottom, from(#ee7500), to(#e33600));
	background: -moz-linear-gradient(top,  #ee7500,  #e33600);
	background: -ms-linear-gradient(top, #ee7500 0%, #e33600 100%); /* IE10+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee7500', endColorstr='#e33600');
}
.buttondarkorange:hover {
	background: #ec6600;
	background: -webkit-gradient(linear, left top, left bottom, from(#dd3905), to(#ec6600));
	background: -moz-linear-gradient(top,  #dd3905,  #ec6600); 
	background: -ms-linear-gradient(top, #dd3905 0%, #ec6600 100%); /* IE10+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd3905', endColorstr='#ec6600');
}
.buttondarkorange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#e33600), to(#ee7500));
	background: -moz-linear-gradient(top,  #e33600,  #ee7500);
	background: -ms-linear-gradient(top, #e33600 0%, #ee7500 100%); /* IE10+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e33600', endColorstr='#ee7500');
}

/* yellow */
.buttonyellow, .buttonyellow:visited {
	color: #ffffff !important;
	background: #f9d84e;
	background: -webkit-gradient(linear, left top, left bottom, from(#fae84e), to(#fae84e));
	background: -moz-linear-gradient(top,  #fae84e,  #fae84e);
	background: -ms-linear-gradient(top, #fae84e 0%, #fae84e 100%); /* IE10+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae84e', endColorstr='#fae84e');
}
.buttonyellow:hover {
	background: #f5e396;
	background: -webkit-gradient(linear, left top, left bottom, from(#fad038), to(#f9d84e));
	background: -moz-linear-gradient(top,  #fad038,  #f9d84e); 
	background: -ms-linear-gradient(top, #fad038 0%, #f9d84e 100%); /* IE10+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fad038', endColorstr='#f9d84e');
}
.buttonyellow:active {
	color: #f5e396;
	background: -webkit-gradient(linear, left top, left bottom, from(#fae84e), to(#fae84e));
	background: -moz-linear-gradient(top,  #fae84e,  #fae84e);
	background: -ms-linear-gradient(top, #fae84e 0%, #fae84e 100%); /* IE10+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae84e', endColorstr='#fae84e');
}
/*****************************End Button Styles*****************************/

/*****************************Lightbox popup**********************************/
/* This was created for WC but can be used anywhere a lightbox effect is desired */
.lightbox_popup{position:absolute; left:0; top:0; width:100%; height:100%; z-index:9999;}
.lightbox_popup .popup_bg{position:fixed;width:100%; height:100%; background:rgba(0, 0, 0, .75); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000);}
.lightbox_popup .popup_content{position:fixed; width: 55%; height: 150px; background:#ffffff; left:0; top:0; right:0; bottom:0; margin:auto; padding:0 5px; border-radius: 5px; border:2px solid #1d7fc2; font-size:.8em;}

.lightbox_popup .popup_content .buttons a{
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #cfcfcf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#cfcfcf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#cfcfcf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f2f2f2 0%,#cfcfcf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#cfcfcf 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f2f2f2 0%,#cfcfcf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#cfcfcf',GradientType=0 ); /* IE6-8 */
	
	margin-right:10px;
	padding:5px 20px;
	color:#000000;
	
	border:1px solid #000000;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
}

.lightbox_popup .popup_content .buttons a:hover{
	text-decoration:none;
	background:#f0f8ff;
}
/*****************************End Lightbox popup**********************************/

/*****************************Mobile Layout Styles*****************************/

@media screen and (max-width: 675px) {
	body {
		min-width: 100%;
	}
	
	#banner{
		margin-bottom:0;
	}
	
	#bannerLogo {
		border-bottom: 2px solid #F29022;
		z-index: 999;
		width:100%;
		margin:0;
	}
	
	#bannerLogo #screenimg{
		width:200px;
	}
	
	#topTabs{
		display:none;
	}
	
	#wrapper {
		background: #ffffff;
		min-width: 100%;
	}
	
	#home_content_wrap, #banner_content_wrapper{
		width:100%;
	}
	
	#maincolumn {
		margin: 0;
		overflow: hidden;
		width: 98%;
		padding-bottom:105px;
	}
	#maincolumn .article_holder {
		background: none repeat scroll 0 0 #0C629A;
		height: 100%;
		padding: 20px 0;
		position: absolute;
		right: -700px;
		top: 0;
		width: 100%;
		z-index:99999;
	}
	#maincolumn article, #maincolumn article.moreinformation {
		margin-left: 0;
		padding: 0;
		width: 80%;
		max-width:80%;
	}
	#maincolumn article h3, #maincolumn article.moreinformation h3 {
		border-bottom: 1px solid #9AB2C7;
		font-size: 1.5em;
		padding: 5px 0 5px 5px;
	}
	#maincolumn article img, #maincolumn article.moreinformation img {
		float: none;
		margin: 5px;
	}
	#maincolumn article ul, #maincolumn article.moreinformation ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#maincolumn article ul li, #maincolumn article.moreinformation ul li {
		border-bottom: 1px solid #9AB2C7;
		float: left;
		margin: 0;
		position: relative;
		width: 100%;
	}
	#maincolumn article p, #maincolumn article.moreinformation p {
		padding-left: 5px;
	}
	#maincolumn article ul li a, #maincolumn article.moreinformation ul li a {
		color: #0D4368 !important;
		float: left;
		padding: 5px 0 5px 20px;
		position: relative;
		width: 100%;
	}
	#maincolumn article ul li a:hover, #maincolumn article.moreinformation ul li a:hover {
		background: none repeat scroll 0 0 #D4E0EA;
		text-decoration: none;
	}
	#breadcrumbs {
		display: none;
	}
	#program_dropdown {
		margin-top: 5px;
	}
	#slides {
		/*float: left;
		margin: 8px 0 0;
		position: relative;
		width: 100%;*/
		display:none !important;
	}
	.article_expand {
		background: url("/images/responsive/article_arrow_expand.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
		cursor: pointer;
		height: 45px;
		position: fixed;
		right: 0;
		width: 45px;
		z-index:1;
	}
	.article_collapse {
		background: url("/images/responsive/article_arrow_collapse.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
		cursor: pointer;
		height: 48px;
		left: 0;
		position: fixed;
		width: 45px;
		z-index:1;
	}
	.searchBox_mobile {
		background: #05507c;
		display: none;
		width: 100%;
		padding: 12px 0;
	}
	.searchBox_mobile form{
		text-align:center;
	}
	#block_holder, #home_block_holder {
		margin: 0;
		padding-bottom: 110px;
		width: 100%;
	}
	#home_block_holder .block{
		background:none;
		background-color:#165d8e;
		margin-bottom:5px;
	}
	#block_holder .block {
		width: 48%;
	}
	#services_block table, #resources_block table {
	    margin: 10px 0 ;
	    position: relative;
	}

	#menuContainer {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		border-top: medium none;
		height: auto;
		padding: 0;
		width: 100%;
	}
	#menuContainer #responsiveMenu, #menuContainer #responsiveSearch {
		background: #05507c;
		cursor: pointer;
		display: block;
		float: left;
		margin: 0;
		outline: 1px solid #FFFFFF;
		width: 50%;
	}
	#menuContainer #responsiveMenu img, #menuContainer #responsiveSearch img {
		height: auto;
		max-width: 100%;
	}
	#menuContainer #first_lvl_btns {
		display: none;
		position: relative;
		width: 100%;
	}
	#menuContainer #first_lvl_btns li {
		border: 1px solid #FFFFFF;
		float: left;
		position: relative;
		width: 100%;
	}
	#menuContainer #first_lvl_btns li:hover a {
		color: #FFFFFF;
	}
	#menuContainer #first_lvl_btns li {
		background: #05507c;
	}
	#menuContainer #first_lvl_btns li:hover {
		background: none repeat scroll 0 0 #0198E7;
	}
	#main-search-input {
		width: 75%;
	}
	#left_block_column, #right_block_column {
		margin: 0;
		width: 100%;
	}
	.block table, .block caption {
		padding-left: 3px;
	}
	.searchBox {
		background: #05507c;
	}
	.block {
		float: left;
		margin: 0 0 5px;
		padding: 0;
		width: 100%;
	}
	
	#home_block_holder .block {
	    height: auto;
	    margin-left: 0;
	}

	#banner_block #featured_site {
		padding: 0 1%;
		width: auto;
	}
	#banner_block #featured_site a {
		height: auto;
		margin: 5% 0;
		position: relative;
	}
	#video_block p {
		padding: 0 1%;
	}
	
	/*Rearrange Footer*/
	#footer {
		margin-top: 0;
		background:none;
		background-color:#165d8e;
	}
	#footer nav {
		margin-top: 0;
	}
	#footer #footer_right, #footer #footer_left {
		border: medium none;
		margin: 0;
		width: 100%;
	}
	#footer #footer_left {
		margin-top: 10px;
	}
	#footer .footer_column, #footer .footer_connect_column {
		margin: 0 !important;
		width: 100%;
	}
	#footer .footer_connect_column h3 {
		margin-top: 5%;
	}
	#footer .footer_links {
		display: none;
	}
	#footer .footer_links a {
		background: none repeat scroll 0 0 #F4F3F3;
		color: #1F73AC;
		float: left;
		font-weight: bold;
		outline: 2px solid #0D4368;
		padding: 8px 0;
		position: relative;
		text-align: center;
		text-decoration: none;
		width: 100%;
	}
	#footer .footer_head {
		cursor: pointer;
		float: left;
		margin: 0;
		outline: 1px solid #FFFFFF;
		padding: 8px 0;
		position: relative;
		text-align: center;
		width: 100%;
	}
	#footer .footer_head.active {
		background: none repeat scroll 0 0 #15659C;
	}
	#footer h3 .arrow {
		position: absolute;
		right: 10px;
		top: 5px;
	}
	#footer h3 .expand_arrow {
		display: block;
	}
	#wrapper #left_connect_icons {
		display: none;
	}
	#footer #bottom_connect_icons {
		display: block;
	}
	/* End Rearrange Footer */
	
	.mobilefullwidth{
		width:100% !important;
		max-width:100%;
		margin-left:0;
		margin-right:0;
		padding-left:0;
		padding-right:0;
	}
	
	.mobilenosidemargin{
		margin-left:0 !important;
		margin-right:0 !important;
	}
	
	.mobilefloatnone{
		position:relative;
		float:none !important;
	}
	
	.hideonmobile{
		display:none;
	}
	
	.table_holder{
		overflow:auto;
	}
	
	#maincolumn.landingpage{
		float: left;
    	margin: 0;
   	 	position: relative;
    	width: 100%;
    	padding-left:0;
    	padding-right:0;
    	padding-top:10px;
    }
    #maincolumn.landingpage h1{
		padding-left:5px;		
	}
	#maincolumn.landingpage .landingpage_sections{
		margin: 0 0 10px 0;
		width: 98%;			
	}
	#maincolumn.landingpage .landingpage_sections h2{			
		color:#ffffff;
		padding:5px 35px 5px 3px;
		cursor:pointer;
		position:relative;
		font-size:1em;
		background: #3188c1; /* Old browsers */
		background: -moz-linear-gradient(top,  #3188c1 0%, #08588d 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3188c1), color-stop(100%,#08588d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #3188c1 0%,#08588d 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #3188c1 0%,#08588d 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #3188c1 0%,#08588d 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #3188c1 0%,#08588d 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3188c1', endColorstr='#08588d',GradientType=0 ); /* IE6-8 */
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin:auto;
	}
	#maincolumn.landingpage .landingpage_sections h2 .icon{
		width:20px;
		height:20px;
		position:absolute;
		right:5px;
		top:0;
		bottom:0;
		margin:auto 0;
	}
	#maincolumn.landingpage .landingpage_sections h2 .expand_icon{
		background-image:url('/images/responsive/expand_plus.png');
	}
	
	#maincolumn.landingpage .landingpage_sections h2 .collapse_icon{
		background-image:url('/images/responsive/collapse_minus.png');
	}
	
	#maincolumn.landingpage .landingpage_sections{
		position:relative !important;
		top:auto !important;
	}
	#maincolumn.landingpage .landingpage_sections .section_links{
		display:none;
	}
	
	#maincolumn.landingpage .landingpage_sections .landing_arrow{
		background: url("/images/responsive/arrowLtWhite.png");
		z-index:1;
		height:20px;
		width:20px;
		margin:2px 5px 0 2px;
	}	
	
	.buttondiv{
		padding:10px 0;
	}
	
	.button{
		width:100%;
		padding-left:0;
		padding-right:0;
	}
	
	.lightbox_popup .popup_content{
		width:90%;
		height:200px;
		
	}
	
	
}

@media screen and (max-width: 549px) {
	#block_holder .block {
		margin: 1%;
		width: 98%;
	}
	
	#maincolumn {
		padding-bottom:125px;
	}
}

/*****************************End Mobile Layout Styles*****************************/

/*****************************Desktop Layout Styles*****************************/
/*These styles need to be changed back so items work correctly if you go from mobile to desktop */
@media screen and (max-width: 815px) {
	#block_holder .block {
		width: 48%;
	}
	#maincolumn .landingpage_sections{
		width: 45%
	}
}


@media screen and (min-width: 676px) {
	#footer h3 .arrow {
		display: none !important;
	}
	#menuContainer #first_lvl_btns, #footer .footer_links, .searchBox {
		display: block !important;
	}
}

@media screen and (min-width: 676px) {
	#maincolumn.landingpage .landingpage_sections .section_links{
		display:block !important;
	}
}
/*****************************End Desktop Layout Styles*****************************/


