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

a {
	text-decoration: none;	
}
a:hover {
	text-decoration: underline;
}
#top_wrapper {
	height: 45px;
	background: #fff;
	z-index: 1000;
}

#top_container {
	position: relative;
	top: 9px;
	padding: 0;
	max-width: 1000px;
	overflow: auto;
	margin: 0 auto;
}
#OPM {
	float: left;
}

#OPM img {
	float: left;
}

#OPM span {
	font-size: 11px;
	color: #555;
	font-family: 'Droid-serif', serif;
	font-style: italic;
	margin: 8px 0 0 6px;
	display: inline-block;
}
.hidden {
	display:none;
}
a.topLink {
	color: #555;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	float: right;
    margin: 8px 12px;
}

header {
	background: url("../images/spotlight-bg.jpg") center center fixed;
	text-align: center;
    max-width: 100%;
    max-height: 100%;
    position: relative;
	-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);
}

.navContainer {
	margin: 0 auto;
	max-width: 1000px;
	padding: 4% 10% 0 10%;
	overflow: auto;
    height: 34px;
}

.navLogo {
	float: left;	
}
#menu {
	float: right;
	margin-top: 10px;
}
#menu ul li {
    margin-right: 50px;
    display: inline-block;
}
#menu ul li:last-child {
	margin-right: 0;
}
#menu li a {
	padding-bottom: 3px;
}
#menu a.active {
    border-bottom: 3px solid #fff;
}
#menu a.active:hover {
	text-decoration: none;
}
.menu-link {
		display: none;
	}
	
nav li a {
	font-family: 'Source Sans Pro', sans-serif;
	color: #f5f0e8;
	text-decoration: none;
	font-size: 13px;
	text-transform: uppercase;
}
.displace {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	border: 0;	
}

header h1 {
	font-size: 60px;
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	margin: 10% 0 20px 0;
}

header p {
	color: #fff;
	font-size: 40px;
	font-family: 'Adobe Calson Pro', serif;
	font-style: italic;
}

header .button {
	margin-top: 10%;
}
header .button a {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	padding: 12px 40px;
	background-color: #017B7F;
	text-decoration: none;
}

#callout {
	background: url("../images/callout-bg.png") repeat-x;
	height: 295px;
	padding: 114px 0 0 0;
}

#callout p {
	font-family: 'Adobe Caslon Pro', serif;
	font-size: 34px;
	line-height: 56px;
	text-align: center;
	width: 70%;
	max-width: 900px;
	margin: 0 auto;
}
@media (max-width: 1200px) {
	#callout p {
		font-size: 28px;
		line-height: 44px;
	}
}
@media (max-width: 835px) {
	#callout p {
		font-size: 22px;
		line-height: 40px;
	}
}

