/* =Reset CSS
-------------------------------------------------------------- */

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;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

/* =Global CSS
-------------------------------------------------------------- */
body {
	background: url('../images/bg.png');
	color: #000000;
	font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 1;
	margin: 110px auto 0 auto;
	}
	
.hidden {
	display: none;
}
	
hr {
	clear: both;
	background-color: #d7d7d7;
	border: 0;
	height: 1px;
	margin: 40px 0;
	width: 100%;
}

h1 {
	color: #001d38;
	font-family: Joanna, Georgia, 'Times New Roman', Times, serif;
	font-size: 55px;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
	width: 85%;
}
	
h2 {
	color: #00578e;
	font-family: Joanna, Georgia, 'Times New Roman', Times, serif;
	font-size: 30px;
	font-style: italic;
	font-weight: normal;
	line-height: 32px;
	margin: 10px 0 0 0;
	padding: 0;
	width: 760px;
}

h3 {
	color: #00578e;
	font-family: Roboto, 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
	font-size: 30px;
	font-weight: bold;
	line-height: 32px;
	margin: 0 0 20px 0;
	padding: 0;
}

h4 {
	color: #0078a9;
	font-family: Roboto, 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 22px;
	margin: 0 0 15px 0;
	padding: 20px 0 0 0;
}

	h4.best-accomplishment span {
		color: #549433;
		font-family: Georgia, Joanna, 'Times New Roman', serif; 
		font-size: 30px; 
		font-style: italic; 
		font-weight: normal; 
		line-height: normal;
	}
	
	h4 img {
		display: block;
		float: left;
		margin: 0 10px 0 0;
	}

h5 {
	color: #2f2f2f;
	font-family: Roboto, 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	margin: 0 0 5px 0;
	padding: 0;
	
}

img {
	border: none;
}

p {
	line-height: 20px;
	margin: 0 0 20px 0;
}

	p.quote {
		color: #0079aa;
		font-family: Joanna, Georgia, 'Times New Roman', Times, serif;
		font-size: 20px;
		font-weight: normal;
		line-height: 26px;
	}

	p.attr {
		font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
		font-size: 14px;
		line-height: normal;
		overflow: hidden;
	}

	p.footnote {
		border-top: 1px solid #d7d7d7;
		clear: both;
		font-size: 10px;
		line-height: 12px;
		padding: 15px 0 0 0;
	}

ol, ul {
	margin: 0 0 20px 25px;
}

	ol li, ul li {
		line-height: 20px;
		margin: 10px 0 0 0;
		padding: 0 0 0 8px;
	}
	
		ul li {
			list-style-image: url('../images/bullet.png');
		}
		
table {
	line-height: 18px;
	margin: 15px 0 30px 0;
}
	table th {
		border-bottom: 1px solid #afb1b4;
		color: #afb1b4;
		text-align: left;
	}
	
	table td {
		padding: 10px 30px 10px 0;
	}
		
sup {
    font-size: 50%;
	vertical-align: top;
	content: "+";
} 

a {
	color: #0079aa;
	font-weight: bold;
	text-decoration: none;
}

	a span.hidden {
		display: none;
	}

	a:hover {
		text-decoration: underline;
	}
	
	a.btn {
		background: #0078a8;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00578e), to(#0078a8)); 
		background: -webkit-linear-gradient(top, #0078a8, #00578e);
		background: -moz-linear-gradient(top, #0078a8, #00578e);
		background: -ms-linear-gradient(top, #0078a8, #00578e);
		border-radius: 15px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		color: #ffffff;
		display: block;
		font-size: 13px;
		height: 35px;
		line-height: 35px;
		position: absolute;
		right: 0;
		top: 5px;
		text-align: center;
		text-decoration: none;
		text-shadow: 1px 1px #00568d;
		text-transform: uppercase;
		width: 150px;
	}

span.download {
	display: none;
}
	
#page-container {
}

#header {
	background: url('../images/bg-header.png') repeat-x #06223a;
	box-shadow: 0 0 6px 0 #06223a;	
	-moz-box-shadow: 0 0 6px 0 #06223a; 
	-webkit-box-shadow: 0 0 6px 0 #06223a; 			
	height: 110px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}

#header-topnav,
#header-mainnav {
	color: #ffffff;
	position: relative;
	margin: 0 auto;
	width: 960px;
}

	#header-topnav {
		background: url('../images/icon-flag.png') no-repeat 0 center;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 11px;
		height: 22px;
		line-height: 22px;
	}
	
		#header-topnav a {
			color: #ffffff;
		}
	
		#header-topnav .official {
			float: left;
			padding-left: 30px;
		}
		
		#header-topnav .links {
			float: right;
		}
		
	#header-mainnav {
	}
	
		#header-mainnav a.hsin-logo {
			left: 0;
			position: absolute;
			top: -5px;
		}


