﻿@charset "UTF-8";
/* CSS Document */

a {
	text-decoration: none;
}

	a:hover {
		text-decoration: underline;
	}

em, i {
	font-style: italic;
}

b {
	font-weight: bold;
}

#top_wrapper {
	height: 45px;
	background: #fff;
	z-index: 1000;
}

#top_container {
	position: relative;
	top: 9px;
	padding: 0 10%;
	max-width: 1700px;
	overflow: auto;
	margin: 0 auto;
}

#OPM {
	float: left;
}

	#OPM img {
		float: left;
	}

	#OPM span {
		font-size: 11px;
		color: #757575;
		font-family: "Merriweather Web", "Georgia", "Cambria", "Times New Roman", "Times", serif;
		font-style: italic;
		margin: 8px 0 0 6px;
		display: inline-block;
	}

.hidden {
	display: none;
}

a.topLink {
	color: #959595;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	float: right;
	margin: 8px 12px;
}

.wrap {
	overflow: hidden;
	max-width: 1700px;
	padding: 0 10% 10px 10%;
	margin: 0 auto;
}

div#navBanner .wrap {
	padding: 0 10% 0 10%;
}

header {
	text-align: center;
	max-width: 100%;
	max-height: 100%;
	position: relative;
	z-index: 2;
	/*
    background: url("../images/spotlight.png") center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: left top;
	-ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
	*/
}

#topNav {
	max-width: 1700px;
	overflow: auto;
	margin: 0 auto;
	padding: 18px 10%;
}

#tovNavContainer {
	background: url("../images/topNavBackground.png");
}

#topNav ul {
	float: right;
}

	#topNav ul li {
		float: left;
		margin-right: 22px;
	}

		#topNav ul li:last-of-type {
			margin-right: 0;
		}

		#topNav ul li a {
			color: #fff;
			font-style: italic;
			font-size: 14px;
			font-family: 'Adobe Caslon Pro', serif;
		}

#navBanner {
	background-color: #fff;
	padding: 1.1% 0 .8% 0;
	opacity: .9;
}

.navLogo {
	float: left;
}

#menu {
	margin-top: 12px;
	float: right;
}

	#menu ul li {
		margin-right: 30px;
		display: inline-block;
	}

		#menu ul li:last-of-type {
			margin-right: 0;
		}

.menu-link {
	display: none;
}

nav li a {
	font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	color: #174379;
	text-decoration: none;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: .5px;
	font-weight: bold;
}

#navBanner nav li a.active, #navBanner nav li a.active:hover {
	text-decoration: none;
	border-bottom: 3px solid #0d99d6;
	padding-bottom: 7px;
}

#navBanner nav li a:hover {
	text-decoration: none;
	border-bottom: 3px solid #a9aeb1;
	padding-bottom: 7px;
}

.displace {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	border: 0;
}

header h1 {
	font-size: 48px;
	color: #fff;
	font-family: "Merriweather", "Georgia", "Cambria", "Times New Roman", "Times", serif;
	font-weight: 300;
	margin: 5% 0 0 0;
}

header hr {
	color: #fff;
	width: 60px;
}

header h2 {
	color: #fff;
	font-size: 38px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Source Sans Pro', sans-serif;
	margin-top: 16%;
}

header p {
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	font-family: 'Source Sans Pro', sans-serif;
	max-width: 70%;
	margin: 0 auto;
	padding-top: 20px;
}

.col {
	float: left;
}

	.col:last-of-type {
		margin-right: 0 !important;
	}
/* Breadcrumbs */

.Breadcrumbs {
	margin: 0px 0px 70px 0px;
	font-size: 16px;
	line-height: 1.5em;
}

	.Breadcrumbs a {
		color: #000;
	}

		.Breadcrumbs a.parent {
			padding: 0px 0px 0px 0px;
			margin: 0px 12px 0px 0px;
		}

		.Breadcrumbs a + span {
			margin-right: 12px;
			color: #cccccc;
		}

	.Breadcrumbs span.current {
		color: #757575;
	}

/* Breadcrumbs End */
#slides {
	overflow: auto;
	font-family: 'Source Sans Pro', sans-serif;
	background-color: #043b60;
	color: #69bef7;
	text-align: center;
}

#seekers {
	overflow: auto;
	font-family: 'Source Sans Pro', sans-serif;
	background-color: #043b60;
	color: #69bef7;
	text-align: center;
	padding: 100px 0;
}

	#seekers h2 {
		font-size: 34px;
		text-transform: uppercase;
		color: #fff;
		font-weight: bold;
		margin-bottom: 30px;
	}

	#seekers p {
		margin: 30px auto;
		line-height: 30px;
		font-size: 20px;
		max-width: 90%;
	}

		#seekers p a {
			font-family: 'Adobe Caslon Pro', serif;
			color: #69bef7;
			text-decoration: underline;
		}

	#seekers .col {
		width: 30%;
		margin-right: 5%;
		font-family: 'Source Sans Pro', sans-serif;
	}

	#seekers img {
		width: 100%;
		margin: 70px 0 40px 0;
		max-width: 340px;
	}

	#seekers h3, #audiences h3 {
		font-size: 16px;
		text-transform: uppercase;
		color: #d39a00;
		margin-bottom: 10px;
	}

	#seekers .col p, #audiences .entry p {
		font-size: 24px;
		line-height: 30px;
		color: #69bef7;
		width: 70%;
		margin: 0 auto;
	}

#audiences {
	background-color: #002f4e;
	padding: 100px 0;
	overflow: auto;
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
}

	#audiences .col {
		width: 48%;
		margin-right: 4%;
	}

	#audiences .entry {
		float: left;
		width: 47%;
		margin-right: 6%;
		margin-top: 75px;
	}

		#audiences .entry:last-of-type {
			margin-right: 0;
		}

	#audiences h2 {
		font-size: 34px;
		color: #69bef7;
		font-weight: bold;
		margin-bottom: 20px;
		text-transform: uppercase;
	}

	#audiences p a {
		font-family: 'Adobe Caslon Pro', serif;
		color: #69bef7;
		text-decoration: underline;
	}

	#audiences img {
		width: 100%;
		margin-bottom: 30px;
		max-width: 235px;
	}

	#audiences .entry p {
		width: 100%;
	}

#classes {
	background-color: #f2f2f2;
	padding: 100px 0;
	overflow: auto;
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
}

	#classes .wrap {
		max-width: 1000px;
	}

	#classes h2 {
		color: #043b60;
		font-size: 34px;
		text-transform: uppercase;
		font-weight: bold;
		margin-bottom: 30px;
	}

	#classes p {
		color: #656565;
		font-size: 18px;
		max-width: 65%;
		line-height: 24px;
		margin: 0 auto;
	}

	#classes .col {
		width: 30%;
		margin-right: 5%;
	}

	#classes img {
		margin: 50px 0 25px 0;
	}

	#classes .col p, #classes .col p a {
		color: #043b60;
		max-width: 100%;
	}