@media (max-width: 646px) {
	#callout p {
		line-height: 36px;
	}
}
@media (max-width: 557px) {
	#callout p {
		font-size: 20px;
		width: 80%;
	}
}
@media (max-width: 468px) {
	#callout {
		height: 215px;
		padding: 34px 0 0 0;
	}
	#callout p {
		font-size: 18px;
		line-height: 30px;
		width: 80%;
	}
	
}
@media (max-width: 420px) {
	#callout {
		background: url("../images/callout-bg.png") repeat-x;
		height: 180px;
		padding: 34px 0 0 0;
	}
	#callout p {
		font-size: 16px;
		line-height: 28px;
		width: 90%;
	}
}
@media (max-width: 390px) {
	#callout {
		height: 190px;
		padding: 24px 0 0 0;
	}
}
#services {
	overflow: auto;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	max-width: 1403px;
}
#services a, #services a:hover {
	color: #fff;
}
#services .col {
	max-width: 461px;
	width: calc(33vw - 10px);
	height: calc(33vw - 7px);
	max-height: 464px;
	float: left;
	margin-right: 10px;
}
#services .content {
	opacity: 1;
	position: relative;
	z-index: 1;
	top: 40%;
}
#services .about {
	background: url('../images/WhoWeAre.jpg') no-repeat;
}
#services .classes {
	background: url('../images/LearnWithUs.jpg') no-repeat;
}
#services .team {
	background: url('../images/WhatWeDo.jpg') no-repeat;
	margin-right: 0;
}
#services .hoverBg {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background-color: #d7B029;
	opacity: .8;
	display: none;
	margin-top: -70px;

}
#services h2 {
	font-family: 'Source Sans Pro', sans;
	font-weight: bold;
	font-size: 28px;
    margin-bottom: 20px;
	text-transform: uppercase;
}
#services p {
	font-family: 'Adobe Calson Pro', serif;
	font-style: italic;
	font-size: 22px;
	display: none;
}
#services .col:hover p, #services .col:hover .hoverBg {
	display: block;	
}
@media (max-width: 935px) {
	#services h2 {
		font-size: 22px;
		margin-bottom: 14px;
	}
	#services p {
	font-size: 18px;
	}
	#services .hoverBg {
		margin-top: -58px;
	}
}
@media (max-width: 767px) {
	#services h2 {
		font-size: 18px;
		margin-bottom: 12px;
	}
	#services p {
		font-size: 16px;
	}
	#services .hoverBg {
		margin-top: -46px;
	}
	#services .col {
		margin-right: 6px;
	}
}
@media (max-width: 602px) {
	#services .col {
		width: 90vw;
		height: 90vh;
		float: left;
		margin: 0 auto 10px auto;
		float: none;
	}
	#services h2 {
		font-size: 28px;
		margin-bottom: 20px;
	}
	#services p {
		font-size: 22px;
	}
	#services .hoverBg {
		margin-top: -70px;
	}
}

#calendar {
	margin: 0 auto;
	text-align: center;
	max-width: 1060px;
	overflow: auto;
	padding: 80px 10% 80px 10%;
	font-family: 'Source Sans Pro', sans;
}

#calendar h2 {
	font-size: 38px;
	color: #5e5c57;
	font-weight: normal;
	margin-bottom: 50px;
}
#calendar .event {
	float: left;
	display: inline-block;
	margin-top: 20px;
	overflow: auto;
}
#calendar .eventDate {
	float: left;
	height: 100%;
	color: #019aa0;
	text-transform: uppercase;
	font-size: 20px;
	border: 2px solid #a5a199;
	padding: 20px 30px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#calendar .eventDate span {
	display: block;
	font-weight: bold;
	font-size: 38px;
	margin-top: 5px;
}
#calendar .eventDetails {
	margin-left: 20px;
	max-width: 335px;
	width: 70%;
	float: left;
	text-align: left;
}
#calendar h3 {
	font-size: 18px;
	font-weight: normal;
	color: #333;
	margin-bottom: 14px;
}
#calendar h3 a {
	color: #333;
}
#calendar p {
	color: #706c63;
	font-size: 16px;
	line-height: 26px;
}
.event + .event {
	margin-left: 45px;
	float: right !important;
}
#mainContent .event + .event {
	margin-left: 0;
	float: none !important;
}
#mainContent .event {
	margin-top: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
}
#mainContent .event:last-child {
	border-bottom: none;
}
#mainContent .event h3 {
	font-size: 18px;
	margin-top: 20px;
	line-height: 30px;
}
#mainContent .eventDate {
	font-weight: bold;
	font-size: 18px;
}
@media (max-width: 1220px) {
	#calendar .event {
		display: block;
	}
	#calendar .event {
		float: left !important;
		margin: 50px 0 0 0;
	}
}
@media (max-width: 580px) {
	#calendar {
	    padding: 70px 10% 70px 10%;
	}
	#calendar h2 {
		margin-bottom: 50px;
	}
	#calendar h3 {
		font-size: 16px;
		margin-bottom: 12px;
	}
	#calendar p {
		font-size: 14px;
		line-height: 24px;
	}
	#calendar .eventDate {
		font-size: 18px;
		padding: 16px 20px;
	}
	#calendar .eventDate span {
		font-size: 32px;
	}
}
	@media (max-width: 450px) {
		#calendar .eventDate {
			float: none;
			width: 60px;
			margin: 0 auto;
		}
		#calendar .eventDetails {
			margin-left: 0;
			margin-top: 20px;
			float: none;
			text-align: center;
			width: 100%;
		}
		
	}
