/* Home page */

html { 
	font-size: 16px; /* default base font size. All rem will scale from this */
} 

body {
    /* font-family: Veranda, Geneva, sans-serif; */
   font-family: arial, helvetica, sans-serif;
 /*font-family:Courier,Courier New, Lucida Console, Monaco, and Consolas;*/
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 1.2;
	/*font-size-adjust: 1;*/
    /* font-size: 16px; */
	
}
/* Desktop */
@media only screen and (min-width: 900px) {
    body{
        font-size: 16px;
    }
}
/* Small Tablet */
@media only screen and (min-width: 481px) and (max-width: 900px) {
    body{
        font-size: 16px;
    }
}
/* Phone */
@media all and (max-width: 480px) {
    body{
        font-size: 14px;
    }
}

.user-image {
    margin-bottom: 0px;
    margin-right: 2px;
    margin-top: -2px;
    width: 25px;
}


.grey, a:disabled {
	background-color: grey !important;
}

b{
	font-weight:700;
}
table {
    color: #000000;
	background-color: #fff;
	text-align: left;
	height: 10em;
	border-spacing:0px;
}
td {
	vertical-align: top;
}

select::-ms-expand {
    display: none;/*Remove dropdown in IE*/
}

img {
    float: left;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 20px;
}
@media only screen and  (max-width: 480px) {
	img {
		float: left;
		margin-right: 10px;
		max-width: 100%;
	}
}

img.right {
    float: right;
	margin-top: 10px;
	margin-right: 00px;
	margin-left: 30px;
	margin-bottom: 20px;
}
img.no-margin {
	margin: 0px;
}
img.bottom-margin {
	margin: 0px;
	margin-bottom: 1em;
}
img.full-width {
	width: 100%;
}
img.half-width {
	width: 500px;
	max-width: 100%;
}
img.limit-half {
	max-width: 50%;
}

img.tile {
	margin:0 4.5em 0 4.5em;
	width: 7em;
	height: 7em;
}

strong.banner1 {
	color: #000000;
	font-weight: bold;	
	font-size: 1.1em;
}
@media only screen and (min-width: 481px) and (max-width: 950px) {
	strong.banner1 {
		font-size: 1.1em;
	}
}
@media only screen and (max-width: 480px) {
	strong.banner1 {
		font-size: 1.1em;
	}
}

span.banner1 {
	font-weight: bold;	
	font-size: 5em;
}
@media only screen and (min-width: 481px) and (max-width: 950px) {
	span.banner1 {
		font-size: 2.5em;
	}
}
@media only screen and (max-width: 480px) {
	span.banner1 {
		font-size: 2.2em;
	}
}

span.banner2 {
	font-weight: bold;	
	font-size: 4em;
}
@media only screen and (min-width: 481px) and (max-width: 950px) {
	span.banner2 {
		font-size: 2.2em;
	}
}
@media only screen and (max-width: 480px) {
	span.banner2 {
		font-size: 2.0em;
	}
}