#newsEventsFeed {
	padding: 100px 0;
	overflow: auto;
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
}

	#newsEventsFeed.landingFeed {
		padding: 0 0 40px 0;
		border-top: solid 1px #e1e1e1;
	}

	#newsEventsFeed .col {
		width: 47%;
		margin-right: 6%;
		text-align: left;
	}

	#newsEventsFeed .story {
		padding-bottom: 5px;
		border-bottom: 0px solid #ccc;
		margin-bottom: 25px;
	}

	#newsEventsFeed .storyListing {
		margin-top: 0px;
	}

	#newsEventsFeed .storyContent h3 {
		color: #043b60;
	}

	#newsEventsFeed p.calendarLocation, #newsEventsFeed .author {
		color: #757575;
		text-transform: uppercase;
		font-size: 14px;
		letter-spacing: .5px;
		font-style: normal;
		margin-top: 0;
		line-height: 29px;
	}

	#newsEventsFeed h3.calendarMonthlyHeader, #newsEventsFeed h3.newsHeader {
		width: 100%;
		margin-bottom: 15px;
		margin-top: 62px;
		padding-bottom: 23px;
		font-size: 26px;
	}

	#newsEventsFeed h3.calendarMonthlyHeader {
		border-bottom: 1px dotted #E0E0E0;
	}

	#newsEventsFeed .storyContent h4 {
		font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
		color: #0071bc;
		font-weight: 600;
		margin: 0;
		font-size: 19px;
		line-height: 29px;
		display: block;
	}

	#newsEventsFeed .storyContent h4 {
		font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
		color: #0071bc;
		font-weight: 600;
		margin: 0;
		font-size: 19px;
		line-height: 29px;
		display: block;
	}
/*didn't work with #newsEventsFeed  preceeding selector*/
.storyContent h4 a {
	font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	color: #0071bc;
	font-weight: 600;
	margin: 0;
	font-size: 19px;
	line-height: 29px;
	display: block;
}

#newsEventsFeed .calendarEventDate, #mainContent #newsEventsFeed .calendarEventDate {
	width: 65px;
	float: left;
	line-height: 23px;
	color: #987001;
	text-transform: uppercase;
	letter-spacing: .8px;
	background-color: inherit;
	text-align: left;
	border-radius: 0;
	padding-top: 3px;
}

#newsEventsFeed .wrap {
	padding: 0 10% 10px 10%;
}

.calendarDateDay {
	font-size: 25px;
}

#newsEventsFeed .calendarEvent {
	margin-top: 20px;
	padding-bottom: 20px;
}

#newsEventsFeed .eventsMoreLink a, #newsEventsFeed .newsMoreLink a {
	font-size: 17px;
	color: #0071bc;
	border-bottom: 1px solid #0071bc;
}

	#newsEventsFeed .eventsMoreLink a:hover, #newsEventsFeed .newsMoreLink a:hover {
		text-decoration: none;
	}

#newsEventsFeed .eventsMoreLink {
	clear: both;
	padding-top: 35px;
}

#newsEventsFeed .newsMoreLink {
	margin-top: 25px;
}

#mainContent ul.NewsFeed {
	list-style: none;
	margin-left: 0px;
}

	#mainContent ul.NewsFeed li {
		margin-bottom: 25px;
	}

ul.NewsFeed li .authorAndDate {
	display: block;
	color: #757575;
}
/* ContentPages page */

header#contentPage {
	height: 310px;
	text-align: left;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center top;
	-ms-behavior: url(backgroundsize.min.htc);
	behavior: url(backgroundsize.min.htc);
	background-color: #002338 !important;
}

#contentPage h1 {
	font-size: 50px;
	line-height: 1.2em;
	margin-top: 85px;
	letter-spacing: 0;
}

header.jobSeekers {
	background: url("../images/banner-seekers.png") center center fixed;
}

#mainContent {
	background: #fff;
	text-align: left;
	margin: 35px auto 50px auto;
	font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	color: #323232;
	position: relative;
}

	#mainContent a, #mainContent a:visited {
		color: #0071bc;
	}

	#mainContent .contentContainer {
		float: left;
		width: 75%;
	}

	#mainContent .noSideBar {
		width: 90%;
	}

	#mainContent h2 {
		font-family: "Merriweather", "Georgia", "Cambria", "Times New Roman", "Times", serif;
		color: #363636;
		font-weight: 300;
		margin-bottom: 44px;
		font-size: 40px;
		line-height: 56px;
	}

	#mainContent h3, #newsEventsFeed h3 {
		font-family: "Merriweather", "Georgia", "Cambria", "Times New Roman", "Times", serif;
		color: #987001;
		font-weight: 300;
		margin: 58px 0 29px 0;
		font-size: 24px;
		line-height: 36px;
	}

	#mainContent div.content h3:first-child {
		margin-top: 19px;
	}

	#mainContent h3.tabTitle {
		margin-top: 0px;
		margin-bottom: 58px;
	}

		#mainContent h3.tabTitle + p, #mainContent h3.tabTitle + h4, #mainContent h3 + h4 {
			margin-top: 44px;
		}

	#mainContent .TabNavigation + h3 {
		margin-top: 29px;
	}

	#mainContent h4 {
		color: #000000;
		margin-bottom: 29px;
		font-size: 19px;
		line-height: 29px;
		font-weight: bold;
	}

	#mainContent p + h4, #mainContent ul + h4, #mainContent ol + h4, #mainContent div.Note + h4 {
		margin-top: 58px;
	}

	#mainContent h2 + div.intro {
		margin-top: 31px;
	}

	#mainContent h5 {
		color: #000000;
		margin: 0;
		font-size: 18px;
		line-height: 29px;
		font-weight: bold;
	}

	#mainContent p {
		font-size: 18px;
		line-height: 29px;
		margin-bottom: 29px;
	}

	#mainContent ul {
		padding: 0;
		margin: 0 0 29px 60px;
		font-size: 18px;
		line-height: 29px;
		list-style-type: disc;
	}

	#mainContent ol {
		padding: 0;
		margin: 0 0 29px 60px;
		font-size: 18px;
		line-height: 29px;
		list-style-type: decimal;
	}

		#mainContent ul li,
		#mainContent ol li {
			margin-bottom: 0;
		}

		#mainContent ul.long > li,
		#mainContent ol.long > li {
			margin-bottom: 15px;
		}

.SideBarClone {
	display: none;
}

.SideBar {
	float: left;
	width: 25%;
	box-sizing: border-box;
	margin-top: 7px;
	padding-right: 70px;
	font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

#mainContent .SideBar h2 {
	font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	text-transform: uppercase;
	letter-spacing: .25px;
	color: #987001;
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 0;
	font-weight: 300;
}

#mainContent .SideBar #sidebarSocial h2 {
	margin-bottom: 14px;
}

#mainContent .SideBar ul {
	list-style: none;
	margin: 0;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 40px;
	font-weight: 600;
}

#mainContent .SideBar > ul > li {
	line-height: 25px;
	margin: 14px 0;
}

#mainContent .SideBar ul li a {
	padding: 6px 0;
	display: inline-block;
}

#mainContent .SideBar ul li.parent > a:first-child {
	width: calc(100% - 25px);
}

#mainContent .SideBar ul li a.thirdLevelIcon {
	margin-top: 11px;
	float: right;
	width: 13px;
	height: 16px;
	background: url("../images/sprites-arrows.png") -13px 0 no-repeat;
}

	#mainContent .SideBar ul li a.thirdLevelIcon:hover {
		text-decoration: none;
		cursor: pointer;
	}

	#mainContent .SideBar ul li a.thirdLevelIcon.open {
		background-position: 0 0;
	}

#mainContent .SideBar ul.thirdLevel {
	margin: 14px 0 0 19px;
	line-height: 25px;
}

	#mainContent .SideBar ul.thirdLevel li {
		font-size: 16px;
		font-weight: 300;
	}

#mainContent .SideBar ul li img {
	margin-top: -7px;
	margin-right: 8px;
}