#subnav {
	margin: 0;
	padding: 0;
	text-align: right;
	width: 180px;
}

	#subnav li {
		line-height: 16px;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
		#subnav li a {
			display: block;
			padding: 15px;
			text-decoration: none;
		}
		
			#subnav li a.selected {
				background: #0079aa;
				color: #ffffff;
			}
			
	#subnav li ul li a {
		font-weight: normal !important;
		padding: 5px 15px !important;
	}

#page-content {
	background: url('../images/bg-dhsoverlay.png') 520px -100px no-repeat;
	margin: 0 auto;
	padding: 30px 0 0 0;
	position: relative;
	width: 960px;
}

	#page-content #columns {
		background: url('../images/bg-columns.png') repeat-y 179px 0;
		margin: 35px 0 0 0;
		padding: 0;
	}
	
	#page-content .noborder {
		border-top: none !important;
		padding-top: 0 !important;
	}
	
	#page-content .cols {
		float: left;
	}

	#page-content #col1 {
		min-height: 1px;
		width: 180px;
	}
	
	#page-content #col2 {
		padding: 0 60px 0 30px;
		width: 420px;
	}
	
	#page-content #col2-wide {
		padding: 0 30px;
		width: 680px;
	}
	
	#page-content #col3 {
		width: 265px;
	}
	
	#page-content .sub-col {
		float: left;
		margin: 0 30px 0 0;
		padding: 0;
		width: 190px;
	}
		#page-content .sub-col h4,
		#page-content .sub-col p {
			text-align: center;
			padding: 0 !important;
		}

#footer {
	border-top: 1px solid #d7d7d7;
	clear: both;
	color: #464646;
	font-size: 11px;
	font-weight: bold;
	margin: 75px auto;
	padding: 15px 0 0 0;
	position: relative;
	width: 960px;
}

	#footer p.tagline {
		color: #f36523;
		font-family: 'Times New Roman';
		font-size: 24px;
		font-style: italic;
		margin-top: 15px;
	}
	
	#footer a.download-pdf {
		background: url('../images/bg-downloadpdf.png') no-repeat;
		display: block;
		font-size: 18px;
		height: 90px;
		padding: 77px 0 0 39px;
		position: absolute;
		right: 0;
		top: -50px;
		width: 300px;
	}
	
.slider {
    -ms-touch-action: pan-y; /* Prevent default touch actions on Windows 8. Only required for IE10 */
    overflow: auto; /* Not required but recommended for accessibility when JavaScript is turned off */
    position: relative;
    touch-action: pan-y; /* Prevent default touch actions on Windows 8. Supported in IE11+ */
}
	



/* =Home Page CSS
-------------------------------------------------------------- */

#skip {
	height: 10px;
	position: absolute;
	left: 0;
	bottom: 70px;
	width: 10px;
}

#billboard {
	position: relative;
}

	#billboard #title {
		margin: 0 auto; 
		width: 960px;
	}
	
		#billboard #title .img-title {
			position: absolute;
			bottom: 5px;
			z-index: 100;
		}

	.billboard-slider {
		height: 450px;
		margin: 0 auto;
		max-width: 1655px;
		padding: 0;
		width: 100%;
	}
	
		.billboard-slider div {
			background-repeat: no-repeat;
			background-position: center;
			height: 450px;
			text-align: center;
		}
	
	.billboard-slider .as-prev-arrow,
	.billboard-slider .as-next-arrow {
		background: url('../images/pagination.jpg') no-repeat;
		cursor: pointer;
		display: block;
		filter: alpha(opacity=0.5);
		height: 50px;
		opacity: 0.5;
		overflow: hidden;
		position: absolute;
		text-indent: 100%;
		top: 200px;
		white-space: nowrap;
		width: 50px;
		z-index: 1;
	}
	
	.billboard-slider .as-prev-arrow {
		left: 0;
	}
	
	.billboard-slider .as-next-arrow {
		background-position: -50px 0;
		right: 0;
	}
	
	.slider:hover .as-prev-arrow,
	.slider:hover .as-next-arrow {
		filter: alpha(opacity=1);
		opacity: 1;
	}
	
	.as-nav {
		display: none;
	}

/* =Success Stories CSS
-------------------------------------------------------------- */