#ThreeCol {
	margin: 0 auto;
	text-align: center;
	max-width: 1000px;
	overflow: auto;
	padding: 140px 10% 140px 10%;
}

#ThreeCol .col {
	float: left;
	max-width: 285px;
	display: inline-block;
	margin-top: 10px;
}

#ThreeCol .col + .col {
	margin: 0 auto;
	float: none;
}
#ThreeCol .col + .col + .col {
	float: right;
	margin-top: 20px;
}
#ThreeCol h2 {
	font-family: 'Source Sans Pro', sans;
	font-weight: bold;
	font-size: 28px;
	margin: 60px 0 40px 0;
	text-transform: uppercase;
}
#ThreeCol h2 a,
#ThreeCol ha a:hover {
	color: #019aa0;
	text-decoration: none;
}
#ThreeCol p a {
	font-family: 'Adobe Calson Pro', serif;
	font-style: italic;
	font-size: 22px;
	color: #333;
}
.top {
	margin-top: -100px;
	height: 100px;
	width: 54px;
	background: url("../images/top.png") no-repeat;
	float: right;
}
.top p {
    margin: 84px 0 0 18px;
}
.top p a {
	text-transform: uppercase;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	color: #fff;
}
#mainContent .top {
	margin-right: -20%;
	height: auto;
}
#mainContent .top p {
	margin-top: 74px;
	margin-bottom: 0;
	line-height: 18px;
}
#mainContent .top a,
#mainContent .top a:visited {
	text-decoration: none;
	color: #fff;
}
#social {
	padding: 100px 10%;
	background-color: #019aa0;
}
#social h2 {
	font-family: 'Adobe Calson Pro', serif;
	font-size: 36px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 60px;
}

/* ContentPages page */

header#contentPage {
	max-height: 414px;
	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);
	}
#contentPage h1 {
	font-size: 40px;
	margin: 20px 0 10% 0;
}
#contentPage .button {
	margin-top: 15%;
}
#contentPage .button a {
	padding: 6px 20px;
}
.indent {
	margin: 0 auto;
	padding-right: 10%;
	padding-left: 10%;
	overflow: auto;
	max-width: 1000px;
}

#mainContent {
	background: #fff;
	text-align: left;
	margin: 100px auto;
	font-family: 'Source Sans Pro', sans-serif;
	color: #363636;
	position: relative;
}
#mainContent a, #mainContent a:visited {
	color: #019aa0;
}
#mainContent .contentContainer {
	float: left;
	width: 60%;
	padding-right: 6%;
	margin-bottom: 80px;
}
#mainContent .noSideBar {
	width: 90%;
}
#mainContent h2 {
	color: #019aa0;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 26px;
	line-height: 36px;
}

#mainContent h3 {
	color: #019aa0;
	font-weight: bold;
	margin: 36px 0 18px 0;
	font-size: 22px;
	line-height: 34px;
}
#mainContent h4 {
	color: #aaa;
	margin: 0 0 18px 0;
	font-size: 22px;
	line-height: 30px;
}
#mainContent p {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 18px;
}

#mainContent ul {
    list-style: none;
    padding:0;
	margin: 0 0 18px 46px;
	font-size: 18px;
	line-height: 30px;
}

#mainContent li { 
    text-indent: -.8em;
}