#mainContent .SideBar a.selected {
	border-left: 4px solid #dcb341;
	padding-left: 14px;
	margin-left: -18px;
}

#mainContent .SideBar a.selected {
	color: #987001;
}

	#mainContent .SideBar a.selected:hover {
		text-decoration: none;
		cursor: default;
	}

#mainContent .SideBar ul li span {
	margin: -6px 0 0 0;
	display: inline-block;
	vertical-align: top;
}

#mainContent .pageNav {
	overflow: auto;
	border-top: solid 1px #d7d7d7;
	border-bottom: solid 1px #d7d7d7;
	margin-bottom: 51px;
}

	#mainContent .pageNav h2 {
		color: #987001;
		display: inline-block;
		font-size: 15px;
		font-weight: normal;
		text-transform: uppercase;
		float: left;
	}

	#mainContent .pageNav ul {
		display: block;
		list-style-type: none;
		margin: 19px 0 20px 0;
	}

		#mainContent .pageNav ul li {
			display: inline-block;
			margin-right: 25px;
			margin-bottom: 0;
			font-size: 18px;
			font-weight: 700;
		}

#mainContent .TabNavigation {
	overflow: auto;
}

	#mainContent .TabNavigation ul {
		display: block;
		list-style-type: none;
		margin: 6px 0 51px 0;
		padding: 20px 0 21px 0;
		border-top: 1px solid #d7d7d7;
		border-bottom: 1px solid #d7d7d7;
	}

		#mainContent .TabNavigation ul li {
			display: inline-block;
			margin-right: 25px;
			margin-bottom: 0;
			font-size: 18px;
			font-weight: bold;
			line-height: 34px;
		}

			#mainContent .TabNavigation ul li:last-child {
				margin-right: 0;
			}

			#mainContent .TabNavigation ul li.current a {
				color: #987001;
			}

				#mainContent .TabNavigation ul li.current a:hover {
					text-decoration: none;
				}

#mainContent .featured {
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	padding: 40px 0 14px 0;
	margin-bottom: 40px;
	overflow: auto;
}

.featured .col {
	width: 48%;
	margin-right: 4%;
}

.full .col {
	width: 100%;
	margin-right: 0;
}

.featured img {
	float: left;
}

.featuredCopy {
	float: left;
	margin-left: 20px;
	width: calc(100% - 120px);
}

#mainContent .featured h2 {
	font-size: 20px;
	line-height: 32px;
	margin-bottom: 10px;
}

#mainContent #contentBody {
	overflow: auto;
	position: relative;
}

	#mainContent #contentBody .relatedContentClone {
		position: relative;
		float: right;
	}

	#mainContent #contentBody .relatedContent, #mainContent #contentBody .relatedContentClone {
		float: right;
		width: 220px;
		margin: 11px 0 40px 70px;
		padding: 26px 0 28px 0;
	}

	#mainContent #contentBody .relatedContent {
		border-top: solid 1px #e1e1e1;
		border-bottom: solid 1px #e1e1e1;
		position: absolute;
		top: 0;
		right: 0;
	}

		#mainContent #contentBody .relatedContent h2 {
			font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
			text-transform: uppercase;
			letter-spacing: .25px;
			color: #987001;
			font-size: 15px;
			line-height: 24px;
			margin-bottom: 15px;
			margin-top: 35px;
			font-weight: 300;
		}

			#mainContent #contentBody .relatedContent h2:first-of-type {
				margin-top: 0;
			}

		#mainContent #contentBody .relatedContent h3 {
			font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
			color: #000000;
			font-size: 18px;
			line-height: 24px;
			margin: 0 0 15px 0;
			font-weight: 700;
		}

		#mainContent #contentBody .relatedContent p + h3 {
			margin-top: 44px;
		}

		#mainContent #contentBody .relatedContent p {
			font-size: 16px;
			line-height: 24px;
			margin-bottom: 15px;
		}

			#mainContent #contentBody .relatedContent p:last-of-type {
				margin-bottom: 0;
			}

		#mainContent #contentBody .relatedContent div > img {
			margin-bottom: 15px;
		}


/*  Landing page */
#mainContent.landing h2 {
	margin-bottom: 12px;
}

#mainContent.landing p.intro {
	font-size: 19px;
	line-height: 30px;
}

.landingGrid {
	overflow: auto;
	margin-top: 52px;
	padding-bottom: 62px;
	width: 100%;
}

	.landingGrid .col:first-of-type {
		width: 57%;
		margin-left: 0;
	}

		.landingGrid .col:first-of-type img {
			width: 100%;
			/*max-width: fit-content;*/
		}

#mainContent.landing .landingGrid .col:first-of-type h2 {
	margin: 25px 0 0 0;
	font-size: 16px;
	line-height: 46px;
	color: #987001;
	font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	text-transform: uppercase;
	letter-spacing: .5px;
	font-weight: 300;
}

#mainContent.landing .landingGrid .col:first-of-type h3 {
	font-family: "Merriweather", "Georgia", "Cambria", "Times New Roman", "Times", serif;
	font-weight: normal;
	margin: 0 0 16px 0;
	font-size: 36px;
	line-height: 50px;
}

#mainContent.landing .landingGrid .col:first-of-type p {
	line-height: 29px;
}

#mainContent.landing .landingGrid .col h3 {
	font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-weight: 600;
	margin: 16px 0 9px 0;
	font-size: 21px;
	line-height: 28px;
}

#mainContent.landing .landingGrid .col p {
	line-height: 28px;
}

.landingGrid .col {
	width: 37%;
	margin-left: 6%;
}

	.landingGrid .col .entry {
		margin: 0;
		float: left;
		/*width: 284px;*/
	}

	.landingGrid .col div.entry + div.entry {
		margin-top: 62px;
	}

	.landingGrid .col .entry img {
		width: 100%;
		/*max-height: 189px;*/
		/*max-width: 284px;*/
	}

#mainContent.landing .col p {
	margin: 0;
}

/* end landing page */

.video-container {
	position: relative;
	width: 60%;
	padding-bottom: 33.75%;
	height: 0;
	margin-top: 3em;
}

	.video-container:first-of-type {
		margin-top: 0;
	}

	.video-container iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

#mainContent .video-container + p {
	margin-top: .8em;
	line-height: 22px;
	width: 60%;
}

/* Success Stories */

#mainContent .successStory h2 {
	color: #987001;
	margin: 10px 0 8px 0;
	font-size: 36px;
	line-height: 46px;
}

#mainContent p.meta {
	font-size: 18px;
	font-weight: bold;
}

#mainContent p.caption {
	color: #757575;
	font-size: 16px;
	font-style: italic;
	padding-bottom: 20px;
}

.successStory img {
	margin: 14px 0 7px;
}

	.successStory img.successPhoto {
		width: 100%;
		max-width: 600px;
	}


/* Success Story Feed */
.storyListing {
	margin-top: 30px;
}

.story {
	overflow: auto;
	padding-bottom: 45px;
	border-bottom: 1px dotted #d7d7d7;
	margin-bottom: 45px;
	display: flex;
}

	.story:last-child {
		border: none;
		margin-bottom: 0;
	}

	.story img {
		width: 35%;
		margin-left: 7%;
		object-fit: cover;
	}

.storyContent {
	width: 58%;
}

.full .storyContent {
	width: 100%;
}

@media (max-width: 1000px) {
	.story {
		flex-wrap: wrap;
	}

	.storyContent {
		width: 100%;
	}

	.story img {
		margin: 15px 0 0 0;
		width: 100%;
	}
}

