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

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);

/* ~~ Styles for inside templated pages only ~~*/
html{
	background-color: #fff;
	background-image:url(../images/background-inside.png);
	background-repeat:repeat-x;
	height: 100%;
	width:100%;
	overflow-y:scroll;
	}
body {
	font: 1em 'Open Sans', Arial, Helvetica, sans-serif;
	margin:0; 
	padding: 0;
	color: #333;
	display: table;
	height: 100%;
	width:100%;
}
/* ~~ element/tag selectors ~~ */
	ul, ol, dl {
		padding: 0;
		margin: 0;
	}
	h1, h2, h3, h4, h5, h6, p {
		margin-top: 0;
	}
	a img {
		border: none;
	}
	a:link {
		color: #333;
		text-decoration: underline;
	}
	a:visited {
		color: #333;
		text-decoration: underline;
	}
	a:hover, a:active, a:focus {
		color: #b51f24;
		text-decoration: underline;
		outline:0;
	}
	img.PDF{
		float: right;
		margin-left: 10px;
		}
	h1{
		font-size: 1.6em;
		margin-bottom: 13px;
		font-weight: bold;
		line-height: 1.05em;
	}
	h2{
		font-size: 1.3em;
		margin-bottom: 10px;
	}
	h3{
		color: #555;
		font-size: 1.15em;
		margin-bottom: 3px;
	}
	h4{
		font-size: 1em;
		margin-bottom: 3px;
	}
	hr {
		border: none 0; 
		border-top: 1px dotted #CCCCCC;
		width: 100%;
		height: 2px;
		margin: 15px auto;
	} 
/*~~ content ~~*/
	#container {
		width: 980px;
		margin: 0 auto; 
		padding: 0;
	}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
a.btn{
	color: #fff;
	text-decoration: none;
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
a.btn-primary:active, a.btn-primary:hover{
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
	#contentWrap{
		width: 100%;
		height: 100%;
	}
	#content {
		padding: 35px 50px 15px 50px;
/*		width: 880px;*/
		font-size: .9em;
		min-height: 300px;
		position:relative;
		font-size: 1.2em;
	}
	#content p{
		line-height: 1.5em;
	}
	#content ul, #content ol{ 
		padding: 0 15px 15px 40px;
		line-height: 1.6em;
	}		
	p.hangingIndent {
    margin-left: 25px;
    text-indent: -25px;
	}
.embed-container 
{ 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
} 
.embed-container iframe, .embed-container object, .embed-container embed 
{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
}
/* ~~ main navigation ~~*/
	img#logo{
		float: left;
		margin: 8px 55px 0 0;
	}
	#navContainer{
		width: 955px;
		height: 85px;
		margin: 0;
		padding-left: 25px;
	}
	#nav{
		margin: 0;
		padding: 0;
	}
	#nav li{
		float: left;
		list-style: none;
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size: 1.125em; /*18/16*/
		font-weight:bold;
		margin-top: 20px;
	}
	#nav li:last-child{
		background: none;
	}
	#nav li a{
		display: block;
		background: #e66e24;
		background: none; 
		padding: 11px 24px 5px 20px;
		text-decoration: none;
		color: #4a4a4a;
		white-space: nowrap;
	}
	#nav li:last-child {
		padding-right: 0;
	}
	#nav li a:hover, #nav li a:active, #nav li a:focus{
		color:#b51f24;
	}
	#search{
		position: relative;
		top: 28px;
		right: -40px;
		width: 195px;
		float: left;
	}
	#searchField { 
		 font-size: 14px; 
		 width:160px;
		 background-color: #fff; 
		 border: 1px solid #a7a7a7; 
		 margin: 0;
		 padding: 1px 2px 4px 8px;
		 border-radius: 8px;
		 height: 20px;
	}
	#search-field{
		color: #a7a7a7;
	}
	#search-image{
		position: relative;
		left: -28px;
		top: 3px;
	}
/* ~~ buttons ~~ */
	a.button, input.button {
		color: #FFF;
		display: inline-block;
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		text-decoration:none;
		white-space: nowrap;
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
		box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
		border: 0;
	}
	.gray {
		background: #5D5D5D;
		background: -webkit-gradient(linear, left top, left bottom, from(#909090), to(#5D5D5D));
		background: -moz-linear-gradient(top, #909090, #5D5D5D);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#909090', endColorstr='#5D5D5D');
	}
	.gray:hover {
		background: #5D5D5D;
		background: -webkit-gradient(linear, left top, left bottom, from(#5D5D5D), to(#484848));
		background: -moz-linear-gradient(top, #5D5D5D, #484848);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5D5D5D', endColorstr='#484848');
	}
	.green{
		background: #30A14E;
		background: -webkit-gradient(linear, left top, left bottom, from(#89D458), to(#30A14E));
		background: -moz-linear-gradient(top,  #89D458,  #30A14E);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#89D458', endColorstr='#30A14E');
	}
	.green:hover {
		background: #27823F;
		background: -webkit-gradient(linear, left top, left bottom, from(#73B34A), to(#27823F));
		background: -moz-linear-gradient(top, #73B34A, #27823F);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#73B34A', endColorstr='#27823F');
	}
	.orange{
		background: #AB3A25;
		background: -webkit-gradient(linear, left top, left bottom, from(#E18473), to(#AB3A25));
		background: -moz-linear-gradient(top, #E18473, #AB3A25);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E18473', endColorstr='#AB3A25');
	}
	.orange:hover {
		background: #AB3A25;
		background: -webkit-gradient(linear, left top, left bottom, from(#AB3A25), to(#7C291B));
		background: -moz-linear-gradient(top, #AB3A25, #7C291B);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#AB3A25', endColorstr='#7C291B');
	}
	.blue{
		background: #1B7ABF;
		background: -webkit-gradient(linear, left top, left bottom, from(#5FB9FA), to(#1B7ABF));
		background: -moz-linear-gradient(top, #5FB9FA, #1B7ABF);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5FB9FA', endColorstr='#1B7ABF');
		}
	.blue:hover {
		background: #166299;
		background: -webkit-gradient(linear, left top, left bottom, from(#4F9BD1), to(#166299));
		background: -moz-linear-gradient(top, #4F9BD1, #166299);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4F9BD1', endColorstr='#166299');
	}
	.small, .subNavs{
		font: .8em 'Open Sans', Arial, Helvetica, sans-serif;
		font-weight:bold;
		padding: 2px 6px;
	}
/* ~~ footer ~~ */
	#SOE-logo{
		margin: 15px 0 0 15px;
	}
	#footerContainer{
		height: 85px;
		background-image:url(../images/footer-background.png);
		background-repeat:repeat-x;
	}
	#footer {
		width: 980px;
		margin: 0 auto;
		padding: 0 0 3px 0;
		font-size: .875em;
		color:#7b7c7e;
		line-height: 1.4em;
	}
	#contact{
		width: 690px;
		float: right;
		text-align:right;
		margin: 20px 25px 0 0;
	}
	#soc-icons{
		position:relative;
		top: 8px;
		left: 8px;
	}
	#footer a:link,#footer a:active,#footer a:visited{
		color:#999;
	}
	#footer a:hover{
		color:#666;
		text-decoration:underline;
	}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}
/* ~~ miscellaneous float/clear classes ~~ */
	.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
		float: right;
		margin-left: 8px;
	}
	.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
		float: left;
		margin-right: 8px;
	}
	.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
		clear:both;
		height:0;
		font-size: 1px;
		line-height: 0px;
	}
	.floatLeft{
		float: left;
	}
	.floatRight{
		float: right;
		margin-left: 15px;
	}
	/* ~~ hack -CSS for SAFARI ~~*/
	@media screen and (-webkit-min-device-pixel-ratio:0){
	#navContainer{
		top: 4px; 
	}
	}