#mainContent li:before {
    content: "• ";
    color: #ffc709;
    float: left;
    padding-right: .5em;
}
.SideBarClone {
	display: none;	
}

.SideBar {
	float: left;
	width: 33%;
	background-color: #f5f5f5;
	height: 70%;
	left: 67%;
	box-sizing: border-box;
	padding: 120px 0 0 60px;
	position: absolute;
	z-index: 50;
	font-family: 'Source Sans Pro', sans-serif;
}

.SideBar ul {
	list-style: none;
	margin: 0;
	font-size: 16px;
	line-height: 40px;
}
.SideBar ul li a {
	color: #333;
}

.SideBar h2 {
	text-transform: uppercase;
	color: #555;
	font-size: 16px;
	font-family: sans-serif;
	margin-bottom: 18px;
}

#staff {
	margin: 0 auto;
	overflow: auto;
	max-width: 1400px;
	text-align: center;
}
.bioBox {
	width: calc(33vw - 10px);
	height: calc(33vw - 10px);
	max-width: 192px;
	max-height: 192px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-size: cover;
	float: left;
	display: inline-block;
}
#mainContent .bioBox a,
#mainContent .bioBox h2 {
	color: #fff;
}

.bioBox:nth-child(3),
.bioBox:nth-child(6),
.bioBox:nth-child(9) {
	margin-right: 0;
}
@media (max-width: 1260px) {
	.bioBox, .bioBox:nth-child(6) {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(50vw - 25px);
		height: calc(50vw - 25px);
	}
	.bioBox:nth-child(1),
	.bioBox:nth-child(5),
	.bioBox:nth-child(7),
	.bioBox:nth-child(11) {
		margin-right: 0;
	}
}

.bioBg {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background-color: #d7B029;
	opacity: .8;
	display: none;
	position: relative;
	top: 0;

}

.bioContent {
	opacity: 1;
	text-align: center;
	color: #fff;
	position: relative;
	bottom: 60%;
	z-index: 1;
	display: none;
	font-family: 'Source Sans Pro', sans-serif;

}
.bioBox:hover .bioBg,
.bioBox:hover .bioContent {
	display: block;
}
.textBio {
	border-bottom: 1px solid #e1e1e1;
	padding: 40px 0 22px; 
}

#mainContent .textBio h3 {
	color: #363636;
	font-size: 20px;
	line-height: 40px;
	margin: 0;
	padding: 0;
}

#mainContent .bioContent h2 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 0;
    margin-bottom: 6px;
	line-height: 28px;
}
#mainContent .bioContent p {
	font-style: italic;
	font-size: 16px;
	line-height: 20px;
}
@media (max-width: 880px) {
	#mainContent .bioContent h2 {
		font-size: 22px;
	}
	#mainContent .bioContent p {
		font-size: 16px;
	}
}
@media (max-width: 450px) {
	.bioBox, .bioBox:nth-child(6) {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		height: 100vw;
	}
	#mainContent .bioContent h2 {
		font-size: 30px;
	}
	#mainContent .bioContent p {
		font-size: 18px;
	}
}
#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;
}
#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;
	margin-top: -101px;
}
#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;
}
#mainContent ul.FAQList {
	margin-left: 14px;
}
#mainContent li p {
    text-indent: 0;
}
.FAQList li {
    border-bottom: 1px solid #e1e1e1;
    padding: 14px 0;
}
#mainContent a.ViewMore, #mainContent a.ViewLess,
#mainContent a.ViewMore:visited, #mainContent a.ViewLess:visited {
    color: #a1a1a1;
    font-weight: normal;
}
/* 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 select {
	padding: 4px;
}
#mainContent #contour select option {
	padding: 4px 0;
}
@-moz-document url-prefix() {
	#mainContent #contour select {
		padding: 0;
	}
}
#mainContent #contour select option:first-of-type {
	display: none;
}
#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;
}
/* Social Feed */
#feedContainer h3 a {
	display: none;
}
#feedContainer .twitterLogo {
    width: 22px;
    margin: -4px 4px;
}
#mainContent ul.SocialFeed {
                width: 100%;
                list-style: none;
                margin: 0;
                overflow: auto;
}
#mainContent ul.SocialFeed p {
	text-indent: initial;
	margin-top: -8px;
}
#mainContent li.SocialItem {
                margin-bottom: 30px;
                margin-left: -16px;
                overflow: auto;
			    text-indent: 0em;

}
#mainContent .authorAndDate {
                font-style: italic;               
}