.left {
	float: left;
}

.right {
	float: right;
}

.pager {
	overflow: auto;
	margin-top: 40px;
}

	.pager img {
		float: left;
		margin-top: 19px;
	}

	.pager.right {
		margin-right: 20px;
	}

.pagerContent {
	float: left;
	overflow: auto;
}

.left .pagerContent {
	margin-left: 25px;
}

.right .pagerContent {
	margin-right: 25px;
	text-align: right;
}

#mainContent .pagerContent p {
	font-style: italic;
	margin: 0;
	color: #5c5c5c;
}

.pagerContent p a {
	font-style: normal;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .8px;
}

#mainContent .storyContent p {
	margin-bottom: 20px;
}

#mainContent div.content .storyContent h3 {
	margin: 0;
	line-height: 36px;
}

.storyContent h4 a {
	color: #0071bc;
}

.storyContent p.author {
	color: #777;
}
/* Agency Directory */
#mainContent.agencyDir h2 {
	margin-bottom: 60px;
}

#mainContent.agencyDir .SideBar img {
	margin-bottom: 40px;
}

#mainContent.agencyDir .SideBar h2 {
	margin-bottom: 8px;
}

#mainContent.agencyDir .SideBar p {
	margin-bottom: 0;
	word-break: break-all;
}

#mainContent.agencyDir p.intro {
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	padding: 30px 0;
	margin-bottom: 40px;
}

.agencyList {
	padding-top: 1.5em;
}

	.agencyList .col {
		float: left;
		width: 45%;
	}

		.agencyList .col:first-of-type {
			margin-right: 10%;
		}

	.agencyList img {
		float: left;
		width: 85px;
		height: 85px;
	}

#mainContent .agencyList p {
	float: left;
	margin: 20px 0 0 20px;
	line-height: 24px;
	width: calc(100% - 115px);
	word-wrap: break-word;
}

.listEntry {
	margin-bottom: 40px;
	overflow: auto;
}
/* Photo Gallery */
#mainContent ul.thumbnails {
	margin: 20px 0;
	overflow: auto;
}

ul.thumbnails li {
	list-style-type: none;
	float: left;
	margin: 0 10px 10px 0;
}

	ul.thumbnails li img {
		width: 200px;
	}

#colorbox {
	font-family: 'Source Sans Pro', sans-serif;
}

	#colorbox h2 {
		font-size: 24px;
		margin-bottom: 30px;
	}

	#colorbox p {
		margin: 18px 0;
		font-size: 16px;
		line-height: 26px;
	}

	#colorbox img {
		max-width: 800px;
	}

#cboxClose {
	top: 8px;
	right: 8px;
}

#cboxOverlay {
	background: #555;
	opacity: .8 !important;
}

#cboxLoadedContent {
	margin: 20px;
}

#cboxTopLeft,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxTopCenter,
#cboxBottomCenter {
	display: none;
}

#featuredBanner {
	margin: 0 auto;
	overflow: auto;
	position: relative;
	z-index: 100;
}

	#featuredBanner .banner {
		height: 420px;
		box-sizing: border-box;
		padding: 105px 200px 0 200px;
		line-height: 32px;
	}

.Light {
	background-color: #019aa0;
}

.Dark {
	background-color: #017c81;
}

.banner .content {
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	overflow: auto;
	max-width: 1000px;
}

.banner .featuredContentLogo {
	float: left;
	margin-right: 10%;
	width: 20%;
}

.banner .text {
	float: left;
	width: 70%;
}

.banner h1 {
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

.banner h2 {
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	text-transform: uppercase;
}

.banner p {
	font-size: 24px;
	line-height: 42px;
	margin-top: 20px;
	font-family: 'Merriweather', serif;
}

	.banner p + p a {
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		font-family: 'Source Sans Pro', sans-serif;
	}

@media (max-width: 1000px) {
	#featuredBanner .banner {
		padding-left: 10%;
		padding-right: 10%;
	}

	.banner .featuredContentLogo {
		margin-bottom: 30%;
	}
}

@media (max-width: 630px) {
	#featuredBanner .banner {
		padding: 10%;
	}

	.banner .featuredContentLogo {
		display: block;
		margin: 0 auto 40px auto;
		float: none;
	}

	.banner .text {
		float: none;
		width: 100%;
		display: block;
		margin: 0 auto;
		text-align: center;
	}

	.banner p {
		font-size: 18px;
		line-height: 30px;
	}
}
/* FAQs */
.Answer {
	display: none;
	margin-top: 28px;
}

#mainContent ul.FAQList {
	margin-left: 0px;
}

#mainContent li p {
	text-indent: 0;
}

.FAQList li {
	border-bottom: 1px solid #e1e1e1;
	padding: 18px 0;
}

	.FAQList li.first {
		padding-top: .80em;
	}

#mainContent a.ViewMore, #mainContent a.ViewLess,
#mainContent a.ViewMore:visited, #mainContent a.ViewLess:visited {
	color: #757575;
	font-weight: normal;
	margin-left: 6px;
}

#mainContent .FAQSection ul.FAQList {
	list-style: none;
	margin-left: 0;
}

#mainContent .FAQSection h4 {
	font-size: 18px;
	color: #987001;
}

	#mainContent .FAQSection h4 a {
		font-weight: normal;
		color: #757575;
		font-size: 18px;
		margin-left: 6px;
	}

#mainContent .FAQSection .Question {
	font-weight: bold;
}


/* Forms */
#mainContent #contour fieldset {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	margin: 0;
}

#mainContent #contour label.fieldLabel {
	float: none;
	font-weight: normal;
	color: #555;
	font-size: 17px;
	width: 75%;
}

#mainContent #contour input.text {
	width: 75% !important;
}

#mainContent #contour textarea {
	width: 100% !important;
	height: 90px;
}

#mainContent #contour input.text,
#mainContent #contour textarea {
	margin: .2em 0 .5em 0;
}

#mainContent #contour .contourButton {
	color: #fff;
	background-color: #726d63;
	border: none;
	padding: 10px 20px;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
}

#mainContent #contour span.contourError {
	margin-bottom: 20px;
	float: left;
}

div.labworkshopregistration fieldset.contourFieldSet > div > label > span.contourIndicator {
	color: #cc0000;
}

/* Footer */

footer {
	background-color: #002f4e;
}

	footer #social {
		margin: 0 auto;
		overflow: auto;
		width: 310px;
		padding: 55px 0 5px;
	}

		footer #social a {
			float: left;
			margin-right: 50px;
		}

			footer #social a:last-of-type {
				margin-right: 0;
			}

	footer nav {
		max-width: 1700px;
		padding: 0 10% 40px 10%;
		overflow: auto;
		margin: 0 auto;
	}

		footer nav ul.col {
			width: 20.5%;
			float: none;
			display: inline-block;
			vertical-align: top;
			padding: 0px 2%;
			margin-top: 50px;
		}

			footer nav ul.col li:first-of-type a {
				color: #fff;
				font-size: 17px;
				text-transform: uppercase;
				font-weight: bold;
				letter-spacing: .5px;
			}

			footer nav ul.col li a {
				text-transform: none;
				font-weight: normal;
				color: #5F9ABF;
				font-size: 16px;
				line-height: 1.5em;
				margin-bottom: 15px;
				display: block;
				letter-spacing: 0;
			}

