@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}

*
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(boxsizing.htc);
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, leftnav
{
	display: block;
}

body
{
	font-size: 14px;
	font-family: Arial, sans-serif;
	background: #fff;
	/** color: #222c33; */
	color: #000000;
	padding-bottom: 20px;
}

.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/*html[xmlns] .clearfix {
  display: block;
}*/

* html .clearfix
{
	height: 1%;
}

::-webkit-input-placeholder
{
	opacity: 0.7;
}

:-moz-placeholder
{
	opacity: 0.7;
}

::-moz-placeholder
{
	opacity: 0.7;
}

:-ms-input-placeholder
{
	opacity: 0.7;
}

a
{
	color: #004481;
	text-decoration: underline;
}

	a:hover
	{
		text-decoration: none;
	}

img
{
	vertical-align: top;
}

p, ul, ol
{
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 18px;
}

ul, ol
{
	margin-left: 1em;
}

div > p:last-child, div > ul:last-child, div > ol:last-child
{
	margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6
{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0 0 0.5em;
}

h1, .subtitle h2
{
	font-size: 22px;
}

h2
{
	font-size: 18px;
}

h3
{
	font-size: 18px;
	font-weight: bold;
	margin: 0;
}
/*changes made to H3 tag based on input from MN*/
h4
{
	font-size: 15px;
}

h5
{
	font-size: 14px;
}

h6
{
	font-size: 12px;
}

/*#navigation h3{
	margin: 0.3em 0 0.5em;
	
}*/
#wrapper
{
	max-width: 1080px;
	margin: auto;
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 12px rgba(0,0,0,.3);
	box-shadow: 0 0 12px rgba(0,0,0,.3);
	position: relative;
	/*overflow: hidden;*/
	z-index: 101;
}



#slideshow-wrapper
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	text-align: center;
}

#slideshow,
#slideshow > div
{
	width: 100% !important;
	margin: auto;
	max-width: 1040px;
	height: 803px !important;
	overflow: hidden;
}

	#slideshow > div
	{
		background-position: center 80px;
		background-repeat: no-repeat;
		background-size: contain;
	}

	#slideshow img
	{
		width: 100%;
	}

#header
{
	background: #fff;
	height: 100px;
	position: relative;
}

/*.fixed-nav #header {
  margin-bottom: 55px;
}*/

#logo
{
	float: left;
	margin: 18px 0 18px 52px;
	padding-left: 68px;
	min-height: 52px;
	position: absolute;
	max-width: 300px;
	overflow: visible;
}

#logo-image
{
	position: absolute;
	top: 0;
	left: 0;
}

#logo-images img:first-child
{
	/*margin-bottom: -3px;*/
}

#header-right
{
	float: right;
	padding: 10px 50px 22px 0;
	position: relative;
	background: #fff;
}

#languages
{
	height: 30px;
	text-align: right;
}

#top-search form
{
	float: right;
	/** background: #e5e5e5; */
	background: #e5eaed;
	padding: 5px 10px;
}

#top-search .form-label
{
	float: left;
	padding-top: 10px;
	margin-right: 8px;
	font-size: 14px;
	color: #004481;
}
/*.form-label-jobs{
  padding-right: 32px;
}*/
#top-search input[type="text"]
{
	background: none;
	border: none;
	outline: none;
	/**color: #054d7b; */
	color: #004481;
	font-size: 14px;
	font-family: Arial, sans-serif;
	height: 24px;
	padding-top: 2px;
	width: 160px;
	float: left;
}

#top-search input[type="button"],
#navigation .submenu-search-box input[type="button"]
{
	cursor: pointer;
	text-decoration: none;
	border: none;
	width: 24px;
	height: 24px;
	background: url("/COSImages/images/sprites.png") no-repeat 2px 2px;
	padding: 0;
	font-size: 0;
}

/*Added by MN*/

#top-search input[type="submit"],
#navigation .submenu-search-box input[type="submit"]
{
	cursor: pointer;
	text-decoration: none;
	border: none;
	width: 24px;
	height: 24px;
	background: url("/COSImages/images/sprites.png") no-repeat 2px 2px;
	padding: 0;
	font-size: 0;
}


#navigation-row
{
	background: #004481;
	color: #fff;
	text-align: center;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.34);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.34);
	box-shadow: 0 0 10px rgba(0,0,0,.34);
	height: 55px;
	position: relative;
	z-index: 99;
	-webkit-transform: translateZ(0);
}

.fixed-nav #navigation-row
{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
}

#navigation
{
	display: inline-block;
	*display: inline;
	list-style: none;
	vertical-align: top;
	margin: 0;
	padding: 0;
	font-size: 0;
	white-space: nowrap;
}
/*Need this for Main navigation bar resizing when scrolling down the page*/

.fixed-nav #navigation
{
	width: 100%;
	max-width: 1080px;
	position: relative;
	z-index: 30;
}

#navigation > li
{
	display: inline-block;
	*display: inline;
	padding-top: 5px;
	font-size: 14px;
	white-space: normal;
}

	/*#navigation > li > h3{
  cursor: pointer;
}*/

	#navigation > li > a /**,
#navigation > li > h3**/
	{
		display: inline-block;
		*display: inline;
		vertical-align: top;
		height: 50px;
		line-height: 45px;
		font-size: 18px;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: normal;
		text-decoration: none;
		background: #004481;
		color: #fff;
		padding: 0 12px 0 18px;
		margin: 0;
		*padding: 15px 12px 15px 18px;
	}

a:focus {
	border : 1px dotted black;
	text-decoration:none;
	display: block;
	display: inline-block;
	 /* IE */
    zoom: 1;
    *display: inline;    
}

.OneStopCounter .rightalign{text-align:right; vertical-align:top;}

/** Page Loading*/
#loadingModal    
{
    background: url("/COSImages/trans.png") repeat scroll 0 0 transparent;
    height: 2000px;
    left: -500px;
    position: absolute;
    top: 0;
    width: 2000px;
    z-index: 99999;
    display:none;
}

div.innerMessage
{
    height: 75px;
    left: 760px;
    padding: 25px;
    position: absolute;
    text-align: center;
    top: 300px;
    width: 400px;
}
.loadingModalLightBoxTop{width: 417px; height: 3px; background: url(/COSImages/reemp/small_box_top_border.png) no-repeat; overflow:hidden;padding-left: 2px; }
.loadingModalLightBoxCenter{width: 416px; height: 75px; background: url(/COSImages/reemp/small_box_mid_border.png) left top repeat-y; padding-left: 2px; padding:12px; position: relative;}
.loadingModalLightBoxBottom{width: 417px; height: 7px; background: url(/COSImages/reemp/small_box_bottom_border.png) no-repeat; padding-left: 2px;}
/** Page Loading*/


@media screen and (-webkit-min-device-pixel-ratio:0)
{


	/* Safari 5+ ONLY */
	::i-block-chrome, #navigation > li > a
	{
		margin: 0 -2px 0 -2px;
	}
}


#navigation > li > a:after /**,
#navigation > li > h3:after**/
{
	display: inline-block;
	vertical-align: top;
	width: 21px;
	height: 50px;
	background: url("/COSImages/images/sprites.png") no-repeat -44px 19px;
	content: "";
	font-size: 0;
	margin-left: 4px;
}

#navigation li a.active /**,
#navigation li h3.active**/
{
	color: #bfd0df;
	/*  background: #bfd0df;*/
}

	/**#navigation li h3.active:after,
**/ #navigation li a.active:after
	{
		background: url("/COSImages/images/sprites.png") no-repeat -231px -71px;
	}
/*
/*
Alternative for the active state - blue arrow 
#navigation > li > a.active:after{
background: url("../images/sprites.png") no-repeat -230px -72px;
OR Light blue arrow
background: url("../images/sprites.png") no-repeat -230px -122px;

}*/
#navigation > li:hover > a
{
	/*  background: #f3f3f3;
    color: #004481;*/
}


/** the next section was commented out in the initial 
clean up but we needed to put back in to get the arrows to work in the main navigation **/
#navigation > li > a.hover:after
{
	background-position: -88px 19px;
}

#navigation > li > a,
/**#navigation > li > h3,
**/ /*#navigation .submenu,*/
#pager a,
.blue-buttons a,
.blue-button,
.video-box .video-image:after,
.title-tabs a,
.accordion-menu > li > a:after,
/*#navigation-row,*/
.frame-box .box-title
{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.position-bottom
{
	position: absolute;
	bottom: 30px;
}

#navigation .submenu
{
	/*  -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;*/
}

#navigation .submenu
{
	position: absolute;
	left: 0;
	right: 0;
	top: 55px;
	/** background: #f2f2f2; */
	background: #e5eaed;
	text-align: left;
	/** color: #222c33; */
	color: #000000;
	padding: 20px 30px;
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.2);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,.2);
	box-shadow: 0 3px 3px rgba(0,0,0,.2);
	display: none;
	/*  visibility: hidden;  
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);*/
	zoom: 1;
	/*transition-delay:0.2s;*/
}

.lt-ie9 #navigation .submenu
{
	/*  display: none;
    visibility: visible;
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);*/
}

#navigation li:hover > .submenu
{
	/*  visibility: visible;
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);*/
}

.lt-ie9 #navigation li:hover > .submenu
{
	/*display: block;*/
}

/**.lt-ie8 #navigation .submenu {
  display: none !important;
}
**/

#navigation .submenu-left-column
{
	width: 67.5%;
	float: left;
}

	#navigation .submenu-left-column:after
	{
		position: absolute;
		top: 20px;
		bottom: 20px;
		/** border-right: solid 1px #aeb2b6; */
		border-right: solid 1px #c6c9cc;
		display: block;
		content: "";
		font-size: 0;
		left: 67.5%;
	}

#navigation .submenu-right-column
{
	width: 29.3%;
	float: right;
	padding-top: 32px;
}

#navigation .submenu-columns + .submenu-columns
{
	padding-top: 20px;
}

#navigation .submenu-col
{
	width: 33.333%;
	float: left;
	padding-right: 30px;
}

#navigation .submenu-four-columns .submenu-col
{
	width: 25%;
	padding-left: 15px;
	padding-right: 15px;
}

#navigation .submenu-five-columns .submenu-col
{
	width: 20%;
	padding-left: 10px;
	padding-right: 10px;
}

#navigation .submenu-four-columns .subtitle
{
	padding-left: 15px;
}

#navigation .submenu-five-columns .subtitle
{
	padding-left: 10px;
}

#navigation .submenu .col-title
{
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	line-height: 26px;
	padding: 5px 10px;
	background: #004481;
	margin-bottom: 10px;
}

	#navigation .submenu .col-title a
	{
		color: #fff;
		text-decoration: underline;
		display: block;
	}

		#navigation .submenu .col-title a:hover
		{
			text-decoration: none;
		}

#navigation .submenu ul
{
	list-style-type: disc;
	color: #004481;
}

	#navigation .submenu ul.text-list
	{
		/** color: #222c33; */
		color: #000000;
		list-style: none;
		margin-left: 0;
	}

#navigation .submenu li
{
	padding: 2px 0;
}

#navigation .submenu a
{
	text-decoration: none;
}

	#navigation .submenu a:hover
	{
		text-decoration: underline;
	}

#navigation .submenu-search-box
{
	background: #bbccdc;
	padding: 30px 15px 15px;
	margin-bottom: 20px;
	position: relative;
}

	/*MN changed .form to form*/

	#navigation .submenu-search-box form
	{
		/*background: #fff;*/
		position: relative;
		text-align: right;
	}

	#navigation .submenu-search-box .form-row
	{
		position: relative;
		/*height: 34px;*/
		text-align: left;
		/*padding: 0 40px 0 55px;*/
		padding: 0;
	}

		#navigation .submenu-search-box .form-row + .form-row
		{
			margin-top: 6px;
		}

		#navigation .submenu-search-box .form-row.row-large
		{
			padding-right: 0;
		}


	#navigation .submenu-search-box .form-label
	{
		/*  position: absolute;
    top: 8px;*/
		left: 0;
		line-height: 18px;
		/*max-width: 53px;*/
		display: block;
		font-weight: bold;
		margin-bottom: 3px;
	}

	#navigation .submenu-search-box input[type="text"], .submenu-search-box select
	{
		background: #fff;
		outline: none;
		border: none;
		/** color: #222c33; */
		color: #000000;
		font-family: Arial, sans-serif;
		font-size: 14px;
		line-height: 18px;
		padding: 8px 5px 8px 5px;
		height: 34px;
		margin: 0;
		width: 100%;
	}

	/*#navigation .submenu-search-box input.small-input {
  width: 45%;
  vertical-align: top;
}*/

	/*Added by MN*/

	#navigation .submenu-search-box input[type="submit"]
	{
		/*  position: absolute;
    top: 0;
    right: 0;*/
		width: 36px;
		height: 34px;
		background-color: #fff;
		background-position: 8px 8px;
	}

	#navigation .submenu-search-box input[type="button"]
	{
		/*  position: absolute;
    top: 0;
    right: 0;*/
		width: 36px;
		height: 34px;
		background-color: #fff;
		background-position: 8px 8px;
	}

	/*Added by MN*/

	#navigation .submenu-search-box .form-row.row-large + input[type="submit"]
	{
		position: relative;
		top: auto;
		right: auto;
		margin-top: 5px;
	}


	#navigation .submenu-search-box .form-row.row-large + input[type="button"]
	{
		position: relative;
		top: auto;
		right: auto;
		margin-top: 5px;
	}

	#navigation .submenu-search-box input.blue-button
	{
		/** background-color: #007aad; */
		background-color: #027aad;
		width: auto;
		font-size: 14px;
		font-family: 'Source Sans Pro', sans-serif;
		color: #fff;
		padding: 2px 10px;
	}

.career-image
{
	float: right;
	margin: -10px 0 0 10px;
}

.subtitle
{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 10px;
}
.logo-subtitle
{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 10px;
}
#slideshow-frame
{
	position: relative;
	height: 400px;
	width: 100%;
	border-left: solid 20px #fff;
	border-right: solid 20px #fff;
	overflow: hidden;
}

.frame-boxes
{
	position: absolute;
	bottom: -20px;
	left: 25px;
	right: 25px;
	top: 0;
}

.frame-box
{
	width: 25%;
	float: left;
	padding: 0 5px;
	position: absolute;
	bottom: 0;
}

	.frame-box:nth-child(1)
	{
		left: 0;
	}
	/**.frame-box.nth-child-1 {
  left: 0;
}
**/
	.frame-box:nth-child(2)
	{
		left: 25%;
	}
	/**.frame-box.nth-child-2 {
  left: 25%;
}
**/
	.frame-box:nth-child(3)
	{
		left: 50%;
	}
	/**.frame-box.nth-child-3 {
  left: 50%;
}
**/
	.frame-box:nth-child(4)
	{
		right: 0;
		left: auto;
	}
	/**.frame-box.nth-child-4 {
  right: 0;
  left: auto;
}
**/

	.frame-box > div
	{
		-webkit-box-shadow: 0 0 15px #444;
		-moz-box-shadow: 0 0 15px #444;
		box-shadow: 0 0 15px #444;
		width: 100%;
		padding: 30px 20px 30px;
		color: #fff;
	}

		.frame-box > div a
		{
			color: #fff;
			text-decoration: none;
		}

			.frame-box > div a:hover
			{
				color: #bfd0df;
			}

	.frame-box .box-help a
	{
		color: #fff;
		text-decoration: underline;
	}

	.frame-box .box-help p
	{
		padding-left: 10px;
	}

.bullet-link
{
	position: relative;
	font-size: 16px;
}

.frame-box .bullet-link:hover
{
	/** color: #222c33; */
	color: #000000;
}

.bullet-link:before
{
	display: block;
	width: 6px;
	height: 11px;
	position: absolute;
	left: -11px;
	top: 5px;
	background: url("/COSImages/images/sprites.png") no-repeat -260px -125px;
	content: "";
	font-size: 0;
}

/*.frame-box .help-box-title {
  color: #004481;
  font-size: 22px;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 26px;
  margin-bottom: 10px;
}*/

.box-careers
{
	background: rgb(18, 134, 110);
	background: rgba(18, 134, 110, 0.9);
}

.box-training
{
	background: #7f467f;
	background: rgba(127, 70, 127, 0.9);
}

.box-jobs
{
	background: #ea1738;
	background: rgba(234, 23, 56, 0.9);
}

.box-help
{
	background: rgb(2, 122, 173);
	background: rgba(2, 122, 173, 0.9);
}

.frame-box .box-title
{
	text-align: center;
	position: relative;
	font-size: 22px;
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 26px;
}

	.frame-box .box-title:before
	{
		position: absolute;
		left: 50%;
		margin-left: -10px;
		top: -16px;
		width: 21px;
		height: 11px;
		background: url("/COSImages/images/sprites.png") no-repeat -153px 0;
		display: block;
		content: "";
	}

.frame-box .box-expand
{
	max-height: 0;
	overflow: hidden;
	/* Set our transitions up. */
	-webkit-transition: max-height 0.5s;
	-moz-transition: max-height 0.5s;
	transition: max-height 0.5s;
}

	.frame-box .box-expand a
	{
		display: block;
		font-size: 16px;
		line-height: 22px;
		margin: 8px 0;
	}

#slideshow-pager
{
	background: #fff;
	text-align: right;
	padding: 14px 48px 0;
	font-size: 0;
}

#pager
{
	display: inline-block;
	vertical-align: text-bottom;
	padding-right: 15px;
}

	#pager a
	{
		display: inline-block;
		vertical-align: top;
		width: 13px;
		height: 13px;
		font-size: 0;
		text-decoration: none;
		background: #027aad;
		margin-left: 6px;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}

		#pager a.activeSlide,
		#pager a:hover
		{
			/** background: #cbd0d2; */
			background: #c6c9cc;
		}

.camera-button
{
	display: inline-block;
	vertical-align: text-bottom;
	width: 19px;
	height: 19px;
	cursor: pointer;
	font-size: 0;
	background: url("/COSImages/images/sprites.png") no-repeat -275px -90px;
	text-decoration: none;
}

#page-content
{
	background: #fff;
	padding: 20px 50px 30px;
}

.grey-box
{
	background: #e5eaed;
	margin: 0 0 50px;
	padding: 25px 35px 30px;
	position: relative;
}

	.grey-box .blue-title,
	.submenu-search-box .subtitle
	{
		position: absolute;
		left: -9px;
		top: -20px;
		background: #004481;
		padding: 5px 20px 5px 27px;
		line-height: 26px;
		color: #fff;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 22px;
	}

.submenu-search-box .subtitle
{
	font-size: 18px;
	padding-left: 20px;
	min-width: 36px;
	height: auto;
	display: block;
	position: relative;
	top: -39px;
	left: -24px;
	margin-bottom: -29px;
}

.grey-box .blue-title.title-long
{
	right: 0;
	z-index: 30;
}

.grey-box .blue-title:before,
.submenu-search-box .subtitle:before
{
	display: block;
	content: "";
	font-size: 0;
	width: 9px;
	height: 10px;
	position: absolute;
	top: 100%;
	left: 0;
	background: url("/COSImages/images/sprites.png") no-repeat -279px 0;
}

.blue-buttons-wrapper
{
	position: relative;
}

	.blue-buttons-wrapper:before
	{
		display: block;
		position: absolute;
		top: 0;
		bottom: 5px;
		right: 21.5%;
		border-right: solid 1px #b9bfc2;
		content: "";
		font-size: 0;
	}

	.blue-buttons-wrapper .buttons-left
	{
		width: 77%;
		float: left;
	}

	.blue-buttons-wrapper .buttons-right
	{
		width: 18.5%;
		float: right;
	}

.blue-buttons a
{
	display: block;
	width: 170px;
	height: 50px;
	background: #027aad;
	color: #fff;
	width: 24%;
	float: left;
	margin: 0 5px 5px 0;
	float: left;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	line-height: 16px;
	padding: 17px 10px 0;
	overflow: hidden;
}

	.blue-buttons a.two-lines-button
	{
		padding-top: 9px;
		padding-left: 12px;
		padding-right: 12px;
	}

.blue-buttons-wrapper .buttons-right a
{
	width: 100%;
	margin-right: 0;
}

/*Need for the resources tab ,hover color change*/
.no-touch .blue-buttons a:hover
{
	color: #004481;
	background: #bfd0df;
}


.slider-wrapper
{
	position: relative;
	margin: 0 -8px;
}

.slider > div
{
	float: left;
	margin: 0 8px 20px 8px;
}

.slider.slick-slider
{
	margin: 10px auto 0 !important;
}

.slick-initialized > div
{
	float: none;
	margin: 0;
}


.video-box
{
	position: relative;
	max-width: 231px;
	padding: 0 8px;
	display: block;
	margin: auto;
	text-align: center;
	font-size: 14px;
}

	.video-box .video-image
	{
		display: block;
		position: relative;
		margin-bottom: 10px;
	}

		.video-box .video-image img
		{
			max-width: 100%;
		}

		.video-box .video-image:after
		{
			display: block;
			content: "";
			font-size: 0;
			width: 54px;
			height: 54px;
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -27px;
			margin-left: -27px;
			background: url("/COSImages/images/sprites.png") no-repeat -109px -32px;
		}

	.video-box:hover .video-image:after
	{
		opacity: 0.7;
	}

.slider-wrapper .slide-prev,
.slider-wrapper .slide-next
{
	display: block;
	width: 16px;
	height: 31px;
	font-size: 0;
	text-decoration: none;
	overflow: hidden;
	text-indent: 999em;
	position: absolute;
	top: 53px;
	background: url("/COSImages/images/sprites.png") no-repeat;
}

.slider-wrapper .slide-prev
{
	left: -15px;
	background-position: -198px -34px;
}

.slider-wrapper .slide-next
{
	right: -15px;
	background-position: -223px -34px;
}

.three-columns
{
	margin-bottom: -20px;
}

	.three-columns .col-left,
	.three-columns .col-center
	{
		width: 28.5%;
		float: left;
		padding-right: 30px;
	}

	.three-columns .col-right
	{
		width: 43%;
		float: right;
	}

	.three-columns ol
	{
		margin-left: 15px;
		color: #004481;
	}

	.three-columns .grey-box
	{
		min-height: 350px;
	}

.grey-box ol > li
{
	padding: 9px 0;
}

.questions-list,
.pages-list
{
	padding-bottom: 35px;
	margin: 0 -15px;
}

	.questions-list + .blue-button,
	.pages-list + .blue-button
	{
		margin-left: -15px;
	}

.blue-button
{
	display: inline-block;
	color: #fff;
	background: #027aad;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	padding: 5px 17px;
	line-height: 20px;
	border: none;
	cursor: pointer;
}

/*.no-touch .blue-button:hover {
  color: #004481;
  background-color: #bfd0df;
}*/

.news-item
{
	position: relative;
	padding: 0 0 20px 140px;
	min-height: 100px;
	color: #004481;
}

	.news-item .news-image
	{
		position: absolute;
		top: 0;
		left: 0;
	}

.news-box
{
	background: #bfd0df;
	padding-right: 10px;
}

.news-scroller
{
	height: 280px;
	overflow: auto;
	margin-top: 10px;
}

.facebook-feed,
.twitter-feed
{
	width: 48.5%;
	float: left;
	background-color: #fff;
	/** border: solid 1px #cfcfcf; */
	border: solid 1px #c6c9cc;
	padding: 30px 10px 20px 12%;
}

.facebook-feed
{
	background: #fff url("/COSImages/images/icon-facebook.png") no-repeat 25px 40px;
}

.twitter-feed
{
	float: right;
	background: #fff url("/COSImages/images/icon-twitter.png") no-repeat 25px 40px;
}

.feed-title
{
	color: #004481;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 22px;
	line-height: 26px;
	padding-bottom: 5px;
}

.feed-share
{
	height: 30px;
}

.feed-list > ul
{
	list-style: none;
	margin-left: 0;
}

	.feed-list > ul > li
	{
		padding: 9px 0;
	}

.feed-scroller
{
	height: 160px;
	overflow: auto;
}

.icon-lang{
   width 22px;
}

.social-media-face-book
{
    display: block;
    width: 22px;
    height: 22px;
    background: url("/COSImages/images/sprites.png") no-repeat;
    margin-right: 7px;
    background-position: -58px -61px;
    padding: 0 15px !important;
    float:left;
    line-height: 0; 
    font-size: 0;
    color: transparent; 
}

.social-media-twitter
{
    display: block;
    height: 22px;
    width: 22px;
    background: url("/COSImages/images/sprites.png") no-repeat;   
    margin-right: 7px;
    background-position: -59px -90px;
    padding: 0 15px !important;	
    float:left;
    line-height: 0; 
    font-size: 0;
    color: transparent; 
}

.social-media-linkedin
{
    display: block;
    height: 22px;
    width: 22px;
    background: url("/COSImages/images/sprites.png") no-repeat;   
    margin-right: 7px;
    background-position: -59px -147px;
    padding: 0 15px !important;
    float:left;
    line-height: 0; 
    font-size: 0;
    color: transparent;  
}

.social-media-googleplus
{
    display: block;
    height: 22px;
    width: 22px;
    background: url("/COSImages/images/sprites.png") no-repeat;
    margin-right: 0px;
    background-position:-59px -177px;
    padding: 0 0px !important;
    float:left;
    line-height: 0; 
    font-size: 0;
    color: transparent; 
}


.spanish-text 
{
    color:#000;
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 12px !important;
    width: 100% !important; 
    display:inline-block !important;
    margin-top: 10px !important;
    margin-left:5px !important;
    line-height: 18px;
}


.footer-columns
{
	background: #eaecf0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eaecf0), to(#ffffff));
	background: -webkit-linear-gradient(#eaecf0, #ffffff);
	background: -moz-linear-gradient(#eaecf0, #ffffff);
	background: -ms-linear-gradient(#eaecf0, #ffffff);
	background: -o-linear-gradient(#eaecf0, #ffffff);
	background: linear-gradient(#eaecf0, #ffffff);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eaecf0', endColorstr='#ffffff'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eaecf0', endColorstr='#ffffff')"; /* IE8 */
	padding: 30px 40px 35px;
	position: relative;
}

.footer-column
{
	float: left;
	width: 20%;
	padding: 0 10px;
}

	.footer-column:after
	{
		position: absolute;
		top: 30px;
		bottom: 35px;
		display: block;
		content: "";
		font-size: 0;
		/** border-left: solid 1px #cbcdcf; */
		border-left: solid 1px #c6c9cc;
		margin-left: -15px;
	}

	.footer-column:first-child:after
	{
		display: none;
	}

	.footer-column .footer-title
	{
		color: #004481;
		font-size: 22px;
		font-family: 'Source Sans Pro', sans-serif;
		line-height: 26px;
		margin-bottom: 15px;
	}

		.footer-column .footer-title, .footer-column .footer-title h3
		{
			font-size: 18px;
			line-height: 28px;
		}
	/*.footer-column .footer-title h3 {
  color: #004481;
  font-size: 22px;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 26px;
  margin-bottom: 0;
}*/

	.footer-column ul
	{
		list-style: none;
		margin-left: 0;
	}

		.footer-column ul > li
		{
			padding: 5px 0;
		}

.footer-subtitle
{
	color: #004481;
    font-family: 'Source Sans Pro', sans-serif;
    margin-bottom: 15px;
    font-size: 18px;
    /*line-height: 28px;*/
}

.footer-column .small-icons > li
{
	padding-left: 20px;
	position: relative;
}

	.footer-column .small-icons > li:before
	{
		display: block;
		content: "";
		position: absolute;
		top: 8px;
		left: 0;
		width: 16px;
		height: 16px;
		font-size: 0;
		background: url("/COSImages/images/sprites.png") no-repeat;
	}

	.footer-column .small-icons > li.icon-acrobat:before
	{
		background-position: 0 -38px;
	}

	.footer-column .small-icons > li.icon-powerpoint:before
	{
		background-position: 0 -64px;
	}

	.footer-column .small-icons > li.icon-word:before
	{
		background-position: -1px -91px;
	}

	.footer-column .small-icons > li.icon-excel:before
	{
		background-position: -1px -119px;
	}

.footer-column .social-links > li
{
	position: relative;
	padding-left: 32px;
}

	.footer-column .social-links > li:before
	{
		display: block;
		content: "";
		position: absolute;
		top: 3px;
		left: 0;
		width: 22px;
		height: 22px;
		font-size: 0;
		background: url("/COSImages/images/sprites.png") no-repeat;
	}

	.footer-column .social-links > li.icon-share:before
	{
		background-position: -59px -32px;
	}

	.footer-column .social-links > li.icon-facebook:before
	{
		background-position: -59px -61px;
	}

	.footer-column .social-links > li.icon-twitter:before
	{
		background-position: -59px -90px;
	}

	.footer-column .social-links > li.icon-youtube:before
	{
		background-position: -59px -119px;
	}

	.footer-column .social-links > li.icon-linkedin:before
	{
		background-position: -59px -147px;
	}

	.footer-column .social-links > li.icon-google-plus:before
	{
		background-position: -59px -176px;
	}

	.footer-column .social-links > li.icon-pinterest:before
	{
		background-position: -59px -227px;
	}

	.footer-column .social-links > li.icon-us:before
	{
		background-position: -59px -200px;
	}
.footer-column .social-links > li.icon-mobileapps:before
	{
		background: url("/COSImages/images/MobileAppIcon.png") no-repeat;
	}

/* leftnav begin*/
.leftnav-column
{
	/*float: left;
  width: 20%;*/
	width: 100%;
	padding: 0 10px;
}

	.leftnav-column:after
	{
		position: absolute;
		top: 30px;
		bottom: 35px;
		display: block;
		content: "";
		font-size: 0;
		/** border-left: solid 1px #cbcdcf; 
  border-left: solid 1px #c6c9cc;
  margin-left: -15px;*/
	}

	.leftnav-column:first-child:after
	{
		display: none;
	}

	.leftnav-column .leftnav-title
	{
		color: #004481;
		font-size: 22px;
		margin-bottom: 15px;
	}

		.leftnav-column .leftnav-title, .leftnav-column .leftnav-title h3
		{
			font-size: 81.25%;
		}
	/*.footer-column .footer-title h3 {
  color: #004481;
  font-size: 22px;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 26px;
  margin-bottom: 0;
}*/

	.leftnav-column ul
	{
		list-style: none;
		margin-left: 0;
	}



.leftnav-subtitle
{
	font-size: 16px;
	font-weight: bold;
	margin: -5px 0 5px;
	color: #004481;
}

.leftnav-column .small-icons > li
{
	padding-left: 20px;
	position: relative;
}

	.leftnav-column .small-icons > li:before
	{
		display: block;
		content: "";
		position: absolute;
		top: 8px;
		left: 0;
		width: 16px;
		height: 16px;
		font-size: 0;
		background: url("/COSImages/images/sprites.png") no-repeat;
	}

	.leftnav-column .small-icons > li.icon-acrobat:before
	{
		background-position: 0 -38px;
	}

	.leftnav-column .small-icons > li.icon-powerpoint:before
	{
		background-position: 0 -64px;
	}

	.leftnav-column .small-icons > li.icon-word:before
	{
		background-position: -1px -91px;
	}

	.leftnav-column .small-icons > li.icon-excel:before
	{
		background-position: -1px -119px;
	}

.leftnav-column .social-links > li
{
	position: relative;
	padding-left: 32px;
}

	.leftnav-column .social-links > li:before
	{
		display: block;
		content: "";
		position: absolute;
		top: 3px;
		left: 0;
		width: 22px;
		height: 22px;
		font-size: 0;
		background: url("/COSImages/images/sprites.png") no-repeat;
	}

	.leftnav-column .social-links > li.icon-share:before
	{
		background-position: -59px -32px;
	}

	.leftnav-column .social-links > li.icon-facebook:before
	{
		background-position: -59px -61px;
	}

	.leftnav-column .social-links > li.icon-twitter:before
	{
		background-position: -59px -90px;
	}

	.leftnav-column .social-links > li.icon-youtube:before
	{
		background-position: -59px -119px;
	}

	.leftnav-column .social-links > li.icon-linkedin:before
	{
		background-position: -59px -147px;
	}

	.leftnav-column .social-links > li.icon-google-plus:before
	{
		background-position: -59px -176px;
	}

	.leftnav-column .social-links > li.icon-pinterest:before
	{
		background-position: -59px -227px;
	}

	.leftnav-column .social-links > li.icon-us:before
	{
		background-position: -59px -200px;
	}
/*leftnav end */

.footer-bottom
{
	position: relative;
	border-top: solid 1px #c6c9cc;
	padding: 15px 50px 25px;
	font-size: 12px;
	line-height: 18px;
}

#badge
{
	position: absolute;
	top: -37px;
	left: 50%;
	margin-left: -37px;
}

.bottom-columns
{
	padding-bottom: 20px;
}

.bottom-column-left
{
	width: 40%;
	float: left;
	text-align: center;
}

.bottom-column-right
{
	width: 40%;
	float: right;
	text-align: center;
}

.bottom-columns strong
{
	color: #004481;
}

.text-center
{
	text-align: center;
}

/**.text-left {
  text-align: left;
}
**/
/**.text-right {
  text-align: right;
}
**/
.news-box .mCSB_scrollTools .mCSB_draggerRail
{
	/** background: #99a6b2; */
	background: #c6c9cc;
}

.news-box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
	/** border-color: #99a6b2; */
	border-color: #c6c9cc;
}

#banner
{
	position: absolute;
	z-index: 99;
	left: 0;
	top: 0;
	overflow: hidden;
	text-align: center;
	width: 100%;
	height: 353px;
}

/*#banner img {
  width: 100%;
}*/

#banner-frame
{
	height: 200px;
	border-left: solid 20px #fff;
	border-right: solid 20px #fff;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	margin-top: 3px;
}

	#banner-frame .page-title
	{
		position: absolute;
		bottom: -20px;
		left: 30px;
		background: rgb(255, 255, 255);
		background: rgba(255, 255, 255, 0.9);
		padding: 20px 25px 40px;
		-webkit-box-shadow: 0 0 15px #444;
		-moz-box-shadow: 0 0 15px #444;
		box-shadow: 0 0 15px #444;
		color: #004481;
	}

	#banner-frame h1
	{
		margin-bottom: 0;
	}

#ThreeSidebar
{
	width: 28.5%;
	float: left;
	padding: 5px 18px 15px;
}

#ThreeMainContentColumn
{
	width: 47%;
	float: left;
	padding: 0 7px 20px;
}

#ThreeRightContentColumn
{
	width: 24.3%;
	float: right;
	padding: 30px 9px 22px;
	/*margin-left: 35px;*/
}

#sidebar
{
	width: 28.5%;
	float: left;
	padding: 5px 18px 15px;
}

.responseContent 
{
padding-right:20px !important;
}

#content-column
{
	width: 69.3%;
	float: right;
	padding: 0 7px 20px;
}

#sidebar .grey-box
{
	background: #f0f1f4;
	padding: 25px;
	top: 20px;
}

	/**#sidebar .grey-box ul,
**/ #sidebar .grey-box ol
	{
		margin-left: 10px;
		color: #004481;
	}

	#sidebar .grey-box li
	{
		padding: 5px 0;
	}

#sidebar .blue-button
{
	margin-left: 10px;
}

.title-tabs
{
	text-align: center;
	white-space: nowrap;
	font-size: 20px;
}

	.title-tabs a
	{
		color: #fff;
		text-decoration: none;
		display: inline-block;
		vertical-align: top;
		margin: 0 2px;
		border-bottom: solid 5px #004481;
	}

		.no-touch .title-tabs a:hover,
		.title-tabs a.active
		{
			/** border-bottom: solid 5px #1a64a7; */
			border-bottom: solid 5px #027aad;
		}

.tab-content
{
	display: none;
}

	.tab-content.active
	{
		display: block;
	}

	.tab-content .questions-list,
	.tab-content .pages-list
	{
		margin: 0;
	}

#sidebar .sidebar-news
{
	padding-right: 10px;
	padding-left: 25px;
}

#sidebar .news-item
{
	padding-left: 100px;
}

	#sidebar .news-item .news-image
	{
		width: 90px;
		top: 5px;
	}

		#sidebar .news-item .news-image img
		{
			max-width: 100%;
		}

.page-top-share
{
	border-bottom: solid 1px #c6c9cc;
	padding: 10px 0;
}

.page-actions
{
	float: left;
}

	.page-actions a
	{
		display: block;
		float: left;
		height: 23px;
		background: url("/COSImages/images/sprites.png") no-repeat;
		font-size: 0;
		text-decoration: none;
		margin-right: 6px;
	}

	.page-actions .action-print
	{
		width: 22px;
		background-position: -111px -109px;
	}

	.page-actions .action-email
	{
		width: 26px;
		background-position: -145px -109px;
	}

	.page-actions .action-favorite
	{
		width: 22px;
		background-position: -182px -109px;
	}

.page-top-share .share-icons
{
	float: right;
}

img.align-right
{
	float: right;
	margin: 0 0 15px 15px;
}

/**img.align-left {
  float: left;
  margin: 0 15px 15px 0;
}
**/
/**img.align-center {
  display: block;
  margin: 0 auto 15px;
}
**/

/*changes made to H3 tag based on input from MN*/

.atozlistheader ul li a {
    display: inline-block !important;
}

#page-text a
{
	text-decoration: underline;
    display: inline;
}

	#page-text a:hover
	{
		text-decoration: underline;
	}

.page-text a
{
	text-decoration: none;
}

	.page-text a:hover
	{
		text-decoration: underline;
	}

.accordion-menu
{
	list-style: none;
	margin: 0 0 50px 0;
	background: #bfd0df;
	padding: 18px 18px;
}

	.accordion-menu > li
	{
		display: block;
		background: #fff;
		margin: 6px 0;
		font-size: 14px;
	}

		.accordion-menu > li > a
		{
			background: #fff;
			color: #004481;
			position: relative;
			display: block;
			line-height: 20px;
			padding: 6px 12px;
			text-decoration: none;
		}

		.accordion-menu > li.active > a,
		.no-touch .accordion-menu > li > a:hover
		{
			color: #fff;
			background: #027aad;
		}

/* Styles for the 5 levels.. Later we will do this by jQuery and remove this extra classes */
     .accordion-menu > li.active > span {
            padding:5%;
        }
        .accordion-menu > li.level3 > a
		{
			background: #a9bdc5;            
		}
        .accordion-menu > li.level4 > a
		{
			background: #c6c9cc;             
		}
        .accordion-menu > li.level5 > a
		{
			background: #D1D3D6;            
		}
             .accordion-menu > li.level3 > a:after
		{
			background: url("/COSImages/images/sprites.png")  no-repeat  -280px -256px !important;		  	
		    height: 10px;       
		}
        .accordion-menu > li.level4 > a:after
		{
			background: url("/COSImages/images/sprites.png") no-repeat -280px -273px !important; 		   	
		    height: 10px;         
		}
        .accordion-menu > li.level5 > a:after
		{
			background: url("/COSImages/images/sprites.png") no-repeat -280px -273px !important;		   	
		    height: 10px;       
		}
      
           .accordion-menu > li.level3 > a:hover::after
		{
			background: url("/COSImages/images/sprites.png")  no-repeat -230px -90px !important;		          
		}
        .accordion-menu > li.level4 > a:hover::after
		{
			background: url("/COSImages/images/sprites.png") no-repeat -230px -90px !important;			            
		}
        .accordion-menu > li.level5 > a:hover::after
		{
			background: url("/COSImages/images/sprites.png") no-repeat -230px -90px !important;			           
		}
      
        /*  end of new styles for multi level nav */
			.accordion-menu > li.active > a:after
			{
				display: block;
				top: 100%;
				left: 12px;
				content: "";
				font-size: 0;
				position: absolute;
				background: url("/COSImages/images/sprites.png") no-repeat -230px -90px;
				width: 21px;
				height: 11px;
			}

			.accordion-menu > li.active > a.change:after
			{
				display: block;
				top: 100%;
				left: 12px;
				content: "";
				font-size: 0;
				position: absolute;
				background: none;
				width: 21px;
				height: 11px;
			}


		.accordion-menu > li ul
		{
			list-style: none;
			margin: 0;
			display: none;
			padding: 7px 0 5px;
			zoom: 1;
			overflow: hidden;
		}

		.accordion-menu > li.active ul
		{
			display: block;
		}

		.accordion-menu > li ul li
		{
			padding: 3px 0;
		}

			.accordion-menu > li ul li a
			{
				display: block;
				color: #004481;
				line-height: 18px;
				padding: 2px 12px;
				text-decoration: none;
			}

				.accordion-menu > li ul li a:hover
				{
					color: #027aad;
				}

.search-box
{
	/**  background: #eff2f4; */
	background: #e5eaed;
	padding: 10px 15px 20px;
	margin: 25px 0;
}

#page-content .search-box
{
	background: #bfd0df;
}


.search-box label
{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
}

.search-box .field-keyword
{
	/*width: 260px;*/
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.search-box .field-location
{
	float: left;
	margin-bottom: 10px;
}

.search-box .blue-button
{
	float: right;
}

.search-box input[type="text"]
{
	vertical-align: middle;
	background: #fff;
	outline: none;
	/** border: solid 1px #c9cccf; */
	border: solid 1px #c9cccf;
	height: 32px;
	padding: 5px 3px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000;
	vertical-align: middle;
	margin-left: 5px;
}

.search-box .field-keyword input[type="text"]
{
	width: 200px;
}

.search-box .field-location input[type="text"]
{
	width: 130px;
}

.content-three-columns
{
}

	.content-three-columns .three-col
	{
		width: 33.333%;
		float: left;
		padding-left: 20px;
		padding-bottom: 30px;
	}

		.content-three-columns .three-col:first-child
		{
			padding-left: 0;
		}

		.content-three-columns .three-col:nth-child(3n+1)
		{
			clear: left;
			padding-left: 0;
		}

	.content-three-columns li
	{
		line-height: 18px;
		padding: 3px 0;
		color: #004481;
	}

	.content-three-columns .col-title
	{
		/** color: #222c33; */
		color: #000000;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 5px;
	}

#extra-nav-elements
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 31;
	display: none;
}

.fixed-nav #extra-nav-elements
{
	display: block;
}


#extra-nav-elements .elements-wrapper
{
	margin: auto;
	max-width: 1080px;
	position: relative;
}

#fixed-logo
{
	position: absolute;
	top: 5px;
	left: 5px;
}

	#fixed-logo img
	{
		max-height: 40px;
		padding-top: 8px;
	}

#fixed-search
{
	position: absolute;
	top: 0;
	right: 0;
}

	#fixed-search input[type="submit"]
	{
		display: none;
		width: 30px;
		height: 30px;
		position: absolute;
		z-index: 10;
		border: none;
		background: none;
		font-size: 0;
		top: 63px;
		right: 10px;
		padding: 0;
		margin: 0;
		cursor: pointer;
		background: url("/COSImages/images/sprites.png") no-repeat -266px -32px;
		display: none;
	}

	#fixed-search .input-toggle
	{
		width: 30px;
		height: 30px;
		position: absolute;
		top: 10px;
		right: 10px;
		background: url("/COSImages/images/sprites.png") no-repeat -266px -32px;
		border: none;
		font-size: 0;
		cursor: pointer;
		z-index: 1;
	}


	#fixed-search .input-wrapper
	{
		position: absolute;
		top: 55px;
		right: 0;
		width: 253px;
		cursor: pointer;
		display: none;
		background: #004481;
		text-align: left;
		padding-left: 10px;
	}

		#fixed-search .input-wrapper input
		{
			width: 190px;
			height: 35px;
			background: #e5eaed;
			padding: 8px;
			font-family: Arial,sans-serif;
			font-size: 14px;
			color: #004481;
			border: none;
			margin: 8px 0px;
		}

.submenu-title
{
	background: #bfd0df;
	color: #004481;
	font-size: 18px;
	padding: 20px 25px 5px;
	margin-bottom: -15px;
}

	.submenu-title a
	{
		text-decoration: none;
	}

#banner-content
{
	width: 100%;
	height: 355px;
	max-width: 1040px;
	background-position: center 100px;
	background-repeat: no-repeat;
	background-size: cover;
	margin: auto;
}

.linespacer
{
	background: url('/COSImages/images/sprites.png') no-repeat -8px -145px;
	width: 3px;
	height: 15px;
	margin-right: 3px;
}

.title-tabs a.first
{
	margin-right: 7px;
}

.hidden,
.hidden-label
{
	display: none;
}

#menu-toggle
{
	width: 44px;
	height: 30px;
	font-size: 0;
	text-decoration: none;
	background: url("/COSImages/images/sprites.png") no-repeat -135px -170px;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -15px;
	display: none;
}


#page-text .search-box label
{
	display: block;
	width: 55px;
	padding-left: 6px;
}

#page-text .search-box .formdesc
{
	margin: 5px 0 10px 0;
	padding-left: 6px;
}

#page-text .search-box .blue-button
{
	margin-top: 20px;
}

#page-text .search-box label + input
{
	width: 200px;
}

.page-text .search-box label
{
	display: block;
	width: 55px;
	padding-left: 6px;
}

.page-text .search-box .formdesc
{
	margin: 5px 0 10px 0;
	padding-left: 6px;
}

.page-text .search-box .blue-button
{
	margin-top: 20px;
}

.page-text .search-box label + input
{
	width: 200px;
}

.logo-text-1
{
	/** color: #000; */
	color: #004481;
	font-family: Verdana, Arial, sans-serif;
	font-size: 18px;
	line-height: 24px;
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
}

.logo-text-2
{
	/** color: #535353; */
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	/** font-size: 9px; */
	font-size: 10px;
	line-height: 15px;
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
	white-space: nowrap;
}

#footer .logo-text-2
{
	font-size: 11px;
	padding: 0 20px;
}

.logo-american-footer
{
	margin-top: 5px;
}

.logo-text-2 img
{
	vertical-align: top;
}

#sidebar .grey-box-tabs
{
	padding: 22px;
}


.mobileonly
{
	display: none;
}

.mobilespace
{
	margin-top: 20px;
}

.footer-bottom .mobile-phone-number
{
	/** color: #222c33; */
	color: #000000;
	text-decoration: none;
}

	.footer-bottom .mobile-phone-number:hover
	{
		text-decoration: underline;
	}

.magnify-icon
{
	padding-left: 13px !important;
	background-image: url("/COSImages/images/sprites.png");
	background-position: -201px -33px !important;
	background-repeat: no-repeat;
	-webkit-transition: background-position 0s linear;
	-moz-transition: background-position 0s linear;
	-o-transition: background-position 0s linear;
	-ms-transition: background-position 0s linear;
	transition: background-position 0s linear;
}

/*.magnify-icon:hover {
  background-position: -245px -226px !important;
}*/

.logo-break
{
	display: none;
}

.grey-box.search-box
{
	margin-top: 35px;
	padding-top: 25px;
}

.logo-footer
{
	text-align: center;
	padding: 10px 0;
}

	/**.logo-footer a {
  display: block;
  max-width: 70%;
  margin: auto;
}
**/
	/**.logo-footer a img {
  max-width: 100%;
  width: auto;
  height: auto;
}
**/
	/**.logo-footer .logo-text-1,
**/ .logo-footer .logo-text-2
	{
		white-space: normal;
	}

/**.logo-footer .logo-text-1 {
  font-size: 16px;
}
**/

#page-text img
{
	max-width: 100%;
	height: auto;
}

#videoTitle
{
	padding-left: 41%;
}


.accordion-menu > li ul li span
{
	padding-left: 12px;
	display: block;
}

.tools-MapDivLeft
{
	font-size: 81.25%;
	text-align: left;
	width: 70%;
}

.tools-MapDivRight
{
	font-size: 81.25%;
	text-align: left;
}

.printOnly
{
	display: none;
}

#headerPrint
{
	display: none;
}

.page-break
{
	display: none;
}

.datasec
{
	padding-top: 28px;
}
.startContent {
    left: -1000em !important;
    position: absolute !important;
    width: 20em !important;
}
.footerlinks {
    padding: 4px !important;
}

/*.res-button
{
cursor:pointer; 
/*margin-left:9px !important; */
/*margin-right:15px !important; 
float:right; 
width:100px; 
padding-left: 0px !important;
font-size: 15px;
margin-top: 10px !important;
}*/

.cssV2 ul.error-messages-stand-alone-leftnav {
    color: red;
    font-size: 81.25%;
    padding: 10px;
    background: #e2e6eb;
    behavior: url("/js/PIE.htc");
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    margin: 10px 0px;
    border: 1px solid #8d9cab;
    width: 100%;
    display: none;
}

.cssV2 ol, .cssV2 ul {
    list-style: none;
}

.cssV2 {
    font: 16px Verdana,Arial,sans-serif;
}

.cssV2 .grid-group {
    overflow: hidden;
    width: 100%;
    margin-left:-6px;
}

.field-select {
    float: left;
    margin-top: 5px !important;
    margin-bottom: 20px !important;
    margin-right: 10px !important;
}

.field-select select
      {
      display: block;
      float: left;
      line-height: 27px;
      height: 30px;
      padding: 4px;
      font-size: 12px;
      margin: 0px;
      }


/* Responsive CSS */

@media print
{

	.printOnly
	{
		display: block;
	}

	#header
	{
		display: none;
	}

	#headerPrint
	{
		display: block;
	}

	.MegaMenu
	{
		display: none;
	}

	#subPagebanner
	{
		display: none;
	}

	#banner-frame
	{
		display: none;
	}

	#sidebar
	{
		display: none;
	}

	#content-column
	{
		float: none;
		padding: 0 19px 20px;
		width: 100%;
	}

	.COSHomePageFooter
	{
		display: none;
	}

	.page-top-share
	{
		display: none;
	}

	.page-break
	{
		display: block;
		height: 5px;
	}

	.show-on-mobile
	{
			display: none;
	}

	.footer-links
	{
		display: none;
	}

	
}

@media only screen and (max-width: 1080px)
{

	.tools-MapDivLeft
	{
		font-size: 81.25%;
		text-align: left;
		width: 70%;
	}

	.tools-MapDivRight
	{
		font-size: 81.25%;
		text-align: left;
	}

	.accordion-menu > li ul li span
	{
		padding-left: 12px;
	}

	#videoTitle
	{
		padding-left: 41%;
	}

	#navigation > li > a /**,
  #navigation > li > h3**/
	{
		padding-left: 13px;
		padding-right: 5px;
		font-size: 18px;
	}

	#logo-images img
	{
		max-width: 400px;
	}

	#top-search .form-label
	{
		display: none;
	}

	.title-tabs a
	{
		font-size: 16px;
	}
	/*.grey-box .blue-title, .submenu-search-box .subtitle
	{
		font-size: 19px;
	}*/

}


@media only screen and (max-width: 960px)
{
	.accordion-menu > li ul li span
	{
		padding-left: 12px;
	}

	#slideshow > div
	{
		background-position: 60% 40px;
		background-size: cover;
	}

	.tools-MapDivLeft
	{
		font-size: 81.25%;
		text-align: left;
		width: 70%;
	}

	.tools-MapDivRight
	{
		font-size: 81.25%;
		text-align: left;
		width: 30%;
	}
	/*#navigation-row {
    height: 38px;
}*/


	/*.grey-box .blue-title, .submenu-search-box .subtitle
	{
		font-size: 18px;
	}*/
}

@media only screen and (max-width: 920px)
{

	.accordion-menu > li ul li span
	{
		padding-left: 12px;
	}

	#videoTitle
	{
		padding-left: 31%;
	}

	#header
	{
		overflow: hidden;
	}

	/*.grey-box .blue-title, .submenu-search-box .subtitle
	{
		font-size: 17px;
	}*/
	#logo-images img
	{
		max-width: 300px;
	}

	#logo
	{
		margin-left: 20px;
	}

	#header-right
	{
		padding-right: 20px;
	}

	#navigation > li > a
	{
		font-size: 14px;
		padding-right: 4px;
		padding-left: 10px;
	}

	/*.fixed-nav #navigation > li > a {
    font-size: 14px;
  }*/

	#slideshow-frame
	{
		border-left: none;
		border-right: none;
	}

	#page-content
	{
		padding-left: 20px;
		padding-right: 20px;
	}

	.blue-buttons a
	{
		font-size: 12px;
		padding-left: 2px;
		padding-right: 2px;
		width: 23.5%;
	}

	#fixed-logo,
	#fixed-search
	{
		/*display: none;*/
	}

	.title-tabs
	{
		margin-left: -10px;
	}

		.title-tabs a
		{
			font-size: 14px;
		}

			.title-tabs a.first
			{
				margin-right: 4px;
			}

	.linespacer
	{
		margin-right: 0;
	}

	#logo-text
	{
		margin-top: -5px;
	}

	.logo-break
	{
		display: inline;
	}

	.logo-text-1
	{
		font-size: 16px;
	}

	.tools-MapDivLeft
	{
		font-size: 81.25%;
		text-align: left;
		width: 70%;
	}

	.tools-MapDivRight
	{
		font-size: 81.25%;
		text-align: left;
		width: 30%;
	}
}

@media only screen and (max-width: 768px)
{
	/*.grey-box .blue-title, .submenu-search-box .subtitle
	{
		font-size: 13px;
	}*/

	#map
	{
		display: none;
	}

	.accordion-menu > li ul li span
	{
		padding-left: 12px;
	}

	.MegaMenu
	{
		height: 55px;
	}

	.fixed-nav #header
	{
		margin-bottom: 0;
	}

	.fixed-nav #navigation-row
	{
		position: relative;
	}

	#navigation > li > a
	{
		padding-left: 3px;
		padding-right: 3px;
		font-size: 14px;
	}

	#top-search .form-label
	{
		display: none;
	}

	/*In Iphone 6 the input keywords are cut off*/
	#top-search input[type="text"]
	{
		width: 149px;
	}

	.three-columns
	{
		max-width: 520px;
		margin: auto;
	}

		.three-columns .col-left,
		.three-columns .col-center,
		.three-columns .col-right
		{
			width: 100%;
			float: none;
			margin: 0 0 30px;
			padding: 0;
		}

		.three-columns .col-right
		{
			margin-bottom: 0;
		}

		.three-columns .grey-box
		{
			min-height: 0;
		}

	.questions-list,
	.pages-list
	{
		padding-bottom: 15px;
	}

	.three-columns .position-bottom
	{
		position: static;
		left: auto;
		bottom: auto;
	}

	.footer-column
	{
		width: 33.333%;
		margin: 0 auto 30px;
	}

		.footer-column:nth-child(3n+1)
		{
			clear: left;
		}

		.footer-column:after
		{
			display: none;
		}

	/*leftnav begin*/
	.leftnav-column
	{
		/*width: 33.333%;*/
		margin: 0 auto 30px;
	}

		.leftnav-column:nth-child(3n+1)
		{
			clear: left;
		}

		.leftnav-column:after
		{
			display: none;
		}
	/*leftnav end*/

	.content-three-columns .three-col
	{
		width: 50%;
	}

		.content-three-columns .three-col:nth-child(3n+1)
		{
			clear: none;
			padding-left: 20px;
		}

		.content-three-columns .three-col:nth-child(odd)
		{
			clear: left;
			padding-left: 0;
		}

	.blue-buttons a
	{
		font-size: 12px;
		padding-left: 2px;
		padding-right: 2px;
		width: 32%;
	}

	.logo-text-1
	{
		font-size: 14px;
	}

	.tools-MapDivLeft
	{
		font-size: 81.25%;
		text-align: left;
		width: 100%;
	}

	.tools-MapDivRight
	{
		font-size: 81.25%;
		text-align: left;
		width: 100%;
	}

	.LeftNavSearchback
	{
		display: none;
	}
}

@media only screen and (min-width: 641px) and (max-width: 840px)
{

	.accordion-menu > li ul li span
	{
		padding-left: 12px;
	}

	.frame-box
	{
		width: 50%;
		max-width: 320px;
		left: 0;
	}

		/**  .frame-box.nth-child-1 {
    left: 0;
  }
**/
		.frame-box:nth-child(2)
		{
			left: auto;
			right: 0;
		}
		/**  .frame-box.nth-child-2 {
    left: auto;
    right: 0;
  }
**/
		.frame-box:nth-child(3)
		{
			left: 0;
			top: 0;
			bottom: auto;
		}
		/**  .frame-box.nth-child-3 {
    left: 0;
    top: 0;
    bottom: auto;
  }
**/
		.frame-box:nth-child(4)
		{
			right: 0;
			top: 0;
			bottom: auto;
		}
			/**  .frame-box.nth-child-4 {
    right: 0;
    top: 0;
    bottom: auto;
  }
**/
			.frame-box:nth-child(3) > div,
			.frame-box:nth-child(3) > div,
			/**.frame-box.nth-child-3 > div,
  **/ .frame-box:nth-child(4) > div /**,
  .frame-box.nth-child-4 > div**/
			{
				padding-top: 10px;
			}

			.frame-box:nth-child(3) .box-title:before,
			/**.frame-box.nth-child-3 .box-title:before,
  **/ .frame-box:nth-child(4) .box-title:before /**,
  .frame-box.nth-child-4 .box-title:before**/
			{
				background-position: -193px 0;
				top: 100%;
				margin-top: 1px;
			}

			.frame-box:nth-child(3):hover .box-title,
			/**.frame-box.nth-child-3:hover .box-title,
  **/ .frame-box:nth-child(4):hover .box-title /**,
  .frame-box.nth-child-4:hover .box-title**/
			{
				margin-top: 0;
			}


	.facebook-feed,
	.twitter-feed
	{
		background-position: 10px 20px;
	}
}


@media only screen and (max-width: 640px)
{
.datasec
{
	padding-top: 0px;
}
	.accordion-menu > li ul li span
	{
		padding-left: 12px;
	}

	body
	{
		padding-bottom: 0;
	}


	#ThreeSidebar
	{
		width: 100%;
		float: none;
	}



	#ThreeMainContentColumn
	{
		width: 100%;
		float: none;
	}



	#ThreeRightContentColumn
	{
		width: 100%;
		float: none;
	}

	.mobileonly
	{
		display: block;
	}

	.mobileonly h1 {
    margin-top: 1em;
	color:#004481;
    }

	.desktoponly
	{
		display: none;
	}

	#slideshow > div
	{
		background-position: 60% top;
		background-size: cover;
	}

	#banner-content
	{
		background-position: center 20px;
	}

	#logo
	{
		display: none;
	}

	#logo-mobile
	{
		display: block;
		float: left;
		padding: 13px 0 0 20px;
		max-width: 70%;
	}

		#logo-mobile a
		{
			display: block;
		}

		#logo-mobile img
		{
			max-width: 100%;
			Logo Careeronestop careeronestop your source for career exploration, training & jobs Sponsored by the U. S. Department of Labor. A proud partner of the american job center network. Español;
		}

	#navigation-row,
	#languages,
	#top-search
	{
		display: none;
	}

	#menu-toggle
	{
		display: block;
	}

	#header
	{
		height: 78px;
		z-index: 100;
		overflow: visible;
	}

	#slideshow-frame
	{
		height: auto;
		padding-top: 0px;
	}

	#slideshow-wrapper
	{
		top: 78px;
	}

	#slideshow,
	#slideshow > div
	{
		height: 250px !important;
	}

	#slideshow-frame .frame-boxes,
	#slideshow-frame .frame-box
	{
		width: 100%;
		padding: 0;
		position: static;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
	}

	#slideshow-frame .frame-box
	{
		border-top: solid 1px #fff;
	}

		#slideshow-frame .frame-box > div
		{
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			padding: 0;
		}

		#slideshow-frame .frame-box .box-title
		{
			text-align: left;
			padding: 15px 50px 15px 20px;
			font-size: 25px;
			line-height: 28px;
			cursor: pointer;
			margin: 0;
		}

	.frame-box .box-title:before
	{
		background-position: -193px 0;
		right: 15px;
		left: auto;
		margin-left: 0;
		top: 50%;
		margin-top: -5px;
	}

	.frame-box .box-expand
	{
		max-height: 1000px;
		display: none;
		padding: 10px 20px 15px 20px;
		border-top: solid 1px #fff;
	}

	#slideshow-pager
	{
		display: none;
	}

	#slideshow-wrapper
	{
		display: none;
	}

	#banner
	{
		display: none;
	}

	#banner-frame
	{
		display: none;
	}

	#page-content
	{
		padding-top: 0;
		padding-bottom: 20px;
		margin-top: 45px;
	}

	.home #page-content
	{
		margin-top: 45px;
	}

	.blue-buttons a
	{
		width: 100%;
		float: none;
		margin-right: 0;
		font-size: 20px;
		height: auto;
		line-height: 25px;
		padding: 10px 5px;
	}

	.blue-buttons-wrapper .buttons-left,
	.blue-buttons-wrapper .buttons-right
	{
		float: none;
		width: 100%;
	}

	.blue-buttons-wrapper .buttons-right
	{
		padding-top: 20px;
		margin-top: 15px;
		border-top: solid 2px #b9bfc2;
		/*border-top: solid 2px #48b7f0;*/
	}

	.blue-buttons-wrapper:before
	{
		display: none;
	}

	.grey-box
	{
		padding-left: 30px;
		padding-right: 30px;
	}

	.facebook-feed,
	.twitter-feed
	{
		width: 100%;
		float: none;
	}

	.facebook-feed,
	.twitter-feed
	{
		margin-bottom: 20px;
		padding-left: 80px;
		background-position: 10px 30px;
	}

	.footer-columns
	{
		background: #fff;
		padding: 0;
		/** border-top: solid 2px #c4c7ca; */
		border-top: solid 2px #c6c9cc;
	}

	.footer-column
	{
		width: 100%;
		float: none;
		padding: 0;
		/** border-bottom: solid 2px #c4c7ca; */
		border-bottom: solid 2px #c6c9cc;
		margin: 0;
	}

		.footer-links a,
		.footer-column .footer-title
		{
			color: #004481;
			font-size: 32px;
			cursor: pointer;
			line-height: 35px;
			padding: 10px 40px 10px 20px;
			position: relative;
			background: #EAECF0;
			background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EAECF0), to(#F2F3F6));
			background: -webkit-linear-gradient(#EAECF0, #F2F3F6);
			background: -moz-linear-gradient(#EAECF0, #F2F3F6);
			background: -ms-linear-gradient(#EAECF0, #F2F3F6);
			background: -o-linear-gradient(#EAECF0, #F2F3F6);
			background: linear-gradient(#EAECF0, #F2F3F6);
			margin: 0;
		}

		.footer-column .footer-title /**,
  .footer-column .footer-title h3**/
		{
			font-size: 18px;
			line-height: 28px;
		}

			.footer-column .footer-title:after
			{
				width: 20px;
				height: 10px;
				position: absolute;
				top: 50%;
				margin-top: -5px;
				right: 15px;
				display: block;
				content: "";
				font-size: 0;
				background: url("/COSImages/images/sprites.png") no-repeat -231px -90px;
			}

		.footer-column.expanded .footer-title:after
		{
			background-position: -129px -227px;
		}

		.footer-column ul
		{
			display: none;
		}

			.footer-column ul li
			{
				background: #fff;
				/** border-top: solid 2px #e2e2e2; */
				border-top: solid 2px #e5eaed;
				padding: 10px 30px;
			}

				.footer-column ul li a
				{
					text-decoration: none;
					font-size: 15px;
				}

	.footer-subtitle
	{
		display: none;
		padding: 10px 20px 10px;
		/** border-top: solid 2px #e2e2e2; */
		border-top: solid 2px #e5eaed;
		font-size: 18px;
		font-weight: 400;
	}

	.footer-column .small-icons > li
	{
		padding-left: 55px;
	}

		.footer-column .small-icons > li:before
		{
			left: 30px;
			top: 12px;
		}
	/*leftnav begin*/
	.leftnav-column
	{
		width: 100%;
		float: none;
		padding: 0;
		/** border-bottom: solid 2px #c4c7ca; */
		border-bottom: solid 2px #c6c9cc;
		margin: 0;
	}

		.leftnav-links a,
		.leftnav-column .leftnav-title
		{
			color: #004481;
			font-size: 32px;
			cursor: pointer;
			line-height: 35px;
			padding: 10px 40px 10px 20px;
			position: relative;
			background: #EAECF0;
			background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EAECF0), to(#F2F3F6));
			background: -webkit-linear-gradient(#EAECF0, #F2F3F6);
			background: -moz-linear-gradient(#EAECF0, #F2F3F6);
			background: -ms-linear-gradient(#EAECF0, #F2F3F6);
			background: -o-linear-gradient(#EAECF0, #F2F3F6);
			background: linear-gradient(#EAECF0, #F2F3F6);
			margin: 0;
		}

		.leftnav-column .leftnav-title /**,
  .footer-column .footer-title h3**/
		{
			font-size: 18px;
			line-height: 28px;
		}

			.leftnav-column .leftnav-title:after
			{
				width: 20px;
				height: 10px;
				position: absolute;
				top: 50%;
				margin-top: -5px;
				right: 15px;
				display: block;
				content: "";
				font-size: 0;
				background: url("/COSImages/images/sprites.png") no-repeat -231px -90px;
			}

		.leftnav-column.expanded .leftnav-title:after
		{
			background-position: -129px -227px;
		}

		.leftnav-column ul
		{
			display: none;
		}

			.leftnav-column ul li
			{
				background: #fff;
				/** border-top: solid 2px #e2e2e2; */
				border-top: solid 2px #e5eaed;
				padding: 10px 30px;
			}

				.leftnav-column ul li a
				{
					text-decoration: none;
					font-size: 15px;
				}

	.leftnav-subtitle
	{
		display: none;
		padding: 10px 20px 10px;
		/** border-top: solid 2px #e2e2e2; */
		border-top: solid 2px #e5eaed;
		font-size: 16px;
		font-weight: 400;
	}

	.leftnav-column .small-icons > li
	{
		padding-left: 55px;
	}

		.leftnav-column .small-icons > li:before
		{
			left: 30px;
			top: 12px;
		}
	/*leftnav end*/

	.footer-bottom
	{
		margin: 50px 0 0;
		padding: 50px 10px 0;
	}

	.bottom-column-left,
	.bottom-column-right
	{
		width: 100%;
		float: none;
	}

	.bottom-column-left
	{
		margin-bottom: 20px;
	}

	#sidebar,
	#content-column
	{
		width: 100%;

		 /*float: none;*//* removed to fix credential responsivess only title*/
	}

	#ThreeSidebar
	{
		width: 100%;
		float: none;
	}



	#ThreeMainContentColumn
	{
		width: 100%;
		float: none;
	}



	#ThreeRightContentColumn
	{
		width: 100%;
		float: none;
	}

	#sidebar
	{
		padding-top: 22px;
	}

	#banner-frame
	{
		margin-bottom: 0;
		border-left: none;
		border-right: none;
	}

	#navigation-row
	{
		height: auto;
		position: absolute !important;
		top: 90px;
		left: 0;
		width: 100%;
		padding-top: 68px;
		background: #004481;
	}

	#navigation,
	#navigation > li,
	#navigation > li > a
	{
		display: block;
		width: 100%;
	}

	#navigation
	{
		border-top: solid 1px #1c5486;
	}

		#navigation > li
		{
			padding: 0;
			border-bottom: solid 1px #1c5486;
		}

			#navigation > li > a
			{
				text-align: left;
				border-bottom: solid 1px #1c5486;
				position: relative;
				padding: 10px 30px 10px 15px;
				font-size: 24px !important;
				height: auto;
				line-height: 30px;
			}

			#navigation > li > h3
			{
				display: block;
				text-align: left;
				padding-right: 30px;
				position: relative;
			}

				#navigation > li > h3:after
				{
					position: absolute;
					right: 10px;
					top: 50%;
					margin: -25px 0 0 0;
				}


			#navigation > li > a:after
			{
				position: absolute;
				top: 50%;
				margin-top: -25px;
				right: 20px;
			}

			#navigation > li > a.expanded,
			#navigation > li > h3.expanded
			{
				background: #f1f2f3;
				color: #004481;
				border-bottom-color: #ccc;
			}

				#navigation > li > a.expanded:after,
				#navigation > li > h3.expanded:after
				{
					/*background-position: -88px 19px;*/
					background-position: -129px -227px;
					top: 86%;
				}

		#navigation .submenu
		{
			display: none;
			position: static;
			left: auto;
			top: auto;
			width: 100%;
			background: #fff;
			padding: 0;
		}

		#navigation .expanded + .submenu
		{
			margin-bottom: -1px;
		}

		#navigation .submenu-left-column:after
		{
			display: none;
		}

		#navigation .submenu .subtitle,
		#navigation .submenu .submenu-search-box,
		#navigation .submenu .grey-box
		{
			/*display: none;*/
		}

		#navigation .submenu .subtitle
		{
			padding: 10px 20px;
			margin: 1rem 0;
			border-bottom: 1px solid #e4e6e7;
		}

		#navigation .submenu-four-columns .submenu-col,
		#navigation .submenu-five-columns .submenu-col,
		#navigation .submenu-col,
		#navigation .submenu-left-column,
		#navigation .submenu-right-column
		{
			width: 100%;
			float: none;
			padding: 0;
		}

		#navigation .submenu-columns + .submenu-columns
		{
			padding-top: 0;
		}

		#navigation .submenu .col-title,
		#navigation .submenu .subtitle
		{
			background: #fafafa;
			border-bottom: solid 1px #e4e6e7;
			color: #004481;
			margin: 0;
			padding: 10px 20px;
			font-size: 16px;
			/*cursor: pointer;*/
			width: 100%;
			left: 0;
			top: 0;
			margin: 0;
			position: relative;
		}

			#navigation .submenu .col-title a
			{
				color: #004481;
				text-decoration: none;
				display: block;
			}

				#navigation .submenu .col-title a:hover
				{
					text-decoration: underline;
				}

			#navigation .submenu .col-title.expanded,
			#navigation .submenu .col-title.expanded a,
			#navigation .submenu .subtitle.expanded,
			#navigation .submenu .subtitle.expanded a
			{
				background: #d1dde8;
				color: #004481;
			}

			#navigation .submenu .subtitle > span
			{
				display: inline-block;
				cursor: pointer;
			}

			#navigation .submenu .subtitle:hover > span
			{
				text-decoration: underline;
			}

		#navigation .submenu ul
		{
			list-style: none;
			margin: 0;
			padding: 0;
			background: #fafafa;
			display: none;
		}

			#navigation .submenu ul li
			{
				border-bottom: solid 1px #e4e6e7;
				padding: 10px 10px 10px 35px;
			}

		#navigation .submenu .subtitle:before
		{
			display: none;
		}

		#navigation .submenu-search-box
		{
			padding: 0;
			margin: 0;
			background: #fafafa;
		}

		#navigation .submenu-search-box-inner
		{
			padding: 10px 20px;
			border-bottom: 1px solid #e4e6e7;
		}

		#navigation .submenu-search-box input[type="text"]
		{
			border: solid 1px #ccc;
		}

	.career-image
	{
		display: none;
	}

	.submenu-title
	{
		cursor: pointer;
		background: #027aad;
		margin: 0 -20px 10px;
		padding: 15px;
		font-size: 20px;
		color: #fff;
		position: relative;
	}

		.submenu-title a
		{
			color: #fff;
		}

		.submenu-title.expanded
		{
			margin-bottom: 0;
		}

		.submenu-title:after
		{
			width: 20px;
			height: 10px;
			display: inline-block;
			content: "";
			font-size: 0;
			background: url("/COSImages/images/sprites.png") no-repeat -193px 0;
			position: absolute;
			top: 50%;
			right: 15px;
			margin-top: -10px;
		}

		.submenu-title.expanded:after
		{
			background-position: -153px 0;
		}

	.accordion-menu
	{
		margin-left: -20px;
		margin-right: -20px;
		/*display: none;*/
	}

	#banner-frame .page-title
	{
		display: none;
	}

	.footer-links
	{
		font-size: 0;
		margin: 20px -10px 0;
	}

		.footer-links a
		{
			display: block;
			border-top: solid 2px #c4c7ca;
			margin: 0;
			font-size: 18px;
			line-height: 22px;
			text-align: left;
			text-decoration: none;
		}

	#header-right
	{
		position: static;
	}

	.footer-column .social-links li
	{
		padding-left: 60px;
	}

	.footer-column .social-links > li:before
	{
		left: 30px;
		top: 9px;
	}
	/*leftnav begin*/
	.leftnav-links
	{
		font-size: 0;
		margin: 20px -10px 0;
	}

		.leftnav-links a
		{
			display: block;
			border-top: solid 2px #c4c7ca;
			margin: 0;
			font-size: 18px;
			line-height: 22px;
			text-align: left;
			text-decoration: none;
		}


	.leftnav-column .social-links li
	{
		padding-left: 60px;
	}

	.leftnav-column .social-links > li:before
	{
		left: 30px;
		top: 9px;
	}
	/*leftnav end*/
	.show-on-mobile
	{
		display: block;
	}

	.tabs-title
	{
		display: none;
	}

	#sidebar .tab-content
	{
		display: block !important;
	}

	#sidebar .grey-box-tabs
	{
		background: none;
	}

	.title-tabs a
	{
		font-size: 20px;
	}

	#navigation .submenu a
	{
		display: block;
	}

	#top-search
	{
		top: 105px;
		position: absolute;
		left: 20px;
		right: 20px;
	}

		#top-search form
		{
			float: none;
		}

		#top-search input[type="text"]
		{
			width: 100%;
			padding-right: 35px;
			float: none;
		}

		#top-search input[type="button"]
		{
			position: absolute;
			top: 5px;
			right: 5px;
		}

	.content-three-columns .three-col:last-child
	{
		padding-bottom: 0;
	}

	#sidebar .grey-box:last-child
	{
		margin-bottom: 0;
	}

	#sidebar .submenu-title + .accordion-menu + .grey-box
	{
		margin-top: 40px;
	}

	.footer-bottom .mobile-phone-number
	{
		color: #004481;
		text-decoration: none;
	}

	.submenu-search-box-inner
	{
		display: none;
	}

	.footer-sposors-text
	{
		display: none;
	}

	.tools-MapDivLeft
	{
		font-size: 81.25%;
		text-align: left;
		width: 100%;
	}

	.tools-MapDivRight
	{
		font-size: 81.25%;
		text-align: left;
		width: 100%;
	}

	.LeftNavSearchback
	{
		display: none;
	}
}

@media only screen and (max-width: 576px)
{
	.tools-MapDivLeft
	{
		font-size: 81.25%;
		text-align: left;
		width: 100%;
	}

	.tools-MapDivRight
	{
		font-size: 81.25%;
		text-align: left;
		width: 100%;
	}

	.LeftNavSearchback
	{
		display: none;
	}

	.accordion-menu > li ul li span
	{
		padding-left: 12px;
	}

	#navigation .submenu ul.text-list
	{
		display: none !important;
	}
}

@media only screen and (max-width: 480px)
{
	.tools-MapDivLeft
	{
		font-size: 81.25%;
		text-align: left;
		width: 100%;
	}

	.tools-MapDivRight
	{
		font-size: 81.25%;
		text-align: left;
		width: 100%;
	}

	.LeftNavSearchback
	{
		display: none;
	}

	.accordion-menu > li ul li span
	{
		padding-left: 12px;
	}

	.news-item
	{
		padding-left: 0;
		min-height: 50px;
	}

		.news-item .news-image
		{
			display: none;
		}

	.facebook-feed,
	.twitter-feed
	{
		padding-top: 85px;
		padding-left: 10px;
		background-position: 10px 5px;
	}

	.content-three-columns .three-col
	{
		width: auto;
		float: none;
		padding-left: 0;
	}

		.content-three-columns .three-col:nth-child(3n+1)
		{
			padding-left: 0;
		}
}

@media only screen and (min-width: 641px)
{
	.accordion-menu > li ul li span
	{
		padding-left: 12px;
	}

	.frame-box:hover .box-expand
	{
		max-height: 400px;
	}

	.frame-box:hover .box-title
	{
		border-bottom: solid 1px #fff;
		margin: -15px 0 20px;
		padding-bottom: 10px;
	}

		.frame-box:hover .box-title:before
		{
			background-position: -193px 0;
			top: 100%;
			margin-top: 1px;
		}

	#logo-mobile
	{
		display: none;
	}

	.frame-box .box-expand
	{
		display: block !important;
	}

	.footer-subtitle,
	.footer-column ul
	{
		display: block !important;
	}

	#navigation .submenu ul
	{
		display: list-item !important;
	}

	.show-on-mobile
	{
		display: none;
	}

	#navigation-row,
	#top-search
	{
		display: block !important;
	}

	.submenu-search-box-inner
	{
		display: block !important;
	}
}

/*Autocomplete for location boxes*/
.autocomplete
{
	border: 1px solid #999;
	background: #FFF;
	cursor: default;
	text-align: left;
	max-height: 350px;
	overflow: auto;
	font-size: 63%; /* IE6 specific: */
	_height: 350px;
	_margin: 0;
	_overflow-x: hidden;
}

	.autocomplete .selected
	{
		background: #b9e5fb;
	}

	.autocomplete div
	{
		padding: 2px 5px;
		white-space: nowrap;
		overflow: hidden;
	}

	.autocomplete strong
	{
		font-weight: normal;
		color: #3399FF;
	}

.OutreachTrainingWidgetTop
{
	background-image: url("/COSImages/outreachTraining.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	height: 37px;
	width: 201px;
}

.Wiredblueprint
{
	background-color: #1096d3;
	background-image: url("http://www.careeronestop.org/COSImages/Wired_ProcessStepsBottomRight.gif");
	background-position: right bottom;
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: 110%;
	padding: 10px;
	width: 200px;
}

/* CP Styles*/
.learn-more-topics
{
	overflow: hidden;
}

.topic-box
{
	border: 1px solid #e2e5ea;
	float: left;
	margin: 0 10px 0 0;
	width: 30%;
	position: relative;
	min-height: 180px;
}

.preIE8 .topic-box
{
	width: 30%;
}

.topic-box.last-box
{
	margin: 0;
}

.topic-box .topic-header
{
	font: bold 92% Verdana, Arial, sans-serif;
	height: 55px;
	/*font-weight: bold;
    font-size: 81.25%;*/
	color: #004481;
	padding: 0px 10px 10px 10px;
}

.preIE8 .topic-box .topic-header
{
	height: 35px;
}

.topic-content a
{
	font-size: 90%;
	font-weight: bold;
}

.topic-box .topic-header
{
	background-color: #d4ecf6;
}

	.topic-box .topic-header span
	{
		display: block;
		float: left;
		margin: -4px 10px 0 0;
	}

.topic-box .topic-content
{
	font: 100% Verdana, Arial, sans-serif;
	padding: 20px 15px;
}

.topic-box li
{
	margin-bottom: 10px;
}

.topic-box .cta-heading
{
	color: #004481;
	font-size: 81.25%;
	font-weight: bold;
	width: 160px;
}

.topic-box p
{
	font-size: 92%;
	color: #000;
	line-height: 1.5;
	margin-bottom: 1em;
}

@media only screen and (max-width: 960px)
{
	.three-columns .topic-box
	{
		width: 100%;
		float: none;
		margin: 0 0 10px;
		padding: 0;
                min-height:140px;
	}

	.tools-MapDivLeft
	{
		font-size: 81.25%;
		text-align: left;
		width: 100%;
	}

	.tools-MapDivRight
	{
		font-size: 81.25%;
		text-align: left;
		width: 100%;
	}

	.LeftNavSearchback
	{
		display: none;
	}
}

.sprite-icons-icon-growth,
.sprite-icons-icon-binoculars,
.sprite-icons-icon-person-plus,
.sprite-icons-icon-book-plus,
.sprite-icons-icon-spyglass,
.sprite-icons-icon-grad-hat,
.sprite-icons-icon-graduate,
.sprite-icons-icon-ribbon,
.sprite-icons-icon-person-glass,
.sprite-icons-icon-play,
.sprite-icons-icon-job-search,
.sprite-icons-icon-search-glass,
.sprite-icons-icon-left-arrow-white,
.sprite-icons-icon-left-arrow
{
	background-image: url(/COSImages/images/icons.png);
	background-repeat: no-repeat;
}

.sprite-icons-icon-growth
{
	background-position: 0px 0px;
	width: 30px;
	height: 42px;
}

.sprite-icons-icon-binoculars
{
	background-position: -30px 0px;
	width: 34px;
	height: 35px;
}

.sprite-icons-icon-person-plus
{
	background-position: -64px 0px;
	width: 34px;
	height: 34px;
}

.sprite-icons-icon-book-plus
{
	background-position: 0px -42px;
	width: 34px;
	height: 33px;
}

.sprite-icons-icon-spyglass
{
	background-position: -34px -42px;
	width: 33px;
	height: 33px;
}

.sprite-icons-icon-grad-hat
{
	background-position: -98px 0px;
	width: 33px;
	height: 32px;
}

.sprite-icons-icon-graduate
{
	background-position: -98px -32px;
	width: 26px;
	height: 29px;
}

.sprite-icons-icon-ribbon
{
	background-position: -67px -42px;
	width: 26px;
	height: 27px;
}

.sprite-icons-icon-person-glass
{
	background-position: 0px -75px;
	width: 26px;
	height: 27px;
}

.sprite-icons-icon-play
{
	background-position: -26px -75px;
	width: 17px;
	height: 17px;
	display: block;
}

	.sprite-icons-icon-play:hover
	{
		background-position: -61px -75px;
		width: 17px;
		height: 17px;
		display: block;
	}

.sprite-icons-icon-job-search
{
	background-position: -43px -75px;
	width: 17px;
	height: 17px;
	display: inline-block;
	margin: 0 5px;
}

.sprite-icons-icon-search-glass
{
	background-position: -80px -73px;
	width: 17px;
	height: 17px;
	display: inline-block;
	margin: 0 5px;
}

.sprite-icons-icon-left-arrow
{
	background-position: -98px -61px;
	width: 11px;
	height: 11px;
	display: inline-block;
	margin: 0 5px;
}

.sprite-icons-icon-left-arrow-white
{
	background-position: -113px -61px;
	width: 11px;
	height: 11px;
	display: inline-block;
	margin: 0 5px;
}

.video img
{
	max-width: 100%;
	height: auto;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 0px solid #FFFFFF;
}

.video-icon-module
{
	padding-bottom: 10px;
	margin-bottom: 40px;
}

	.video-icon-module h4
	{
		font-size: 22px;
		font-weight: 400;
		font-family: Verdana, Arial, sans-serif;
	}

	.video-icon-module p
	{
		font-size: 13px;
		font-family: Verdana, Arial, sans-serif;
	}

	.video-icon-module .module-inner
	{
		padding: 20px 25px 10px 30px;
	}

.module.orange
{
	background-color: #A56716;
}

.module-inner
{
	padding: 15px;
	color: #FFF;
}

/*.video{
  padding:0px 25px 5px 30px;
  margin: 0 0 0 0;
}*/

@media only screen and (max-width: 920px)
{
	.video-icon-module h4
	{
		font-size: 18px;
	}

	.video-icon-module p
	{
		font-size: 12px;
	}

	.video-icon-module .module-inner
	{
		padding: 10px 10px 10px 15px;
	}
	/*.video {
  padding:0px 10px 5px 15px;
  }*/
}

.home-modules-links
{
	margin-bottom: 15px;
	height: 307px;
	width: 680px;
	border: 1px solid #e2e5ea;
	background: url(/COSImages/images/main-home-image.jpg) no-repeat;
}

	.home-modules-links h3
	{
		font-size: 32px;
		font-weight: 400;
		color: #004481;
		width: 320px;
		margin: 30px 0 0 25px;
		font-family: Verdana, Arial, sans-serif;
	}

	.home-modules-links ul
	{
		margin: 20px 0 0 45px;
		font-family: Verdana, Arial, sans-serif;
	}

	.home-modules-links li
	{
		display: inline-block;
		float: left;
		clear: both;
		margin: 5px 0;
		background-color: #0397d6;
		overflow: hidden;
	}

		.home-modules-links li a
		{
			color: #FFFFFF;
			text-decoration: none;
			padding: 10px 0px 5px 5px;
			float: left;
			font-size: 16px;
			width: 160px;
		}

		.home-modules-links li:hover
		{
			background-color: #004481;
		}

		.home-modules-links li a:hover
		{
			background-position: 90% -27px;
		}

		.home-modules-links li span.icon
		{
			display: block;
			float: left;
			margin: 5px 10px;
		}

@media only screen and (max-width: 970px)
{
	.home-modules-links
	{
		width: 100%;
	}
}

@media only screen and (max-width: 350px)
{
	.home-modules-links
	{
		height: 275px;
	}

		.home-modules-links h3
		{
			width: 100%;
			margin: 0 0 0 0;
			font-size: 24px;
			padding: 15px 22px 0 12px;
		}

		.home-modules-links ul
		{
			margin: 0 0 0 10px;
		}

		.home-modules-links li a
		{
			font-size: 14px;
			width: 130px;
		}

	.tools-MapDivLeft
	{
		font-size: 81.25%;
		text-align: left;
		width: 100%;
	}

	.tools-MapDivRight
	{
		font-size: 81.25%;
		text-align: left;
		width: 100%;
	}

	.LeftNavSearchback
	{
		display: none;
	}
       #sidebar 
	{
		padding: 5px 10px 15px;
	}
}

@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2) { 
#sidebar 
	{
		padding: 5px 10px 15px;
	}
}


/* End CP Styles*/

#fixed-search input[type="button"]
{
	display: none;
	width: 30px;
	height: 30px;
	position: absolute;
	z-index: 10;
	border: none;
	background: none;
	font-size: 0;
	top: 63px;
	right: 10px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	background: url("/COSImages/images/sprites.png") no-repeat -264px -32px;
	display: none;
}

/*Landing page - share icons needs space in the responsive mode*/
.addthis_button_facebook
{
	padding: 0 4px;
}

	.addthis_button_facebook at300b
	{
		padding: 0 4px;
	}

.share-icons div a
{
	padding: 0 4px;
}

/* The four resource tabs in the home page is having spacing issue in tablets*/


/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)
{
	.megamenu
	{
		height: 55px;
	}

	#videoTitle
	{
		padding-left: 41%;
	}
}

/*.MegaMenu
{
height: 55px;
}*/

/*changes made to H3 tag based on input from MN*/

#page-text h3
{
	font-family: arial, sans-serif;
	margin: 0 0 9px 0;
	Font-weight: Normal;
}

#page-text ul li
{
	margin: 9px 1em;
}

.subtitle h2
{
	padding: 17px 0 5px 0;
}


/*Media query to apply CSS for IE Browser*/
@media screen and (min-width:0\0)
{
	/* Enter CSS here */

	/*#banner-frame {

  margin-top:-18px;
}*/

}



/*Media query to apply CSS for chrome Browser*/

@media screen and (-webkit-min-device-pixel-ratio:0)
{
	/*#banner-frame {

  margin-top:-18px;
}*/

}

/* iPhone6  (landscape) ----------- */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape)
{
	body #languages
	{
		display: none;
	}
}


/* Add to fix the MegaMenu disorting the landing/sub page componetns while moving down*/

.MegaMenu
{
	height: 50px;
}

.CredentialTopNavigation
{
	height: 50px;
}
.DRSTopNavigation
{
	height: 50px;
}
.YouthTopNavigation
{
	height: 50px;
}
/*Iphone is showing text boxes with rounded corners*/
input[type=submit]
{
	-webkit-border-radius: 0px;
}

.search-box .field-keyword input[type="text"]
{
	-webkit-border-radius: 0px;
}

.search-box .field-location input[type="text"]
{
	-webkit-border-radius: 0px;
}

/*iPad mini in portrait*/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)
{
	.accordion-menu > li ul li span
	{
		display: block;
	}
}

/* ipad Mini Portrait */
@media only screen and (width:768px) and (resolution: 163dpi)
{
	.accordion-menu > li ul li span
	{
		display: block;
		padding-left: 12px;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1)
{
	.accordion-menu > li ul li span
	{
		display: block;
		padding-left: 12px;
	}
}

  .Responsivetitle {
      font-family: "Source Sans Pro",sans-serif;
      font-size: 18px;
      line-height: 22px;
      margin-right: 160px;      
      width: 100%;
       /*padding: 14px 0 5px;*/
      float: none;
      }

  /*.first
{
	text-align: left;
	width: 35%;
}*/

/* Inline styles */

#logo {
    line-height: 80% !important;
}
/*.logo-text-1 {
    line-height:80% !important;
}*/
a.logo-text {
    text-decoration: none !important;
}

.logo-text-2 {
    font-size: 11px !important;
}

#langId {
    cursor: pointer !important;
}

.CredSearch {
    font-size: 83% !important;
}

.ul-style {
    list-style: none !important;
    padding-left: 10px !important;
}

.list-style {
    list-style: disc !important;
}

.divBtn {
    text-align: right !important;
}

.input-Search {
    font-size: 15px !important;
    padding: 2px 48px !important;
}

.div-download {
    padding-bottom: 4px;
}

.footerlinks {
    padding: 4px !important;
}

.clear {
    clear: both;
}

.top-search {
    background: none repeat scroll 0 0 #e5e5e5;
    float: right;
    padding: 5px 10px;
}

#fixed-search .input-wrapper {
    padding-left: 0px;
}

.startContent {
    position: absolute !important;
    left: -1000em !important;
    width: 20em !important;
}
.HiddenLabel
{
	display:none !important;  /* Also used for tridion styles */
}

/* iPads (portrait) ----------- */
@media only screen and (max-width: 1080px) {
    .logo-subtitle {
        margin-left: 70px;
        margin-top: -21px;
    }
}
@media only screen and (max-width: 960px) {

	.logo-subtitle  {
        margin-left: 70px;
        margin-top: -21px;
    }

    #UImap{
      display:none;
    }
}
@media only screen and (max-width: 920px) {
.logo-subtitle  {
        margin-left: 70px;
        margin-top: -21px;
    }
}
@media only screen and (max-width: 768px) {
     .logo-subtitle  {
        margin-left: 70px;
        margin-top: -21px;
    }
}
@media only screen and (min-width: 641px) and (max-width: 840px) {
    .logo-subtitle  {
        margin-left: 70px;
        margin-top: -21px;
    }
}
@media only screen and (max-width: 640px) {
    .footerline {
        border-bottom: solid 2px #c4c7ca;
    }
}


@media only screen and (max-width: 576px) {
     .logo-subtitle  {
        margin-left: 70px;
        margin-top: -21px;
    }
}
@media only screen and (max-width: 480px) {
    .logo-subtitle  {
        margin-left: 69px;
        margin-top: -21px;
    }
}
@media only screen and (max-width: 460px) {
    .logo-subtitle  {
        margin-left: 69px;
        margin-top: -21px;
    }
}
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    .logo-subtitle  {
        margin-left: 69px;
        margin-top: -21px;
    }
}
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 1) {
     .logo-subtitle  {
        margin-left: 69px;
        margin-top: -21px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 360px) and (-webkit-device-pixel-ratio: 2) {
     .logo-subtitle  {
        margin-left: 59px;
        margin-top: -21px;
    }
}
@media only screen and (min-device-width : 360px) and (max-device-width : 640px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
     .logo-subtitle  {
        margin-left: 69px;
        margin-top: -21px;
    }
}
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
     .logo-subtitle  {
        margin-left: 69px;
        margin-top: -21px;
    }
}
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 3) {
    .logo-subtitle  {
        margin-left: 69px;
        margin-top: -21px;
    }
}
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    .logo-subtitle  {
        margin-left: 69px;
        margin-top: -21px;
    }
}
@media only screen and (min-width: 641px) {
    .logo-subtitle  {
        margin-left: 69px;
        margin-top: -21px;
    }
}

@media only screen and (max-width: 640px) {
    .footerline {
        border-bottom: solid 2px #c4c7ca;
    }
}
/* end Inline styles */