#mainContent .SocialItemDate {
                float: left;
                width: 40px;
                margin-right: 40px;
				height: 53px;
                background-color: #019aa0;
                font-size: 18px;
                text-transform: uppercase;
                text-align: center;
                color: #fff;
                padding: 7px 7px 13px 7px;
}

#mainContent .Date span {
                font-size: 30px;
                font-weight: bold;           
				display: block;
				text-align: center;
				margin-top: -6px;
}


#mainContent .SocialItemEntry {
                float: left;          
                width: calc(100% - 110px);     
}

@media (max-width: 400px) {
	#mainContent .SocialItemEntry {
		width: calc(100% - 16px);
		margin-left: 16px;
		margin-top: 20px;
	}
}
#mainContent .SocialImage {
        max-width: 100%;          
}

#mainContent h2.newsReleaseType {
	margin-bottom: 0;
	text-transform: none;
	font-size: 20px;
	color: #363636;
}
#newsrelease_header {
	line-height: 22px;
	overflow: auto;
}
#header_left {
	float: left;
}
#header_right {
	float: right;
}
#newsrelease_header + h2 {
	text-align: center;
	margin: 40px 0;
}
#newsrelease_end {
	text-align: center;
	font-size: 12px;
}
#newsrelease_footer {
	float: right;
	font-size: 14px;
}
.hr_tall  {
	color: #ebebeb;
	margin: 30px 0 20px 0;
}
#mainContent h3.newsFeedMonth a,
#mainContent h3.blogFeedMonth a {
	text-decoration: none;
}
#mainContent.newsFeed ul {
	margin-left: 0;
}
#mainContent.newsFeed li:before {
	content: none;
	padding-right: 0;
}
#mainContent.newsFeed .authorAndDate {
	font-style: normal;
	display: block;
}
#mainContent.newsFeed .contentContainer .col {
	width: 70%;
	margin-top: 0;
	margin-right: 10%;
}
#mainContent.newsFeed .contentContainer .col.monthList {
	float: right;
	width: 20%;
	margin-right: 0;
	margin-bottom: 40px;
}
#mainContent.newsFeed .contentContainer .col.monthList h2 {
	color: #999;
	font-size: 16px;
}
#mainContent h4.blogTitle {
	margin: 0;
}
#mainContent .blogContent img {
	margin-bottom: 20px;
	max-width: 100%;
}
.postDate {
	width: 50px;
	padding: 10px 0 12px 0;
	background-color: #004e9c;
	float: left;
	text-align: center;
	color: #fff;
	margin: 18px 20px 0 0;
}
.postDateDay {
	font-size: 22px;
}
.postDateMonth {
	font-size: 14px;
	text-transform: uppercase;
}
#mainContent .blogFeed p.authorAndDate {
	font-size: 16px;
	line-height: 22px;
}

/* Footer */

footer {
	background-color: #484746;
	position: relative;
	z-index: 100;
}
footer nav {
	max-width: 1000px;
	padding: 50px 10%;	
}

footer nav ul li {
	display: inline;
	margin-right: 30px;
	margin-bottom: 8px;
	line-height: 30px;
}
@media (max-width: 490px) {
	footer nav ul li {
		display: block;
	}
}
footer nav span {
	font-style: italic;
}
#subFooter {
	padding: 100px 10%;	
	background-color: #2d2e2c;
	overflow: auto;
}