#subFooter {
	padding: 50px 10%;
	background-color: #002338;
	color: #7E8B95;
	font-style: italic;
	text-align: center;
	font-family: "Merriweather Web", "Georgia", "Cambria", "Times New Roman", "Times", serif;
	font-size: 12px;
	line-height: 22px;
}

	#subFooter p {
		margin-bottom: 12px;
	}

	#subFooter ul li {
		display: inline-block;
	}

		#subFooter ul li a {
			color: #909fa9;
		}

			#subFooter ul li a:after {
				/*content: " - ";*/
				content: "\2022";
				margin: 0 7px;
				display: inline-block;
				color: #4D5960;
			}

		#subFooter ul li:last-child a:after {
			content: none;
			margin: 0;
		}

		#subFooter ul li a:hover:after {
			text-decoration: none;
		}

/* Presidential CSS Overrides */
.screenshot:last-of-type {
	margin-right: 40px;
	margin-bottom: 30px;
}

#mainContent .screenshot-container h1 {
	margin-bottom: 12px !important;
	font-family: 'Droid-serif', serif;
	line-height: 12px;
}

#mainContent .screenshot-container p {
	font-size: 12px;
	line-height: 17px;
}

/* From Global */
#MainContent_Container {
	overflow: auto;
}

a.skipnav,
.hiddenText {
	height: 0px;
	width: 0px;
	display: block;
	position: absolute;
	text-indent: -9000px;
}

.AccessibilityInfo {
	position: absolute;
	text-indent: -9000px;
	padding: 0px;
	margin: 0px;
	font-size: 0pt;
	height: 0px;
}

/* Operating Status Header Styles */
#container_operatingstatus {
	width: 173px;
	height: 19px;
	background: url('https://www.opm.gov/img/global/operatingstatus_bg.gif');
	font-size: 9px;
	text-transform: uppercase;
	display: inline-block;
	float: right;
	margin-right: 16px;
	margin-top: 4px;
	font-family: Arial, Helvetica, sans-serif;
}

	#container_operatingstatus .label {
		margin: 6px 0px 0px 8px;
		float: left;
	}

		#container_operatingstatus .label > a {
			text-decoration: none;
			color: #555555;
		}

	#container_operatingstatus .message {
		width: 65px;
		height: 19px;
		float: right;
	}

		#container_operatingstatus .message span {
			margin: 5px 0px 0px 12px;
			display: inline-block;
			color: #fff;
			font-weight: bold;
			width: 53px;
		}

	#container_operatingstatus .open {
		background: url('https://www.opm.gov/img/global/operatingstatus_icon_open.gif');
	}

		#container_operatingstatus .open span {
			margin-right: 12px;
		}

	#container_operatingstatus .alert {
		background: url('https://www.opm.gov/img/global/operatingstatus_icon_alert.gif');
	}

		#container_operatingstatus .alert span {
			margin-right: 15px;
			color: #ba0000;
		}

	#container_operatingstatus .closed {
		background: url('https://www.opm.gov/img/global/operatingstatus_icon_closed.gif');
	}

		#container_operatingstatus .closed span {
			margin-right: 9px;
		}

	#container_operatingstatus .loading {
		margin: 4px 0px 0px 0px;
		background: transparent url('https://www.opm.gov/img/global/operatingstatus_icon_loading.gif') no-repeat center center;
		width: 67px;
		height: 12px;
	}

		#container_operatingstatus .loading span {
			margin: 4px 0px 0px 0px;
			font-size: 1px;
			text-indent: -9000px;
		}


/* Page Banner Popups */


#ResponseBanner {
	font-family: Arial,Helvetica,sans-serif;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 3500;
	text-align: center;
	font-size: 100%;
	color: #000;
	padding: 10px 0px 10px 0px;
	background-color: #ecf8ff;
	background-color: rgba(236, 248, 255, 0.94);
}

	#ResponseBanner #pageBannerTitle {
		font-family: Droid Serif,Arial,Helvetica,sans-serif;
		font-size: 1.4em;
		text-transform: uppercase;
		color: #2e2e2e;
	}

		#ResponseBanner #pageBannerTitle.noteTitle {
			color: #2e2e2e;
		}

		#ResponseBanner #pageBannerTitle.warningTitle {
			color: #d89307;
		}

		#ResponseBanner #pageBannerTitle.errorTitle {
			color: #d41f16;
		}

	#ResponseBanner.bannerNote {
		background-color: #ecf8ff;
		background-color: rgba(236, 248, 255, 0.94);
	}

	#ResponseBanner.bannerWarning {
		background-color: #EEDD82;
		background-color: rgba(255, 246, 201, 0.94);
	}

	#ResponseBanner.bannerError {
		background-color: #FFDFDE;
		background-color: rgba(255, 241, 241, 0.94);
	}

	#ResponseBanner span, #ResponseBanner ul {
		text-align: center;
	}

	#ResponseBanner ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#ResponseBanner .closeNotify {
		white-space: nowrap;
		position: absolute;
		color: #959595;
		text-decoration: none;
		border: 0;
		display: inline-block;
		top: 14px;
		right: 14px;
	}

	#ResponseBanner .closeNotifyIcon {
		height: 16px;
		width: 16px;
		background-image: url('../img/icons/bannerClose.png');
		background-repeat: no-repeat;
		margin: 0 0 0 4px;
		float: right;
	}

	#ResponseBanner .closeNotify a {
		color: #959595;
		text-decoration: none;
	}

/* End Page Banner Popups */

/* Search Begins */
.SearchBox {
	position: relative;
	float: right;
	background-image: url(https://www.opm.gov/img/global/SearchBox.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 171px;
	margin-right: 0px;
	margin-top: 4px;
}

	.SearchBox .SearchFor {
		display: block;
		text-indent: -9999px;
		height: 0;
	}

	.SearchBox .txtSearch {
		position: absolute;
		left: 8px;
		top: 2px;
		height: 13px;
		border: 0px;
		width: 125px;
		font-size: 11px;
	}

		.SearchBox .txtSearch.default {
			color: #757575;
			font-style: italic;
		}

	.SearchBox a.dd {
		position: absolute;
		left: 137px;
		top: 1px;
		background-image: url("https://www.opm.gov/img/global/arrowdown.gif");
		background-repeat: no-repeat;
		background-position: 2px 7px;
		height: 17px;
		width: 12px;
		text-indent: -9000px;
	}

	.SearchBox .go {
		position: absolute;
		width: 19px;
		height: 17px;
		top: 1px;
		left: 150px;
		background-image: url("https://www.opm.gov/img/global/SearchButton.gif");
		background-position: 3px 3px;
		background-repeat: no-repeat;
		text-indent: -9000px;
		font-size: 1px;
		margin: 0;
		padding: 0;
		background-color: transparent;
		border: 0;
	}

	.SearchBox .Options {
		position: absolute;
		border: 1px solid #dddcdc;
		top: 18px;
		width: 195px;
		padding: 8px 0px 8px 8px;
		background-color: #FFF;
		display: none;
		font-size: 1.1em;
		z-index: 2000;
	}

		.SearchBox .Options #SearchCollectionOptionsHeader {
			font-weight: bold;
			margin-bottom: 5px;
		}

		.SearchBox .Options ul {
			width: 100%;
			padding: 0px;
			margin: 0px;
		}

		.SearchBox .Options li {
			padding: 0px;
			list-style-type: none;
			float: left;
			width: 50%;
		}

			.SearchBox .Options li input {
				margin: 3px 3px 0px 0px;
			}
/* Search Ends */