span.banner3 {
	color: #000000;
	font-weight: bold;	
	font-size: 1.8em;
}
@media only screen and (min-width: 481px) and (max-width: 950px) {
	span.banner3 {
		font-size: 1.6em;
	}
}
@media only screen and (max-width: 480px) {
	span.banner3 {
		font-size: 1.4em;
	}
}
/* Full desktop heading defaults min-width: 1200px */
h1 {
	font-size: 2.0rem;
	border: 0;
	margin: 0 0 1.4rem 0;
}
h2 {
	font-size: 1.6rem;
	border: 0;
	margin: 0 0 1.2rem 0;
}
h3 {
	font-size: 1.4rem;
	border: 0;
	margin: 0 0 1.1rem 0;
}
h4 {
	font-size: 1.2rem;
	border: 0;
	margin: 0 0 1rem 0;
}
h5 {
	font-size: 1.1rem;
	border: 0;
	margin: 0 0 0.5rem 0;
}
h6 {
	font-size: 1.0rem;
	border: 0;
	margin: 0 0 0.5rem 0;
}
/* Desktop older/smaller */
@media only screen and (min-width: 950px) and (max-width: 1199px) {
	h1 {
		font-size: 1.6rem;
	}
	h2 {
		font-size: 1.5rem;
	}
	h3 {
		font-size: 1.3rem;
	}
	h4 {
		font-size: 1.1rem;
	}
	h5 {
		font-size: 1.0rem;
	}
	h6 {
		font-size: 0.9rem;
	}
}
/* tablet */
@media only screen and (min-width: 600px)  and (max-width: 949px)  {
	h1 {
		font-size: 1.7rem;
	}
	h2 {
		font-size: 1.3rem;
	}
	h3 {
		font-size: 1.1rem;
	}
	h4 {
		font-size: 1.0rem;
	}
	h5 {
		font-size: 0.9rem;
	}
	h6 {
		font-size: 0.8rem;
	}
}
/* Small Tablet */
@media only screen and (min-width: 481px) and (max-width: 599px) {
	h1 {
		font-size: 1.4rem;
	}
	h2 {
		font-size: 1.2rem;
	}
	h3 {
		font-size: 1.1rem;
	}
	h4 {
		font-size: 1.0rem;
	}
	h5 {
		font-size: 0.9rem;
	}
	h6 {
		font-size: 0.8rem;
	}
}
/* Phone */
@media only screen and (max-width: 480px) {
	h1 {
		font-size: 1.2rem;
	}
	h2 {
		font-size: 1.1rem;
	}
	h3 {
		font-size: 0.95rem;
	}
	h4 {
		font-size: 0.9rem;
	}
	h5 {
		font-size: 0.8rem;
	}
	h6 {
		font-size: 0.7rem;
	}
}

div {
	box-sizing: border-box;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	border: 0;
	margin: 0;
	padding: 0;
}
div.marketing {
	background: #FFFFFF;
	max-width: 500px;
	padding: 1em 1em 1em 1em;
	opacity: 0.9;
	overflow: hidden;
	-moz-opacity: 0.9;
	filter:alpha(opacity=9);
}

div.form {
	background:#FFF;
	float: left;
	max-width: 33%;
	min-width: 280px; /*  example: control panel */
	padding: 1em;
	margin: 1em;	
	overflow: hidden;
}
div.login {
	max-width: 600px;
}

ul.marketing {
	font-size: 1.3em;
}
li.marketing {
	margin: 0 0 0.2em 0;
}
@media only screen and (max-width: 950px) {
	li.marketing {
		/* double space lists on mobile devices so links are friendly */
		margin: 0 0 1em 0;
	}
}
p {
	font-size: 1.3em;
	/* color: #6666ff; light blue*/
	color: #000066;
}
/**********************************************************************************

page classes

**********************************************************************************/	



.slide2 {
	display: none;
	/* position: absolute; */
}

.helm-page {
	max-width: 1600px; 
	position: absolute;
	float: left;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
}
/* Squeezed */
@media only screen and (min-width: 481px) and (max-width: 950px) {
	.helm-page {
		max-width: 950px; 
	}
}
/* Phone */
@media only screen and (max-width: 480px) {
	.helm-page {
		max-width: 480px; 
	}
}

.helm-header {
	position: relative;
	margin: 0;
	padding: 0;
	height: auto; /* banner + banner-sub + menu + menu margins */
	width: 100%;
	z-index: 999;
	color: #000000;
	background: #fff;
}
	
.helm-logo-box {
	display: block;
	float:left;
}	
/* Phone */
@media only screen and (max-width: 950px) {
	.helm-logo-box {
		display: none;
	}	
}

.helm-mobile-logo-box {
	display: none;
}	
/* Phone */
@media only screen and (max-width: 950px) {
	.helm-mobile-logo-box {
		display: block;
	}	
}

.helm-mobile-menu-box {
	display: none;
}	
/* Phone */
@media only screen and (max-width: 950px) {
	.helm-mobile-menu-box {
		display: block;
		width: 50px; 
		padding: 0;
		/*position: absolute;
		left: 0px;
		top: 50px;*/
		height:100px; 
		overflow: visible;
		background-color: #FFFFFF; 
	}	
	
}