#success-container {
	background: #337639;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#337639), to(#549534)); 
	background: -webkit-linear-gradient(top, #549534, #337639);
	background: -moz-linear-gradient(top, #549534, #337639);
	background: -ms-linear-gradient(top, #549534, #337639);
	color: #ffffff;
	margin: 45px 0;
	padding: 30px 0 10px 0;
	position: relative;
}

.success-slider {
	margin: 0 auto;
	padding: 0;
	width: 960px;
}

	.success-slider h3 {
		color: #ffffff;
		font-size: 24px;
		line-height: 30px;
	}
	
	.success-slider section.story {
		border-right: 1px solid #ffffff;
		float: left;
		margin: 0 0 0 80px;
		padding: 0 30px 0 0;
	}
	
	.success-slider section.quote {
		clear: right;
		float: right;
		margin: 0 80px 20px 0;
		padding: 0 0 0 30px;
	}
	
		.success-slider section.quote p {
			font-family: Joanna, Georgia, 'Times New Roman', Times, serif;
			font-size: 20px;
			font-weight: normal;
			line-height: 26px;
		}
	
		.success-slider section.quote p.attr {
			font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
			font-size: 14px;
			line-height: normal;
			overflow: hidden;
		}
		
	.success-slider .as-prev-arrow,
	.success-slider .as-next-arrow {
		background: url('../images/pagination.png') no-repeat;
		cursor: pointer;
		display: block;
		filter: alpha(opacity=0.25);
		height: 50px;
		opacity: 0.25;
		overflow: hidden;
		position: absolute;
		text-indent: 100%;
		top: 120px;
		white-space: nowrap;
		width: 50px;
		z-index: 1;
	}
	
	.success-slider .as-prev-arrow {
		left: 0;
	}
	
	.success-slider .as-next-arrow {
		background-position: -50px 0;
		right: 0;
	}



/* =Graphics CSS
-------------------------------------------------------------- */

img.goal {
	display: block;
	height: 120px;
	margin: 0 37px 15px 37px;
	width: 120px;
}

img.assessment {
	display: block;
	height: 155px;
	margin: 0 auto 15px auto;
	width: 155px;
}

img.portrait {
	display: block;
	height: 120px;
	margin: 60px 0 10px 0;
	width: 120px;
}

img.portrait-sm {
	display: block;
	float: left;
	height: auto;
	margin: 0 10px 10px 0;
	width: 60px;
}

img.introimg {
	border: 8px solid #ffffff;
	background: #cccccc;
	box-shadow: 0 0 10px 0 #abadaf;	
	-moz-box-shadow: 0 0 10px 0 #abadaf; 
	-webkit-box-shadow: 0 0 10px 0 #abadaf; 			
	display: block;
	float: right;
	height: 225px;
	margin: 0 0 30px 30px;
	width: 300px;
}

img.chart-sm {
	display: block;
	float: left;
	margin: 15px 15px 45px 0;
}

img.chart-med {
	display: block;
	float: right;
	margin: 0 60px 30px 30px;
}

img.chart-lrg {
	display: block;
	margin: 15px 0 30px 0;
}

img.logoimg {
	float: left; 
	margin: 0 15px 15px 0;
}

img.tenyear {
	margin-bottom: 25px;
}

img.timeline {
	width: 100%;
}


	
/* =Content CSS
-------------------------------------------------------------- */

p.esc-attr {
	color: #464646;
	font-size: 12px;
	line-height: normal;
	width: 200px;
}

ul#exec-stats {
	color: #464646;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

	ul#exec-stats li {
		line-height: normal;
		list-style: none;
		margin: 0 0 30px 0;
		overflow: hidden;
		padding: 0;
	}
	
	ul#exec-stats img {
		height: 83px;
		float: left;
		margin: 0 10px 30px 0;
		width: 80px;
	}

	ul#exec-stats span.stat {
		color: #00578e;
		font-family: Roboto, 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
		font-size: 40px;
		font-weight: bold;
		letter-spacing: -1px;
		line-height: 42px;
	}
	
	ul#exec-stats span.statfact {
		color: #00578e;
		display: block;
		font-family: Roboto, 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
		font-size: 20px;
		font-weight: bold;
		line-height: 22px;
	}
	
	ul#exec-stats li a {
		display: block;
		margin: 15px 0 0 0;
	}

.goal {
	float: left;
	padding: 0 30px 0 0;
	width: 195px;
}

	.goal h4 {
		text-align: center;
	}
	