a > span.Text,
a > span.Web,
a > span.XML,
a > span.RSS,
a > span.Exe,
a > span.Download,
a > span.Video,
a > span.ZIP,
a > span.PDF,
a > span.PDF-Fill,
a > span.Word,
a > span.Excel,
a > span.CSV,
a > span.PowerPoint,
a > span.JSON,
a span.Leaving,
blockquote.quote footer a > span.Leaving {
	display: inline-block;
	text-indent: -9000px;
	text-decoration: none;
	width: 15px;
	/* IE */
	zoom: 1;
	*display: inline;
	padding-bottom: 1px;
}

a > span.Text {
	background: url(https://www.opm.gov/img/global/icoText.gif) no-repeat 1px .25em;
}

a > span.Web {
	background: url(https://www.opm.gov/img/global/icoWeb.gif) no-repeat 1px .25em;
}

a > span.XML {
	background: url(https://www.opm.gov/img/global/icoXML.gif) no-repeat 1px .25em;
	width: 26px;
}

a > span.RSS {
	background: url(https://www.opm.gov/img/global/icoRSS.gif) no-repeat 1px .25em;
}

a > span.Exe {
	background: url(https://www.opm.gov/img/global/icoExe.gif) no-repeat 1px .25em;
}

a > span.Download {
	background: url(https://www.opm.gov/img/global/icoDownload.gif) no-repeat 1px .25em;
}

a > span.Video {
	background: url(https://www.opm.gov/img/global/icoVideo.gif) no-repeat 1px .4em;
}

a > span.ZIP {
	background: url(https://www.opm.gov/img/global/icoZIP.gif) no-repeat 2px .25em;
}

a > span.PDF {
	background: url(https://www.opm.gov/img/global/icoPDF.gif) no-repeat 1px .5em;
}

a > span.PDF-Fill {
	background: url(https://www.opm.gov/img/global/icoPDF-Fill.gif) no-repeat 1px .5em;
}

a > span.Word {
	background: url(https://www.opm.gov/img/global/icoWord.gif) no-repeat 2px .5em;
}

a > span.Excel {
	background: url(https://www.opm.gov/img/global/icoExcel.gif) no-repeat 2px .25em;
}

/*csv image is wider than others*/
a > span.CSV {
	background: url(https://www.opm.gov/img/global/icoCSV.gif) no-repeat 2px .25em;
	width: 25px;
}

a > span.PowerPoint {
	background: url(https://www.opm.gov/img/global/icoPPT.gif) no-repeat 2px .25em;
}

a > span.JSON {
	background: url(https://www.opm.gov/img/global/icoJSON.gif) no-repeat 2px .25em;
}

a span.Leaving {
	background: url(https://www.opm.gov/img/global/icoLeaving.gif) no-repeat 2px .5em;
}

a.Leaving.Dark > span.Leaving {
	background: url(https://www.opm.gov/img/global/icoLeaving_DarkBg.gif) no-repeat 2px 0;
}

span.FileSize {
	color: #757575;
}

.DataTable, .IndexTable {
	border-collapse: collapse;
	border-right: 1px solid #ebebeb;
	margin: 36px 0px 2.0em 0px;
	width: 100%;
	font-size: 1.1em;
	line-height: 1.4em;
}

	.DataTable table, .IndexTable table, .Glossary table {
		font-size: 1.0em;
		margin-top: 1.0em;
	}

	.DataTable.FloatLeft, .IndexTable.FloatLeft {
		float: right;
		width: 465px;
		clear: left;
	}

	.DataTable caption, .IndexTable caption {
		margin: 0px 0px 0px 0px;
		padding: .5em 0px 1.0em 0px;
		text-align: left;
		font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif;
		font-size: 1.3em;
		line-height: 1.6em;
		font-weight: normal;
		color: #000000;
	}

	.DataTable thead th, .IndexTable thead th {
		background-color: #e6e6e6;
		color: #000000;
		border: 1px solid #d7d7d7;
		padding: 7px 7px 6px 7px;
		text-align: left;
		vertical-align: top;
	}

		.DataTable thead th p, .IndexTable thead th p {
			font-weight: normal;
			font-size: 1.0em;
			line-height: 1.4em;
			margin: 0px;
			padding: 0px;
		}

	.DataTable tbody th, .IndexTable tbody th {
		background-color: #f7f7f7;
		border: 1px solid #ebebeb;
		padding: 7px 7px 6px 7px;
		text-align: left;
		vertical-align: top;
	}

		.DataTable tbody th.Level1, .IndexTable tbody th.Level1 {
			font-weight: bold;
		}

		.DataTable tbody th.Level2, .IndexTable tbody th.Level2 {
			padding-left: 1.0em;
		}

		.DataTable tbody th.Level3, .IndexTable tbody th.Level3 {
			padding-left: 2.0em;
		}

		.DataTable tbody th.Level4, .IndexTable tbody th.Level4 {
			padding-left: 3.0em;
		}

	.DataTable h2 {
		margin: 0px;
		padding: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.0em;
		line-height: 1.4em;
		font-weight: bold;
		color: #363636;
	}

	.IndexTable tbody th {
		padding-left: 30px;
		background-color: #FFFFFF;
	}

		.IndexTable tbody th.SubHead {
			padding-left: 7px;
			background-color: #f7f7f7;
		}

	.DataTable td, .IndexTable td {
		border: 1px solid #ebebeb;
		padding: 9px 12px;
		text-align: left;
		vertical-align: top;
	}

		.DataTable td.left, .IndexTable td.left {
			text-align: left;
		}

		.DataTable td p, .IndexTable td p {
			font-size: 1.0em;
			padding: 0 0 0 0;
		}

		.DataTable td ul, .IndexTable td ul {
			margin-left: 27px;
			font-size: 1.0em;
			padding: 1.0em 0 0 0;
		}

	.DataTable tbody td.Numbers {
		text-align: right;
	}

#MainContentDiv p.top {
	margin: 0 25px 0 0;
	padding: 13px 7px 9px 7px;
	position: fixed;
	bottom: 0;
	right: 5px;
	display: none;
	font-size: 18px;
	line-height: 29px;
	margin-bottom: 29px;
	font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	background-color: #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

dl.FAQ p.top {
	overflow: auto;
	border-bottom: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 1.0em;
}

p.NoLine {
	border-bottom: none;
}

#MainContentDiv p.top a {
	text-transform: uppercase;
	font-size: .72em;
	letter-spacing: 1px;
	padding: 0;
	margin: 0 auto;
	float: right;
	color: #757575;
	text-align: center;
	width: 55px;
	line-height: 15px;
}

p.top a:before {
	content: "ꜛ";
	padding: 22px 7px 0 7px;
	display: block;
	background-color: #dcb341;
	color: #fff;
	font-size: 32px;
	margin: 0 auto 8px auto;
	text-align: center;
	width: 25px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#MainContentDiv p.top a:hover {
	text-decoration: none;
}

blockquote {
	font-size: 1.2em;
	line-height: 1.7em;
	margin: 0px 0px 0px 3.0em;
	padding: 0px 0px 1.0em 0px;
}

	blockquote p, .MainContent blockquote ul, .MainContent blockquote ol {
		font-size: 1.0em;
	}

	blockquote blockquote p {
		font-size: .8em;
	}

	blockquote blockquote blockquote p {
		font-size: .6em;
	}

ul blockquote {
	font-size: 1.0em;
}

blockquote.quote {
	border-bottom: 1px solid #E1E1E1;
	background: url(https://www.opm.gov/img/global/Quotes_Open.gif) no-repeat 0px 1.0em;
	margin: 1.0em 0px 2.0em 0px;
	padding: 1.4em 35px 1.4em 35px;
	color: #999;
	font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 30px;
	font-style: italic;
	overflow: auto;
}

	blockquote.quote footer {
		font-weight: bold;
		font-style: normal;
		display: block;
		/* text-transform: uppercase; */
		padding: 1.0em 0px 0px 10px;
		margin-left: 70%;
		font-size: .9em;
		line-height: 1.8em;
		background: #fff;
	}

		blockquote.quote footer span {
			font-weight: normal;
			display: block;
			text-transform: none;
			font-style: italic;
			padding-top: 0;
			line-height: 1.4em;
		}

ul li > blockquote.quote {
	color: #898989;
	border-top: none;
	border-bottom: none;
	border-left: 1px solid #E1E1E1;
	background-image: none;
	font-size: 1.05em;
	margin: 1.0em 0px 1.0em 0px;
	padding: .5em 20px .5em 20px;
}

	ul li > blockquote.quote footer {
		background: url(https://www.opm.gov/img/global/en_quote_gray.gif) no-repeat 0px 1.9em;
	}

blockquote.quote footer span.Leaving {
	line-height: 1.4em;
}

blockquote.callOut {
	margin: 1.0em 0px 2.0em 0px;
	padding: 1.0em 0px 1.0em 0px;
	color: #999;
	font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif;
	font-size: 1.35em;
	line-height: 1.9em;
	font-style: italic;
	border-top: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
	display: block;
}

#Feedback_PullTab {
	display: none !important;
}

strong {
	font-weight: bold;
}

#mainContent div.Note {
	margin: 0 0 30px 0;
	padding: 30px 0px 30px 0px;
	display: flex;
	align-items: flex-start;
	border-top: dashed #cccccc 1px;
	border-bottom: dashed #cccccc 1px;
}

	#mainContent div.Note::before {
		content: "NOTE";
		padding-bottom: 3px;
		border-bottom: solid 3px #dcb341;
		margin-right: 5%;
		font-weight: 700;
		color: #000000;
		font-size: 16px;
		line-height: 24px;
	}

	#mainContent div.Note p {
		flex-grow: 8;
		margin-bottom: 0;
		color: #757575;
		font-size: 16px;
		line-height: 24px;
		font-style: italic;
	}

.Note h2 {
	color: #000000;
	padding: 0 0 .5em 0;
	font-size: 1.3em;
}

.Note span {
	font-weight: bold;
}
/* End Global */

/* Calendar of Events */
#FilterGroup {
	margin-bottom: 1.5em;
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
}

.calendarEvent {
	float: left;
	border-bottom: 1px dashed #E0E0E0;
	margin-top: 25px;
	width: 100%;
}

#mainContent .calendarEventDate {
	background-color: #174379;
	width: 65px;
	float: left;
	line-height: 22px;
	height: 55px;
	text-align: center;
	color: white;
	border-radius: 5px;
	padding-top: 7px;
	text-transform: uppercase;
	letter-spacing: .75px;
}

.calendarDateDay {
	font-size: 32px;
	letter-spacing: 0px;
}

.calendarEventDetails {
	margin-left: 90px;
	padding-bottom: 25px;
}

#mainContent h4.calendarEventHeader {
	font-weight: 600;
	margin-bottom: 0px;
	font-size: 20px;
	position: relative;
	line-height: 28px;
}

#mainContent h3.calendarMonthlyHeader {
	float: left;
	border-bottom: 1px dashed #E0E0E0;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 48px;
}

#mainContent h3.main {
	padding-bottom: 49px;
}

#mainContent p.calendarLocation {
	margin-bottom: 0px;
	position: relative;
	color: #757575;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: .5px;
	line-height: 28px;
}

#mainContent div.mainCalendarEventDetails {
	position: relative;
	font-size: 18px;
	line-height: 28px;
}

	#mainContent div.mainCalendarEventDetails p {
		line-height: 28px;
		margin-bottom: 20px;
	}

		#mainContent div.mainCalendarEventDetails p:last-of-type {
			margin-bottom: 0;
		}

#CalendarStateDropdown, .CalendarDateInput {
	border: 1px solid #d0d0d0;
	background-repeat: no-repeat;
	background-position: left;
	font-size: 16px;
	font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

#CalendarStateDropdown {
	padding-left: 27px;
	height: 38px;
	margin-right: 25px;
	background-image: url("../images/locationicon.png");
	padding-right: 15px;
}

.CalendarDateInput {
	padding-left: 32px;
	height: 35px;
	line-height: 24px;
	margin-left: 5px;
	width: 115px;
	background-image: url("../images/dateicon.png");
}

#FilterGroup .CalendarDateInput {
	margin-bottom: 10px;
	margin-top: 10px;
}

.CalendarDateLabel {
	margin-left: 10px;
}

#FilterButton {
	margin-left: 25px;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0071bc), color-stop(1, #0071bc) );
	background: -moz-linear-gradient( center top, #009fcf 5%, #007494 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0091bc', endColorstr='#0091bc');
	background-color: #0071bc;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-weight: bold;
	padding: 12px 20px !important;
	text-decoration: none;
	text-align: center;
	border: none;
	cursor: pointer;
}

#CalendarFormatText {
	padding-left: 10px;
	color: #7d7d7d;
}
/* End Calendar of Events */

/* Responsive Slides */

/*! http://responsiveslides.com v1.55 by @viljamis */

#rslidesWrapper {
	width: 100%;
	position: relative;
}

#rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

	#rslides li {
		-webkit-backface-visibility: hidden;
		position: absolute;
		display: none;
		width: 100%;
		left: 0;
		top: 0;
	}

		#rslides li:first-child {
			position: relative;
			display: block;
			float: left;
		}

	#rslides img {
		display: block;
		height: auto;
		float: left;
		width: 100%;
		border: 0;
		object-fit: cover;
	}

	#rslides p {
		display: inline;
	}