/*.helm-logo-box a:focus,.helm-mobile-logo-box a:focus,.helm-mobile-menu-box a:focus{
		border:0.1px solid #FFF ;
}	*/

	
.helm-banner-left {
	/* border: 1px solid #00FFFF ;  */
    width: -moz-calc(100% - 450px); 
    width: -webkit-calc(100% - 450px); 
    width: calc(100% - 450px); 
    padding: 0.2em 1em 0em 1em;
	position: relative;
	float:left;
	background-color:transparent; 
}

.helm-banner-right {
	/*width: 300px;*/
    padding-top: 1px;
	position: relative;
	float:right;
	/*top: 0px;
	right: 0px;
    height: 45px; */
	background-color:transparent;
	text-align: right;
}
/* Phone 
@media only screen and (max-width: 950px) {
	.helm-banner-right {
		/* display: none;
		top: 90px;
		right: 0px;
	}
}*/
	
.helm-banner-sub-left {
	/* border: 1px solid #FF00FF ;  */
    width: -moz-calc(100% - 350px); 
    width: -webkit-calc(100% - 350px); 
    width: calc(100% - 350px); 
    padding: 0em 1em 0em 1em;
	position: relative;
	float:left;
	color: #888888;
	background-color:transparent;
}
/* squeezed	*/
.helm-banner-sub-left-squeezed {
	display: none;  
}	

/* Desktop Squeezed (go to short tagline when below 1300px)*/ 
@media only screen and (max-width: 1300px) {
	.helm-banner-sub-left {
		display: none;  
	}	
	.helm-banner-sub-left-squeezed {
		display: block;  
		width: -moz-calc(100% - 350px); 
		width: -webkit-calc(100% - 350px); 
		width: calc(100% - 350px); 
		padding: 0em 1em 0em 1em;
		position: relative;
		float:left;
		color: #888888;
	}		
}
	

.helm-banner-sub-right {
	float:right;
	text-align: right;
	/*width: 200px;*/
    padding: 1em 1em 0em 1em;
	font-weight:bold;
	position: relative;
	margin:0;
	border:0;
	bottom:0.5em;
	/*top: 45px;
	right: 0px;
    float:right;*/
	background-color:transparent;
}	
/* Phone */
@media only screen and (max-width: 950px) {	
	.helm-banner-left {
		/* display: none;  */
		width: -moz-calc(100% - 50px); 
		width: -webkit-calc(100% - 50px); 
		width: calc(100% - 50px); 
	}
	.helm-banner-sub-left {
		/* display: none;  */
		width: -moz-calc(100% - 50px); 
		width: -webkit-calc(100% - 50px); 
		width: calc(100% - 50px); 
	}
    /* squeezed	*/
	.helm-banner-sub-left-squeezed {
		width: -moz-calc(100% - 50px); 
		width: -webkit-calc(100% - 50px); 
		width: calc(100% - 50px); 
	}	
	.helm-banner-sub-right {
		color: #FF2222;
		/*top: 90px;
		left: 50px;*/
		text-align: left;
	}
	
}

/* Phone */
@media only screen and (max-width: 470px) {
	
    /* squeezed	*/
	.helm-banner-right {
		display: none;
	}	
}
	
.helm-size-warning {
	display: none;  
}	
/* Phone */
@media only screen and (max-width: 470px) {
	.helm-size-warning {
		display: block;  
		width: -moz-calc(100% - 50px); 
		width: -webkit-calc(100% - 50px); 
		width: calc(100% - 50px); 
		padding: 0.5em 0.2em 0.2em 1em;
		position: absolute;
		left: 50px;
		top: 105px;
		height: 45px;
		background-color:transparent;
		color: #999999;
	}
}	
	
.helm-banner-nav {
    width: -moz-calc(100% - 90px); 
    width: -webkit-calc(100% - 90px); 
    width: calc(100% - 90px); 
	min-width: 150px;
    padding: 0em;
	position: relative;
	/*left: 150px;
	top: 90px;
    /* height: 60px ;*/
	float:left;
	height:auto;
	background-color:transparent;
}	
/* Phone */
@media only screen and (max-width: 950px) {
	.helm-banner-nav {
		display: none;
		padding: 0;
		width: 100%;
		max-width:320px;
		left: 0px;
		position:absolute;
		top:9em;
	}	
}