footer .col {
	float: left;
	color: #999;
	font-size: 14px;
	margin-top: 18px;
}
footer img {
	margin: -18px 40px 0 0;
}
footer p {
	margin-bottom: 10px;	
}
footer p span {
	color: #ccc;
}
footer .col a {
	color: #999;
}
footer .col + .col {
	margin-right: 200px;
}
footer .col + .col + .col {
	margin-right: 60px;	
}

footer ul li {
	font-size: 14px;
	margin-bottom: 14px;
}
footer input.email {
	background-color: #3f3e3d;
	border: 1px solid #979797;
	padding: 8px 6px;
    width: 250px; 
    color: #999;
    font-size: 14px;
}
footer .btnEmail {
	display: block;
	margin-top: 20px;
	padding: 8px 4px;
	background-color: #565656;
	width: 76px;
}
footer .btnEmail a {
	margin-left: 14px;
	color: #bab9ba;
	font-weight: bold;
}
/* From Global */

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: 12px;
	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: 10px;
}
.SearchBox .txtSearch.default {
	color: #727477;
	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(http://www.opm.gov/img/global/icoText.gif) no-repeat 1px .25em;
}

a > span.Web {
    background: url(http://www.opm.gov/img/global/icoWeb.gif) no-repeat 1px .25em;
}

a > span.XML {
    background: url(http://www.opm.gov/img/global/icoXML.gif) no-repeat 1px .25em;
	width: 26px;
}

a > span.RSS {
    background: url(http://www.opm.gov/img/global/icoRSS.gif) no-repeat 1px .25em;
}

a > span.Exe {
    background: url(http://www.opm.gov/img/global/icoExe.gif) no-repeat 1px .25em;
}

a > span.Download {
    background: url(http://www.opm.gov/img/global/icoDownload.gif) no-repeat 1px .25em;
}

a > span.Video {
    background: url(http://www.opm.gov/img/global/icoVideo.gif) no-repeat 1px .25em;
}

a > span.ZIP {
    background: url(http://www.opm.gov/img/global/icoZIP.gif) no-repeat 2px .25em;
}

a > span.PDF {
    background: url(http://www.opm.gov/img/global/icoPDF.gif) no-repeat 1px .25em;
}

a > span.PDF-Fill {
    background: url(http://www.opm.gov/img/global/icoPDF-Fill.gif) no-repeat 1px .25em;
}

a > span.Word {
    background: url(http://www.opm.gov/img/global/icoWord.gif) no-repeat 2px .25em;
}

a > span.Excel {
    background: url(http://www.opm.gov/img/global/icoExcel.gif) no-repeat 2px .25em;
}

/*csv image is wider than others*/
a > span.CSV {
    background: url(http://www.opm.gov/img/global/icoCSV.gif) no-repeat 2px .25em;
	width:25px;
}

a > span.PowerPoint {
    background: url(http://www.opm.gov/img/global/icoPPT.gif) no-repeat 2px .25em;
}

a > span.JSON {
    background: url(http://www.opm.gov/img/global/icoJSON.gif) no-repeat 2px .25em;
}

a span.Leaving {
    background: url(http://www.opm.gov/img/global/icoLeaving.gif) no-repeat 2px 0;
}

a.Leaving.Dark > span.Leaving {
	background: url(http://www.opm.gov/img/global/icoLeaving_DarkBg.gif) no-repeat 2px 0;
}

.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: 7px 7px 6px 7px;
  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;
}

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(http://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: url(http://www.opm.gov/img/global/en_quote.gif) no-repeat 0px 26px;
}

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(http://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;
}


.GlobalBanner {
  height: 50px;
  background-color: #e7f6f8;
  color: #000;
  margin: 0px 0px 0px 0px;
}
.GlobalBanner .GlobalInnerContainer {
  width: 100%;
  overflow: auto;
}
.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;
}

/* End Global */