.centered-btns_nav {
	z-index: 3;
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 50%;
	left: 0;
	opacity: 0.7;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 61px;
	width: 38px;
	background: transparent url("themes.gif") no-repeat left top;
	margin-top: -45px;
}

	.centered-btns_nav:active {
		opacity: 1.0;
	}

	.centered-btns_nav.next {
		left: auto;
		background-position: right top;
		right: 0;
	}

.transparent-btns_nav {
	z-index: 3;
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 0;
	left: 0;
	display: block;
	background: #000; /* Fix for IE6-9 */
	opacity: 0;
	filter: alpha(opacity=1);
	width: 28%;
	text-indent: -9999px;
	overflow: hidden;
	height: 96.2%; /*for non-css3 compliant browsers (ie8 and lower) */
	height: calc(100% - 20px); /* main space minus the height of the bottom buttons which have been repositioned from below the image */
	background-repeat: no-repeat;
	background-position-x: 50%;
	background-position-y: 50%;
}

	.transparent-btns_nav:hover {
		opacity: 0.3;
	}

	.transparent-btns_nav.prev {
		background-image: url(../images/arrow_left.png);
	}


	.transparent-btns_nav.next {
		left: auto;
		right: 0;
		background-image: url(../images/arrow_right.png);
	}

.large-btns_nav {
	z-index: 3;
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	opacity: 0.6;
	text-indent: -9999px;
	overflow: hidden;
	top: 0;
	bottom: 0;
	left: 0;
	background: #000 url("themes.gif") no-repeat left 50%;
	width: 38px;
}

	.large-btns_nav:active {
		opacity: 1.0;
	}

	.large-btns_nav.next {
		left: auto;
		background-position: right 50%;
		right: 0;
	}

	.centered-btns_nav:focus,
	.transparent-btns_nav:focus,
	.large-btns_nav:focus {
		outline: none;
	}

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
	/*margin-top: 10px;*/
	text-align: center;
	/*custom*/
	position: relative;
	top: -90px;
	z-index: 2;
}

	.centered-btns_tabs li,
	.transparent-btns_tabs li,
	.large-btns_tabs li {
		display: inline;
		float: none;
		_float: left;
		*float: left;
		margin-right: 20px; /*custom*/
	}

		.transparent-btns_tabs li:last-child {
			margin-right: 0;
		}

	.centered-btns_tabs a,
	.transparent-btns_tabs a,
	.large-btns_tabs a {
		text-indent: -9999px;
		overflow: hidden;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		background: #ccc;
		background: rgb(4, 59, 96); /*custom*/
		display: inline-block;
		_display: block;
		*display: block;
		-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
		-moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
		box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
		/*custom*/
		width: 18px;
		height: 18px;
	}

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
	background: #222;
	background: rgb(83, 158, 208); /*custom*/
}