.helm-banner-mission {
	margin: 0;
	position: relative;
    padding: 0;
	border: 0;
	/*top:150px;
	left:0px;*/
	width:100%;
	height:20px;
	overflow:hidden;
	background-image: url("../images/hsf/mission-bar-long.jpg");	
	z-index: -1;
}	
	
.helm-loading {
	width: 100%;
	min-height: 150px;
}	
	

/**********************************************************************************

Nav Menu Classes

**********************************************************************************/	


.main-nav-div {
	display: inline;
	text-align: bottom;
	float:left;
}
/* Phone */
@media only screen and (max-width: 950px) {
	.main-nav-div {
		display: block;
		text-align: bottom;
		/* border: 50px; */
	}
}

.main-nav-div ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.main-nav-div li  {
    position: relative; /* positioned so this is the reference. Required to be able to have the sub menu show up at the same level */
    display: inline-block;
}
/* Phone */
@media only screen and (max-width: 950px) {
	.main-nav-div li {
		display: block;
	}
}

.main-nav-div ul li {
	/* vertical-align: top; */ /* no effect */
}
	
.main-nav-div ul li a {
    display: block; /* So we can have padding */
	height: 2em; /* plus padding plus border = 60 high */
	text-decoration: none;
	text-align: center;
	font-size: 1.0rem;
	font-weight: bold;
    padding: 1em 1em 0em 1em;
	color: #000000;
	background: transparent;  /* no blocks on menu until you hover */
}
/* Phone */
@media only screen and (max-width: 950px) {
	.main-nav-div ul li a {
		border: 0;
		border-bottom: 2px solid #999999;
		padding: 1em 1em 0em 1em;
		text-align: center;
		background: #e5e5ff; /* #FFFFFF; */
		max-width: 320px;
	}
	.helm-menu ul li a {
		text-align: center !important;
	}
}