#methodology-assessment h4 {
	color: #00578e;
	font-size: 20px;
	line-height: 24px;
}

	#methodology-assessment h4 span {
		font-family: Joanna, Georgia, 'Times New Roman', Times, serif;
		font-style: italic;
		font-size: 18px;
		line-height: 20px;
		font-weight: normal;
	}
	
ul#assessment-cols {
	margin: 0;
	padding: 0;
}

	ul#assessment-cols li {
		color: #464646;
		float: left;
		font-family: Joanna, Georgia, 'Times New Roman', Times, serif;
		font-style: italic;
		list-style: none;
		margin: 0 0 30px 0;
		padding: 0 15px;
		text-align: center;
		width: 280px;
	}
	
	ul#assessment-cols li a {
		display: block;
		font-family: Roboto, 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
		font-size: 22px;
		font-style: normal;
		line-height: 24px;
	}

#assessment-categories {
	position: absolute;
	top: 45px;
	right: 0;
}

	#assessment-categories li {
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#assessment-categories li a {
		background: url('../images/btn-1.png') no-repeat 0 -30px;
		color: #ffffff;
		display: block;
		float: left;
		font-size: 16px;
		font-weight: bold;
		height: 28px;
		line-height: 26px;
		margin: 0 3px;
		text-align: center;
		text-decoration: none;
		width: 28px;
	}
	
	#assessment-categories li a:hover {
		background: url('../images/btn-1.png') no-repeat 0 0;
	}
	
	#assessment-categories li a.selected {
		background: url('../images/btn-1.png') no-repeat 0 0;
		
	}
	
ul.hsin-glance {
}
	ul.hsin-glance li {
		float: left;
		height: 100px;
		list-style: none;
		margin: 0 30px 10px 0;
		padding: 0;
		width: 275px;
	}
	
		ul.hsin-glance li span {
			display: block;
			font-weight: bold;
			font-color: #888888;
			margin-top: 20px;
		}
		
		ul.hsin-glance img {
			float: left; 
			margin-right: 10px;
		}



/* =Tablet
================================================== */

	@media only screen and (min-width: 200px) and (max-width: 959px) {
	
		.rmm ul ul {max-width: none !important;}
		.rmm ul ul li {max-width: none !important;}
		.rmm ul ul li a{max-width: none !important;}
		
	}

    /* Note: Design for a width of 876px */

    @media only screen and (min-width: 876px) and (max-width: 959px) {
		
		#header-topnav {
			padding: 0 30px 0 0;
			width: auto;
		}
		
		#header-mainnav {
			padding: 0;
			margin: 0;
			width: auto;
		}
		
		#header-mainnav a.hsin-logo {
			left: 15px;
		}
		
		a.btn {
			display: none;
		}
		
		span.download {
			display: inline;
		}
		
		#page-content {
			background: url('../images/bg-dhsoverlay.png') 380px -100px no-repeat;
			margin-bottom: 60px;
			width: 768px;
		}

		#page-content #col2 {
			padding: 0 30px 0 30px;
			width: 360px;
		}

		#page-content #col2-wide {
			padding-right: 0px;
			width: 480px;
		}

		#page-content #col3 {
			width: 165px;
		}
		
		#billboard #title {
			width: 768px;
		}
		
		#billboard #title .img-title {
			left: 25px;
		}
		
		.billboard-slider {
			height: 250px;
		}

			.billboard-slider div {
				height: 250px;
			}

		.billboard-slider .as-prev-arrow,
		.billboard-slider .as-next-arrow {
			top: 100px;
		}
		
		#assessment-categories {
			display: none;
		}
		
		p.esc-attr {
			width: auto;
		}
        
		ul#exec-stats img {
			display: none;
		}
		
		.goal {
			width: 130px;
		}
		
			.goal img.goal {
				margin: 0 10px 15px 10px;
			}
		
		img.chart-lrg {
			height: auto;
			width: 480px;
		}
		
		img.chart-med {
			height: auto;
			width: 50%;
		}
		
		img.tenyear {
			height: auto;
			width: 90%;
		}
		
		img.portrait-sm {
			height: auto;
			width: 50px;
		}
		
		#skip-epic {
			top: 520px;
		}

		#footer {
			padding: 30px;
			margin: 0 auto;
			width: 708px;
		}
		
			#footer #copy {
				width: 300px;
			}

		#success-container {
			display: none;
		}
    }