/*captions*/

#rslides .caption {
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	text-align: center;
	color: #fff;
	padding: 0;
}

	#rslides .caption a:-webkit-any-link {
		color: #69bef7;
	}

#rslides .mainCaption {
	top: 37%;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 5.5em;
}

#rslides .subCaption {
	top: 63%;
	line-height: 1.4;
	font-size: 2.2em;
	padding: 0 4%;
}

	#rslides .subCaption a {
		color: #72C3F8;
		text-decoration: none;
		margin-left: 6px;
		border-bottom: solid 2px #72C3F8;
	}

		#rslides .subCaption a:hover {
			color: #ffffff;
			border-bottom: solid 2px #ffffff;
		}

	#rslides .subCaption p {
		padding: 0;
	}

#rslides .headerCaption {
	top: 10%;
	letter-spacing: 9px;
	text-transform: uppercase;
	font-size: 2em;
}

span.underlineSpan {
	display: inline-block;
	padding-bottom: 10px;
	position: relative;
}

	span.underlineSpan:before {
		content: "";
		position: absolute;
		width: 50%;
		height: 1px;
		bottom: 0;
		left: 25%;
		border-bottom: 1px solid #fff;
	}

/* End Responsive Slides */

/* Featured Jobs */

/* Contact Us */

.MainContent dl.Glossary {
	border-bottom: 1px dotted #d7d7d7;
	clear: both;
	width: 100%;
	overflow: auto;
	line-height: 1.6em;
	margin: 0 0 2.0em 0;
	padding: 0 0 1.5em 0;
	font-size: 18px;
	line-height: 29px;
}

	.MainContent dl.Glossary dt {
		width: 20%;
		clear: left;
		float: left;
		margin: 1.5em 0 0 0;
		padding: 1.5em 5% 0px 0px;
		font-weight: bold;
		color: #000000;
		border-top: 1px dotted #d7d7d7;
	}

	.MainContent dl.Glossary dd {
		width: 75%;
		float: left;
		*float: none;
		margin: 1.5em 0 0 0;
		padding: 1.5em 0px 0px 0px;
		border-top: 1px dotted #d7d7d7;
	}

dl.Glossary dd ul:last-child {
	margin-bottom: 0 !important;
}

Contact {
	width: 400px;
	margin-top: 0px;
	border-bottom: none;
	clear: left;
}

.MainContent dl.Contact dt {
	width: 200px;
	border-top: 1px dotted #E1E1E1;
	padding-top: .5em;
	margin-top: .5em;
}

.MainContent dl.Contact span {
	display: block;
	font-weight: normal;
}

.MainContent dl.Contact dd {
	width: 310px;
	border-top: 1px dotted #E1E1E1;
	padding-top: .5em;
	margin-top: .5em;
}

	.MainContent dl.Contact dt.Sub, .MainContent dl.Contact dd.Sub {
		border-top: none;
		padding-top: 1.0em;
		margin-top: 0;
		font-weight: normal;
	}


/* End Contact Us */


/* Full News List with Image START */

.news-list-full {
	width: 100%;
	border-top: 1px dotted #d7d7d7;
	margin: 50px 0;
}

	.news-list-full .news-list-story {
		border-bottom: 1px dotted #d7d7d7;
		display: flex;
		padding: 40px 0;
	}

.news-list-story-image {
	width: 220px;
	margin-right: 35px;
}

	.news-list-story-image img {
		width: 220px;
	}

.news-list-story-text {
	width: 95%;
}

#mainContent .news-list-story-text h4, #mainContent .news-list-story-text p {
	margin-bottom: 15px;
}

	#mainContent .news-list-story-text p:last-of-type {
		margin-bottom: 0;
	}

	#mainContent .news-list-story-text p.more a {
		border-bottom: 1px solid #0071bc;
	}

/* Full News List with Image END */

/* Featured Jobs START */

#mainContent h1.sectionHeading {
	font-size: 19px;
	font-weight: bold;
	color: #000000;
}

	#mainContent h1.sectionHeading span.total {
		color: #757575;
		font-size: 19px;
		font-weight: normal;
	}

#mainContent .job h3.title {
	font-size: 18px;
	line-height: 28px;
	margin: 20px 0 25px 0;
	color: #0071bc !important;
}

#mainContent .job:hover h3 {
	color: #fff !important;
}

#mainContent .job h4.pay {
	font-size: 14px;
	letter-spacing: .5px;
	color: #000000;
}

#mainContent .job h5.location {
	letter-spacing: .5px;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 15px;
	color: #757575;
}

#mainContent .job p.moreButton {
	line-height: 22px;
	margin-bottom: 0;
}

	#mainContent .job p.moreButton a {
		font-size: 14px;
		letter-spacing: .5px;
		margin-bottom: 25px;
		border-radius: 5px;
		padding: 5px 25px;
		color: #006DB7;
	}

.job:hover,
a#featuredJobsNextInfoTech:hover,
a#featuredJobsNextBusiness:hover,
a#featuredJobsNextManagement:hover,
a#featuredJobsPreviousInfoTech:hover,
a#featuredJobsPreviousBusiness:hover,
a#featuredJobsPreviousManagement:hover {
	background-color: #2A7CB7 !important;
}

#totalAll {
	color: #000000 !important;
	font-weight: bold;
}

/* Featured Jobs END */

#GlobalBanner {
  height: 50px;
  background-color: #e7f6f8;
  color: #000;
  margin: 0;
}
#GlobalBanner .GlobalInnerContainer {
  width: 100%;
  overflow: auto;
  position: absolute;
}
#GlobalBanner .GlobalInnerContainer > div {
  width: auto;
}
#GlobalBanner .GlobalInnerContainer > div p {
  padding: 7px 0px 0px 5px;
  text-align: center;
  width: auto;
}
#GlobalBanner .GlobalInnerContainer > div p span.info {
  background-image: url("https://www.opm.gov/img/home/info.svg");
  height: 30px;
  width: 30px;
  display: inline-flex;
  font-size: 1px;
  text-indent: -9000px;
  background-repeat: no-repeat;
  background-size: 30px;
  line-height: 30px;
}
#GlobalBanner .GlobalInnerContainer > div p span.text {
  display: inline-block;
  margin-top: 8px;
  font-size: 1.1em;
  color: #000;
}