.main-nav-div ul li a:hover {
	color: #FFFFFF;
	background: -webkit-linear-gradient(#5C85AD, #29527A); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#5C85AD, #29527A); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#5C85AD, #29527A); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#5C85AD, #29527A);     /*background-color: #473C8B;*/
}
.main-nav-div ul li a:active {
	color: #FFFFFF;
    background: -webkit-linear-gradient(#5C85AD, #29527A); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#5C85AD, #29527A); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#5C85AD, #29527A); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#5C85AD, #29527A);     /*background-color: #473C8B;*/
}


.main-nav-div ul ul  {
    display: none; /* Hide sub menu by default */
    position: absolute; /* Absolute position to push the sub menu out of the box instead of making the box larger and having the top level menu pushed down */
}
@media only screen and (max-width: 950px) {
	.main-nav-div ul ul  {
		position: relative; /* We want it in the div */
		/* z-index: 1000; */
	}
}

/* no div 
.main-nav-div li:hover > ul {
    display: block;
}
*/
/* active only works while holding the mouse button down */
/* no longer using div
.main-nav-div li:hover > div {
    display: block;
}
.main-nav-div li:hover > div ul {
    display: block;
}
*/

/* Sub menu */
/****************************************/

.main-nav-div ul li ul {
	border: 2px solid #999999;
	z-index: 999;
	/* width: 250px; */ /* set sub menu container width NOTHING */
}
/* Phone */
@media only screen and (max-width: 950px) {
	.main-nav-div ul li ul {
		border: 0;
		border-bottom: 2px solid #999999;
		/* width: 220px; */ /* set sub menu container width NOTHING */
	}
}

.main-nav-div ul li li a {
	height: 2em;
	width: 350px;  /* set sub menu line width */
	text-decoration: none;
	text-align: left;
	padding: 0.8em 1em 0em 1em;
	color: #000000;
	background: none; 
	background-color: #FFFFFF; 
	font-size:0.9rem;
	font-weight:normal;
	border: 0;
}
/* Phone */
@media only screen and (max-width: 950px) {
	.main-nav-div ul li li a {
		box-sizing: border-box; /* so padding does not add to width */
		height: 2em;
		width: 320px;
		padding: 0.5em 1em 0em 2em;
		text-align:center;
	}
}

.main-nav-div ul li li a:hover {
	/* color: #FFFFFF; */
	/* background: #5C85AD; */
	color: #FFFFFF;
    background: -webkit-linear-gradient(#5C85AD, #29527A); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#5C85AD, #29527A); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#5C85AD, #29527A); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#5C85AD, #29527A);     /*background-color: #473C8B;*/
}
	
	
/*////////////////////////////////Advanced Menu ///////////////////////*/

/*
.test:hover { 
	color: #FF0000;
	background: #473C8B;
}
.helm-menu:hover { 
	color: #FF0000;
	background: #473C8B;
}
*/
.helm-menu {
	display: inline-block;
	/*position:absolute;*/
	bottom:0em;
	float:left;
}

.helm-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.helm-menu ul ul ul {
	position: absolute; 
	left: 100%; 
	top:0;
}

.helm-menu ul ul ul li a{
/* Steve changed */ background: #e5e5ff;
/*  background: #c5c5fd;  */
}

.helm-menu ul li  {
/* steve commented */ /*	background: #e5e5ff; */
    position: relative; /* positioned so this is the reference. Required to be able to have the sub menu show up at the same level */
    display: inline-block;
	margin: 0;
	padding: 0;
	z-index:1010;
/* steve commented */ /*	border:1px solid #473C8B;	 */
}
/* Phone */
@media only screen and (max-width: 950px) {
	.helm-menu ul {
		border:1px solid #473C8B;
		background: #e5e5ff;
	}
	.helm-menu li {		
		border-right:1px solid #473C8B;
	}
	
}
	
	
.helm-menu ul li a {
    display: block; /* So we can have padding */
	/*height: 1.5em;  plus padding plus border = 60 high */
	text-decoration: none;
	text-align: left;
	vertical-align:bottom;
	font-size: 1em;
	font-weight: bold;
    padding: 0.5em 1em;
	margin: 0;
	color: #000000;
	background: transparent;  /* no blocks on menu until you hover */
}

@media only screen and (min-width: 950px) {
	.helm-menu ul li a {
		text-align: left !important;
	}
}

.helm-menu ul li:hover > a {
	background-color:#473C8B;
	color: #FFF;
}

.helm-menu ul li a:active {
	background-color:#473C8B;
	color: #FFF;
}

.helm-menu ul ul  {
	margin: 0;
    display: none; /* Hide sub menu by default */
    position: absolute; /* Absolute position to push the sub menu out of the box instead of making the box larger and having the top level menu pushed down */
}
/*
.helm-menu li:hover > ul {
    display: block;
}
*/

/* Sub menu */
/****************************************/

.helm-menu ul li ul {
	
	border: 1px solid #473C8B;
	z-index: 1010;
}
/* Phone */
@media only screen and (max-width: 950px) {
	.helm-menu ul li ul {
		border: 0;
		border-bottom: 1px solid #473C8B;
		background: #FFF;
	}
}

.helm-menu ul li li a {
	height:1em;
	position:relative;
	width: 18em;  /* set sub menu line width */
	text-decoration: none;
	text-align: center;
	padding: 0.5em 0em 0.5em 0.5em;
	background:#FFF;
	color: #000000;  
	font-size:0.9rem;
	font-weight:normal;
	word-wrap: break-word;
	z-index:1010;
	/* Steve added */ border-bottom:1px solid #473C8B;	
}
/* Phone */
@media only screen and (max-width: 950px) {
	.helm-menu ul li li a {
		background:#FFF;
	}
}

.helm-menu ul li li:hover > a {
	background-color:#473C8B;
	color: #FFF;
}

.helm-mobile-menu-box{
	display:none;
}


/*////////////////For Phone///////////////////////*/
/* Phone */
@media only screen and (max-width: 950px) {
	
	.helm-mobile-menu-box{
		display: block;
	}
	.helm-menu ul li{
		position:relative;
		display:block;
	}
	.helm-menu ul ul ul {
		border-top: 2px solid #473C8B;
		left:0;
		/*top:2.5em;*/
		position:absolute;
	}
	
	.helm-menu li> ul, .helm-menu li ul li> ul{
		position:relative;
		display:block;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	.helm-menu ul li li a {
		width: inherit;
	}
	


}	

/**********************************************************************************

Button Classes

**********************************************************************************/	
	
.button{
	border: 2px solid #000099;
    border-radius: 4px;
	font-size:1em;
/*	font-family:arial, helvetica, sans-serif; */
	padding: 0.5em 2em 0.5em 2em;
	text-decoration:none;
	display:inline-block;
/*	text-shadow: -1px -1px 0 rgba(0,0,0,0.3); */
	font-weight:bold;
	color: #FFFFFF;
	background-color: #000099;
}

@media only screen and (max-width: 950px) {
	.button{
		padding: 0.5em 0.5em 0.5em 0.5em;
	}
}
.button:hover{
	border: 2px solid #0000FF;
	background-color: #0000FF;
}

	
.button-compact, .button-compact-red{
	border: 2px solid #000099;
    border-radius: 4px;
	font-size:1em;
/*	font-family:arial, helvetica, sans-serif; */
	padding: 0.2em 1em 0.2em 1em;
	text-decoration:none;
	display:inline-block;
/*	text-shadow: -1px -1px 0 rgba(0,0,0,0.3); */
	font-weight:bold;
	color: #FFFFFF;
	background-color: #000099;
}

.button-compact-cell{
	border: 2px solid #000099;
    border-radius: 4px;
	font-size:16px;
/*	font-family:arial, helvetica, sans-serif; */
	padding: 0em 1em 0em 1em;
	text-decoration:none;
	display:inline-block;
/*	text-shadow: -1px -1px 0 rgba(0,0,0,0.3); */
	font-weight:bold;
	color: #FFFFFF;
	background-color: #000099;
}

.compact-lookup{
	font-size:16px;
/*	font-family:arial, helvetica, sans-serif; */
	vertical-align:middle;
	padding: 0em 0.5em 0em 0.5em;
	text-decoration:none;
	display:inline-block;
/*	text-shadow: -1px -1px 0 rgba(0,0,0,0.3); */
}

/*****************************************************************

Content Area

********************************************************************/


.content-area {
	/* iframes inside are 620px high plus 14 margin on bottom */
	/* border: 1px solid #DD2222 ; */ /* enable if you need to see edges of this div */
	margin: 0;
	position: absolute;
    padding: 0;
	border: 0;
	top:170px;
	left:0px;
	width:100%;
	height:900px;
	overflow:hidden;
}	

.second-content {
	position: relative;
	top:170px;
	display: block;
	float: left;
	width: 100%;
	overflow: visible;
	padding: 4em 2em 2em 2em;
}
@media only screen and (max-width: 600px){
	.second-content {
		display: none;
	}
}	
.third-content {
	position: relative;
	top:170px;
	display: block;
	float: left;
	width: 100%;
	overflow: visible;
	padding: 4em 2em 2em 2em;
}	
.iframe-wrapper {
	width: 100%;
	min-height: 700px;
    overflow: visible;
	display: none;
	position: relative;
	/*top: 170px;*/
	float: left;
}
.content-wrapper {
	width: 100%;
	height: 900px;
    overflow: visible;
	background-color:#FFFFFF;
	display: block;
	position: relative;
	top: 170px;
	float: left;
}
.main-iframe {
	border: 0;
	height: 100%; 
    width: 100%;
	background-color:#FFFFFF;
}
	
.hsf-footer {
	position: relative; 
	float: left;
	width: 100%;
    padding: 0.5em 1em;
	border: 0;
	margin: 0;
	background-color: #808080;	
	overflow: auto;
	color:#dbdbdb;
}	
.copyright {
	position: relative; 
	width: 100%;
    padding: 0.5em 1em;
	border: 0;
	margin: 0;
	background-color: #43474d;	
	overflow: hidden;
	color:#8c8e91;
	
}	
.hsf-footer-left {
	margin: 0;
	position: relative;
    padding: 1.05em 1em 1.1em 1em;
	width: 45%; 	
	overflow: hidden;
	float: left;
	line-height:1.276em;
}	

.hsf-footer-left a{
	color:#dbdbdb;
	text-decoration: none;
}	

.hsf-footer-left a:hover,.hsf-footer-left a:focus{
	color:#0000FF
}
.hsf-footer-right {
	margin: 0;
	position: relative;
    padding: 1.05em 1em 1.1em 1em;
	overflow: hidden;
	float: right;
	line-height:1.276em;
}

/* Too small screen */
@media only screen and (max-width: 380px) {
	.hsf-footer-right {
		float:left
	}
	.helm-banner-sub-left-squeezed{
		display:none;
	}
}


/*****************************************************************

Child page Content Area

********************************************************************/

/*
.hsf-child-wrapper {
	padding: 3em 3em 3em 3em;
	color: #00004d;
	width: 100%;
	background-color: #FFFFFF;
	min-height: 600px;
}
@media only screen and (max-width: 480px){
	.hsf-child-wrapper {
		padding: 1em 2em 1em 2em;
	}
}
*/	
.helm-content-height{
	min-height: 40em;
	float:left;
}
.hsf-child-wrapper {
	position:relative;
	padding: 0;
	margin: 0;
	width: 100%;
	background-color: #FFFFFF;	
}/*
@media only screen and (max-width: 480px){
	.hsf-child-wrapper {
		padding: 1em 2em 1em 2em;
	}
}
	*/

.slider-wrapper {
	background-color: #FFFFFF;
	display: block;
	position: relative;
	left:0;
	margin: 0;
	padding: 0;
	color: #00004d;
	width: 100%;
	height: 800px;
	
	top: 170px;
}
.mobile-slider-wrapper {
	display: none;
	position: relative;
	top:170px;
	left:0;
	margin: 0;
	padding: 0;
	color: #00004d;
	width: 100%;
	height: 800px;
	background-color: #FFFFFF;
}
/* switch to mobile when screen is taller than wider */
@media only screen and (max-width: 600px){
	.slider-wrapper {
		display: none;
	}
	.mobile-slider-wrapper {
		/* visibility: visible; */
		display: block;
	}
}
.mobile-caption {
	/* position: relative; */
	float: left;
	padding: 1em 1em 1em 1em;
}

.mobile-choice {
	/* Dummy class to sync jQuery with CSS media queries */
	width: 1600px;
	display: none;
	position: absolute;
	top: 100px;
}
/* 950 */
@media only screen and (max-width: 950px){
	.mobile-choice {
		width: 950px;
	}
}
/* 600 */
@media only screen and (max-width: 600px){
	.mobile-choice {
		width: 600px;
	}
}
/* 480 */
@media only screen and (max-width: 480px){
	.mobile-choice {
		width: 480px;
	}
}

	

/**********************************************************************************

attribute adjustment classes

IMPORTANT - These need to come last so they will overwrite base attrubutes
**********************************************************************************/	

.inline {
	display: inline-block;
}

.block {
	display: block;
}

.none {
	display: none;
}
.absolute {
	position: absolute;
}

.fl {
	float: left;
}
.fr {
	float: right;
}

.m0{
	margin:0em;
}

.m1{
	margin:1em;
}

.ml {
	margin-left: 1em;
}
.mr {
	margin-right: 1em;
}

.mb1 {
	margin-bottom: 1em;
}

.mt1{
	margin-top:1em;
}

.p05{
	padding:0.5em;
}

.p0 {
	padding: 0em;
}

.p1 {
	padding: 1em 1em 1em 1em;
}

.p2 {
	padding: 2em 2em 2em 2em;
}

.p3 {
	padding: 3em 3em 3em 3em;
}

.pb{
	padding-bottom:1em;
}

.pl{
	padding-left:1em;
}

.pr{
	padding-right:1em;
}
div.w500 {
	width: 500px;
	max-width: 100%;
}
div.w700 {
	width: 700px;
	max-width: 100%;
}
div.w900 {
	width: 900px;
	max-width: 100%;
}
div.full-width {
	max-width: 100%; 
	width: 100%;
}
input.lc {
    text-transform: lowercase;
}
select.full-width {
	width: 100%;
}

.bold{
	font-weight:bold;
}

.vltblue {
/*	color: #000099; */
	color: #E6E6FF;
}	
.ltblue {
/*	color: #000099; */
	color: #0000CC;
}	
.blue {
	color: #0000FF;
}	
.hblue {
	color: #0000FF;
}	
.dkblue {
	color: #000099;
}	
.dkred{
	color: #990000;
}	
.white {
	color: #FFFFFF;
}	
.black {
	color: #000000;
}	
.outlineblue {
	color: #000099;
	border-bottom: 1px solid #000099;
}

.red-text {
	color: #CC4444;
}
.border-blue{
	border: 1px solid #473C8B;
}

.gradient {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#e5e5ff));
	background: -o-linear-gradient(#FFFFFF, #e5e5ff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#FFFFFF, #e5e5ff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#FFFFFF, #e5e5ff);     /*background-color: #473C8B;*/
}
/* test junk */
.span-left {
	position:absolute;
	left:0px;
	display:inline-block;
	text-align:left;
	width:200px;
	font-size:1.0em;
	font-weight:normal;
	}	
.span-right {
	position:absolute;
	left:200px;
	display:inline-block;
	text-align:left;
	width:350px;
	font-size:1.0em;
	font-weight:normal;
	}	

.close {
	float:right;
}
.close a {
	color:#FFFFFF;
	text-decoration:none;
	padding:0.1em 0.5em 0.1em 0.5em;
}

.close a:hover {
	background-color:#AB0502;
	padding:0.1em 0.5em 0.1em 0.5em;
}

.close a.selected {
	background-color:#FFFFFF;
	padding:0.1em 0.5em 0.1em 0.5em;
	color:#333;
}

.clear{
	clear:both;
}

input[type=text]:disabled,input[type=text]:read-only,textarea:disabled,textarea:read-only{
	background:#eee;
}

.select-checkbox{  
    box-sizing: border-box;
    font-size: 1.2em;
    background-color: #FFFFFF;
	padding: 0.2em;
	border: 2px solid #43474d;
    border-radius: 4px;
    margin: 0.1em 0em 0.5em 0em;
}

.select-checkbox label{
	display: block;
}

.select-checkbox label:hover {
	background-color: #B3B3FF;
}

select.dropdown{
	background:#fff url(/images/helm/down.png) no-repeat right;

}


.cellLabel{
    display: table-cell;
    padding: 0em 0.2em 0em 0.2em;
    text-align: right;
    white-space: nowrap;
	line-height:1em;
	vertical-align:middle;
}

.cellInput{
    display: table-cell;
    padding: 0.2em 0.2em 0.2em 0em;
    text-align: left;
    white-space: nowrap;
	height:1.5em;
	vertical-align:middle;
}

.popup-help{
	z-index:100;
	padding:1em;
	right:0.6em;
	position:absolute;
	background:#fff;
	max-width:90vw;
	overflow:auto;
	max-height:90vh;
	box-sizing: border-box;
    border: 2px solid #eee; 
    -moz-box-shadow: 0.5em 0.5em 1em 0.5em #eee; 
	-webkit-box-shadow: 0.5em 0.5em 1em 0.5em #eee; 
	box-shadow: 0.5em 0.5em 1em 0.5em #eee; 
	display:none;
	font-weight:600;
	line-height:1.3em;
}

.breadcrumb{
	background:#C2C2C2;
	color:#43474d;
	padding:0.2em 0 0.2em 1em;
	font-size:0.8em;
}

.editor-tabs{    
    background-color: #f0f0f0;
	float: left;
}

/* Style the buttons inside the tab */
.editor-tabs a {
    background-color: inherit;    
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
	border: 0.2px solid #ccc;
	text-decoration: none;
	color:#000;
	font-weight:bold;
}

/* Change background color of buttons on hover */
.editor-tabs a:hover {
    background-color: #ccc;
}

/* Create an active/current tablink class */
.editor-tabs a.active {
    background-color: #ccc;
}

#wysiwyg-box{
	border-right:1px solid #ccc;
}

#code-box{
	border:1px solid #ccc;
}

.a-link a{
	text-decoration:none;
	color:#000099;
}

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

.a-link a.selected {
	text-decoration:underline;
}