/* =Mobile [Large]
================================================== */

    /* Note: Design for a width under 875 */

    @media only screen and (min-width: 725px) and (max-width: 875px) {
		
		.rmm {margin: 10px 0 0 0 !important;}
		
		#header {
			height: 80px;
		}
		
		#header-topnav {
			padding: 0 30px 0 0;
			width: auto;
		}
		
		#header-mainnav {
			padding: 0;
			margin: 0;
			width: auto;
		}
		
		#header-mainnav a.hsin-logo,
		#header-mainnav img.hsin-logo {
				display: none;
			}
		
		a.btn {
			display: none;
		}
		
		span.download {
			display: inline;
		}
		
		#page-content #columns {
			background: none;
		}
		
		#page-content {
			background: none;
			margin: 0 15px;
			padding: 0;
			width: auto;
		}
		
		#page-content #col2 {
			margin: 0;
			padding: 0 30px;
			width: 300px;
		}

		#page-content #col2-wide {
			padding: 0 0 0 30px;
			width: 465px;
		}

		#page-content #col3 {
			margin: 0;
			padding: 0;
			width: 150px;
		}
		
		img.img-title {
			height: auto;
			width: 75%;
		}
		
		#billboard {
			display: none;
		}
		
		#assessment-categories {
			display: none;
		}
		
		p.esc-attr {
			width: auto;
		}
		
        
		ul#exec-stats img {
			display: none;
		}
		
		ul.hsin-glance li {
			width: 275px;
		}
		
		img.introimg {
			display: none;
		}
		
		img.chart-lrg {
			height: auto;
			width: 480px;
		}
		
		img.chart-med {
			height: auto;
			width: 50%;
		}
		
		img.tenyear {
			height: auto;
			margin: 0 0 15px 0;
			width: 100%;
		}
		
		img.portrait-sm {
			height: auto;
			width: 50px;
		}
		
		p.quote {
			font-size: 16px;
			line-height: 20px;
		}
		
		#footer {
			padding: 30px 0 0 0;
			margin: 0 10px;
			width: auto;
		}
		
			#footer a.download-pdf {
				display: none;
			}

		#success-container {
			display: none;
		}
    }

/* =Mobile [Small]
================================================== */

    /* Note: Design for a width under 724 */

    @media only screen and (min-width: 200px) and (max-width: 724px) {
		
		.rmm {margin: 0 !important;}
		.rmm.style ul li a {padding: 15px 35px 15px 15px !important;}
		
		#header {
			height: 71px;
		}
		
		hr {
			margin: 15px 0;
		}
		
		h1 {
			font-size: 25px;
			line-height: normal;
			width: auto;
		}
		
		h2, h3, h4 {
			font-size: 20px;
			line-height: normal;
			margin-bottom: 10px;
		}
			
		#header-topnav {
			background: none;
			padding: 0;
			width: auto;
		}
		
			#header-topnav .official {
				display: none;
			}
		
			#header-topnav .links {
				margin-right: 15px;
			}
		
		#header-mainnav {
			padding: 0;
			width: auto;
		}
		
		#header-mainnav a.hsin-logo {
			left: 15px;
		}
		
		#header-mainnav a.hsin-logo {
			top: 5px;
		}
		
			img.hsin-logo {
				height: auto;
				width: 110px;
			}
		
		a.btn {
			display: none;
		}
		
		span.download {
			display: inline;
		}
		
		#subnav {
			display: none;
		}
		
		#page-content #columns {
			background: none;
		}
		
		#page-content {
			background: none;
			margin: 0 15px;
			padding: 0;
			width: auto;
		}
		
		#page-content #col2 {
			padding: 0;
			width: 100%;
		}

		#page-content #col2-wide {
			padding: 0px;
			width: 100%;
		}

		#page-content #col3 {
			width: 100%;
		}
		
		#billboard {
			display: none;
		}
		
		#assessment-categories {
			display: none;
		}
		
		p.esc-attr {
			display: none;
		}
		
		.goal {
			float: none;
			padding: 0;
			width: auto;
		}

			.goal h4 {
				text-align: left;
			}
		
		img.goal {
			display: none;
		}
        
		ul#exec-stats img {
			display: none;
		}
		
		
		img.introimg {
			display: none;
		}
		
		img.chart-lrg {
			height: auto;
			width: 100%;
			margin: 15px auto;
		}
		
		img.chart-med {
			height: auto;
			width: 50%;
			margin: 15px;
		}
		
		img.portrait-sm {
			height: auto;
			width: 50px;
		}
		
		#footer {
			padding: 30px 0 0 0;
			margin: 0 30px;
			width: auto;
		}
		
			#footer a.download-pdf {
				display: none;
			}

		#success-container {
			display: none;
		}
    }



	
	


/* =Clearfix Hack
-------------------------------------------------------------- */

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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */