@font-face {font-family: 'CalibriRegular'; src: url('/css/calibri-webfont.eot'); src: url('/css/calibri-webfont.eot?#iefix') format('embedded-opentype'), url('/css/calibri-webfont.woff') format('woff'), url('/css/calibri-webfont.ttf') format('truetype'), url('/css/calibri-webfont.svg#calibriregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'CalibriBold'; src: url('/css/calibrib-webfont.eot'); src: url('/css/calibrib-webfont.eot?#iefix') format('embedded-opentype'), url('/css/calibrib-webfont.woff') format('woff'), url('/css/calibrib-webfont.ttf') format('truetype'), url('/css/calibrib-webfont.svg#calibribold') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'CalibriLight'; src: url('/css/calibril-webfont.eot'); src: url('/css/calibril-webfont.eot?#iefix') format('embedded-opentype'), url('/css/calibril-webfont.woff') format('woff'), url('/css/calibril-webfont.ttf') format('truetype'), url('/css/calibril-webfont.svg#calibrilight') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'DinRegular'; src: url('/css/dinregular-webfont.eot'); src: url('/css/dinregular-webfont.eot?#iefix') format('embedded-opentype'), url('/css/dinregular-webfont.woff') format('woff'), url('/css/dinregular-webfont.ttf') format('truetype'), url('/css/dinregular-webfont.svg#dinregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'DinLight'; src: url('/css/dinlight-webfont.eot'); src: url('/css/dinlight-webfont.eot?#iefix') format('embedded-opentype'), url('/css/dinlight-webfont.woff') format('woff'), url('/css/dinlight-webfont.ttf') format('truetype'), url('/css/dinlight-webfont.svg#din_lightregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'DinBlack'; src: url('/css/dinblack-webfont.eot'); src: url('/css/dinblack-webfont.eot?#iefix') format('embedded-opentype'), url('/css/dinblack-webfont.woff') format('woff'), url('/css/dinblack-webfont.ttf') format('truetype'), url('/css/dinblack-webfont.svg#din_blackregular') format('svg'); font-weight: normal; font-style: normal;}

html, body {min-height: 100%; height: 100%; margin: 0; padding: 0;}
body {position: relative; color: #1f1f1f; font-family: 'Open Sans',sans-serif; font-size: 16px; line-height: 26px; font-style: normal; font-weight: 400; overflow-y: scroll; -webkit-font-smoothing:antialiased;}
* {box-sizing: border-box;}
::selection {background: #f4812f;}
::-moz-selection {background: #d2d2d2; color: black;}
img {border: 0;}
h1 {font-family: 'CalibriRegular'; font-size: 28px; line-height: 35px;}
h1.lock {background: url('/images/lock.png') no-repeat center left; padding-left: 26px;}
h2, h3 {font-family: Ubuntu; font-size: 24px; line-height: 1.2em; font-weight: 900; color: #f4812f; padding: 0; margin: 12px 0 20px 0;}
h1:first-letter, h3:first-letter {text-transform: uppercase;}
h4 {margin: 0 0 6px 0; padding: 0; font-size: 17px; line-height: 20px;}
h4 a {color: White;}
a {text-decoration: none; font-weight: normal; color: #f4812f;}
p {margin: 0 0 20px 0;}
ul {margin: 0 0 20px 17px; padding: 0; list-style-type: square;}
dl {margin-top: 0px; margin-bottom: 10px;}
dt {width: 150px; margin-bottom: 0px; margin-top: 0px; font-weight: bold; font-size: 15px; line-height: 24px;}
dl .spacer {padding-top: 22px; line-height: 22px;}
dd {margin-left: 150px; margin-top: -24px; line-height: 24px;}
.center {text-align: center; clear: left; display: block;}

#wrapper {width: 100%; min-height: 100%;}
#wrapper.inbetweenfixed header {height: 60px; transition: none; top: -59px;}
#wrapper.fixed header {position: fixed; height: 60px; top: 0; border-bottom: 1px solid white; transition: all 1.2s ease;}
#wrapper.fixed header #topmenu {display: none;}
#wrapper.fixed header nav {bottom: 15px;}
#wrapper.fixed header nav a {font-size: 15px;}
#wrapper.fixed header > div .logo {width: 160px; height: 54px;}
#wrapper.fixed header > div .logo {bottom: 2px;}
#wrapper.fixed #subheader {margin-top: 125px;}
#wrapper.inbetweenfixed #subheader {margin-top: 60px;}

header {width: 100%; height: 125px; background: #1f1f1f; z-index: 20;}
header.active {border-bottom: 3px solid white;}
header .main {position: relative; width: 1000px; min-width: 1000px; height: 100%; margin: 0 auto;}
header>div .logo {position: absolute; bottom: 5px; left: 0; width: 240px; height: 81px; background: url('/images/logo_lsi_new.png') no-repeat; background-size:contain;}
header .social {position: absolute; width: 50px; height: 50px; top: 7px; cursor: pointer;}
header>div .logo a, header .social a, header .donate a {display: block; width: 100%; height: 100%;}
header .rss {right: 132px; background-position: 0 0;}
header .rss:hover {background-position: 0 -50px;}
header .facebook {right: 32px; background-position: 100px 0;}
header .facebook:hover {background-position: 100px -50px;}
header .twitter {right: 82px; background-position: 50px 0;}
header .twitter:hover {background-position: 50px -50px;}
header .donate {position: absolute; width: 97px; height: 40px; top: 60px; right: 32px; background-position: 0 0; background-image: url('/images/button_donate.png'); cursor: pointer;}
header .donate:hover {background-position: 0 -40px;}
header .slogan {font-family: 'DinLight'; position: absolute; width: 500px; left: 460px; top: 60px; font-size: 36px; line-height: 43px; text-align: center; color: White;}
header .slogan b {font-family: 'DinBlack'; font-weight: lighter;}
header nav {font-family: 'Ubuntu', sans-serif; white-space: nowrap; overflow: hidden; color: #eb8519; position: absolute; bottom: 32px; right: 3px;}
header nav a {display: inline-block; font-size: 16px; font-weight: 600; font-style: normal; color: white; padding: 0 11px;}
header nav a:hover {color: #c96d2c; transition: color .15s ease-out;}
header nav a.active { color: #f47327;}
header #topmenu {position: absolute; right: 37px; top: 0px;}
header #topmenu a {display: inline-block; font-family: Open Sans; color: #f4812f; font-size: 12px; line-height: 40px; font-weight: 700; padding: 0 10px 0 5px; vertical-align: baseline;}
header #topmenu a:after {border-right: 1px solid rgba(148,148,148,.52); height: 15px; content: ''; width: 1px; right: 0; top: 30%; margin-left: 12px; line-height: 40px; font-size: 12px; text-align: right;}
#subheader {width: 100%; height: 70px; background: #a8a8a8;}
#subheader>div {position: relative; width: 1000px; min-width: 1000px; height: 100%; margin: 0 auto;}
#subheader h1 {font-family: Ubuntu;	font-style: normal;	font-weight: 500; font-size: 22px; line-height: 73px; color: white; padding: 0; margin: 0;}

#submenu {display: none; position: relative; width: 100%; background: #eb8519; z-index: 40; top: 3px; -webkit-box-shadow: 0px 11px 0px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 11px 0px 0px rgba(0, 0, 0, 0.5);}
#submenu>div, #breadcrumb_container>div {position: relative; width: 1000px; min-width: 1000px; height: 100%; margin: 0 auto;}
#submenu>div>div {display: none; position: relative; padding-left: 254px; padding-bottom: 12px; overflow: hidden; } /* min-height: 200px; */
#submenu .n {position: absolute; top: 0; margin-left: -51px; color: #594631; height: 80px; text-align: right; font-size: 34px; line-height: 34px; transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform-origin: 0 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0;}
#submenu .n>div {position: absolute; bottom: 0; right: 8px; min-width: 165px; white-space: nowrap; text-transform: uppercase; text-decoration: underline;}
#submenu ul {position: relative; width: 300px; left: 40px; list-style: none; padding: 0; margin: 0;}
#submenu ul a {display: block; color: White; font-family: 'CalibriLight'; font-size: 18px; font-weight: normal; line-height: 28px;}
#submenu ul a:hover {color: #594631 !important;}
ul.lastmenu {position: absolute !important; left: 200px; top: 0; width: 100%; height: 120%; z-index: 5; opacity: 0; background: url('/images/background_lastmenu.png') left repeat-y; padding-left: 50px !important; display: none;}
ul.lastmenu a {display: block; color: white;}

#breadcrumb_container {height: 46px;}
#breadcrumb_container>div>div {line-height: 45px; height: 100%; padding-left: 260px;}
#breadcrumb_container>div>div a {position: relative; color: #383838; font-weight: normal !important; font-size: 16px; text-transform: lowercase; padding: 0 23px 0 10px; background: url('/images/icon_arrow_small.png') right no-repeat;}
#breadcrumb_container>div>div a:hover, #breadcrumb_container>div>div a:last-child {text-shadow: 0 0 1px #383838; color: black;}
#breadcrumb_container>div>div a:last-child {background: none;}

#page_container {position: relative; max-width: 1000px; margin: 2px auto;}
.column {float: left; max-width: 236px; width: 21%; margin-top: 20px; margin-bottom: 20px;}
.column h2 {margin: 0; border-bottom: 0 !important; background: #f4802f; color: white; padding: 10px 14px;}
.column aside {background: #333333; padding: 10px 14px; color: White; font-size: 13px; line-height: 16px; border: 3px solid #d5d5d5; border-radius: 3px; overflow-x: hidden;}
.column.news, .column.docs {margin-right: 0;}
.column.news div, .column.docs div {position: relative; border: 0; min-height: 150px; background: #333333; padding: 10px 10px 20px 10px; font-family: 'CalibriRegular'; font-size: 15px; line-height: 18px; color: White;}
.column.news .hover {position: absolute; display: none; width: 100%; height: 100%; top: 0; left: 0; background: black; text-align: center; opacity: 0.8; font-size: 30px; cursor: pointer; font-family: 'CalibriBold'}
.column.news div p:last-child {margin-bottom: 15px;}
.column.news div:before {content: ''; position: absolute; bottom: -3px; right: -3px; width: 22px; height: 22px; background: url('/images/news_block_rightbottom.png') no-repeat;}
.column input[type=text] {width: 97%; font-size: 14px;}

#content {float: left; width: 77%; min-height: 275px; background: white; overflow: hidden; margin-right: 2%; padding-bottom: 60px;}
#content h1 {background: #333333; color: white; border-bottom: 3px solid #eb8519; margin: 0 0 8px -25px; padding: 0 0 0 25px; width: 110%;}
#content h1 + p>img.fullwidth {margin-top: -8px;}
#content img.fullwidth {margin: 0 0 -25px -25px;}
#content img.floatright {float: right; margin: 10px 0 10px 20px;}
#content img.floatleft {float: left; margin: 10px 20px 10px 0;}
#content a[target=_blank] {padding-right: 17px; background: url('/images/icon_external-link.png') right no-repeat;}
#content a.withimg {padding-right: 0; background: none;}
/* #content p {margin: 0 25px 20px 25px;} */
#content p.orange_block {border: 3px solid #ec8e29; padding: 14px 20px; background: #f0cba4; -webkit-box-shadow: 3px 3px 8px 0 #787878; box-shadow: 3px 3px 8px 0 #787878;}
#content #intro {padding-top: 28px;}
.clear {clear: both;}
.btn_return {margin-bottom: 30px;}

#pagesnav {font-size: 15px; display: block; margin: 0 0 4px -15px; width: 107%; overflow: auto;}
#pagesnav div {margin: 0 0 4px 15px;}
#pagesnav a {float: left; background: #e0e0e0; color: Black; width: 32px; height: 20px; text-align: center; line-height: 20px; margin: 0 0 8px 14px;}
#pagesnav a:hover, #pagesnav a.active {background: #eb8519; color: White;}

footer {position: fixed; bottom: 0; width: 100%; min-width: 1000px; height: 40px; margin-top: -40px; background: black;}
footer a[target=_blank] {padding-right: 0 !important; background: none !important;}
#footer_btm {bottom: 0; width: 1000px; height: 40px;  color: white; font-size: 13px; z-index: 0;}
footer>div {position: absolute; width: 100%; height: 100%; z-index: 10;}
footer>div {position: relative; height: 100%; margin: 0 auto; text-align: right; padding-right: 50px; line-height: 40px;}
footer>div>div {font-size: 16px;}
footer #bo {display: block; cursor: default;}
footer>div>div {display: inline-block; margin-right: 40px;}
footer a {color: white; font-weight: normal; text-transform: uppercase;}
footer a:after {content: '|'; padding: 0 15px 0 15px;}
footer a.last:after, footer span a:after {content: ''; padding: 0;}
footer span, footer span a {color: white; text-transform: inherit;}
footer #bo {display: inline;}

/* Overlay styles */
.jq_overlay {position: absolute; top: 0; left: 0; width: 100%; background: url('/images/bg_overlay.png') repeat; display: none; z-index: 90;}
.jq_overlay .container {position: fixed; left: 50%; top: 50%; margin: -99px -217px; color: #000000; z-index: 98; width: 400px; height: 180px; background: #f9f9f9; padding: 14px 14px 14px 16px; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px;}
.jq_overlay .container .content {overflow: auto; height: 100%;}
.jq_overlay .container h1 {color: #666666; font-size: 28px; font-weight: normal; line-height: 26px; margin: 0 0 14px 0;}
.jq_overlay .container .buttons {position: absolute; bottom: 25px; left: 0; width: 100%;}
.jq_overlay .container input[type="button"] + input[type="button"] {margin-left: 25px;}
.jq_overlay .container input[type="text"], .jq_overlay .container input[type="password"] {width: 160px !important;}
.jq_closebutton {position: absolute; top:-18px; right: -18px; width: 36px; height: 36px; cursor: pointer; background-image: url(/images/fancybox_sprite.png); cursor: pointer; z-index: 99;}
.jq_tooltip {position: absolute; overflow: auto; width: auto; max-width: 150px; left: 40px; top: 4px; background-color: #dbdbdb; font-size: 14px; line-height: 16px; border: 1px solid #bcbcbc; color: #000000; font-weight: bold; padding: 6px 10px 5px 10px; z-index: 100;}
/* Form styles */
label {float: left; clear: left; width: 165px; color: #434343; min-height: 25px; line-height: 25px; font-size: 15px; margin: 4px 0 0 0; text-align: right; padding-right: 14px;}
input[type="text"], input[type="password"], textarea {float: left; width: 660px; margin: 4px 0 0 0; border: 1px solid #acacac; font-size: 18px; line-height: 21px; font-family: 'CalibriLight', Tahoma, Verdana; padding: 0 0 0 4px; background: white url('/images/bg_inputshadow.png') right top repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; resize: none;}
input[type="text"].req, input[type="password"].req, textarea.req {background: url('/images/bg_inputshadow_req.png') no-repeat top right; width: 650px; padding: 0 10px 0 4px;}
input[type="text"], input[type="password"] {height: 23px;}
input[type="submit"], input[type="button"] {position: relative; color: white; font-family: 'CalibriLight'; margin: 10px 0 0 0; background-color: darkgray; font-size: 18px; padding: 2px 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; text-transform: lowercase; border: 0; -webkit-box-shadow: 0px 6px 0px gray, 0px 7px 14px rgba(0,0,0,.7); -moz-box-shadow: 0px 6px 0px gray, 0px 7px 14px rgba(0,0,0,.7); box-shadow: 0px 6px 0px gray, 0px 7px 14px rgba(0,0,0,.7); text-align: center; cursor: pointer; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}
input[type="submit"]:hover, input[type="button"]:hover {-webkit-box-shadow: 0px 2px 0px gray, 0px 2px 5px rgba(0,0,0,.9); -moz-box-shadow: 0px 2px 0px gray, 0px 2px 5px rgba(0,0,0,.9); box-shadow: 0px 2px 0px gray, 0px 2px 5px rgba(0,0,0,.9); position: relative; top: 4px;}
input[type="button"] + input[type="button"] {margin-left: 25px;}
input[type="submit"].d, input[type="button"].d {background-color: #ad0021;}
input[type="submit"].disabled, input[type="button"].disabled {background-color: #444444; color: #cccccc; cursor: not-allowed; -webkit-box-shadow: 0px 6px 0px rgba(40,40,40,1), 0px 7px 14px rgba(0,0,0,.7); -moz-box-shadow: 0px 6px 0px rgba(40,40,40,1), 0px 7px 14px rgba(0,0,0,.7); box-shadow: 0px 6px 0px rgba(40,40,40,1), 0px 7px 14px rgba(0,0,0,.7); top: 0 !important; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
input[type="text"].small {width: 210px;}
input[type="text"].small.req {width: 200px;}
span.textafter {float: left; height: 24px; line-height: 25px; padding-left: 10px;}
textarea {height: 102px; padding: 4px 0 0 4px;}
.formtext, .fieldnote {min-height: 25px; line-height: 25px; margin: 4px 0 0 0;}
.fieldnote {float: left; margin-left: 10px;}
.checkboxtext {clear: none; min-height: 25px; line-height: 25px; margin: 4px 0 0 0; font-size: 18px; text-align: left; padding-left: 10px; cursor: pointer;}
.fixedwidth {width: 180px;}
.errorlabel {color: #bc2025 !important;}
.errorfield {background-color: #ffd8d9 !important; color: black !important;}
/* Checkbox styles */
.ui-radio-state-disabled, .ui-radio-state-checked-disabled, .ui-radio-state-disabled-hover, .ui-radio-state-checked-disabled-hover {color: #999;}
span.ui-checkbox, span.ui-radio {display: block; float: left; width: 20px; height: 19px; cursor: pointer; background: url('/images/icon_checkbox.png') 0 -42px no-repeat;}
span .ui-checkbox, span .ui-radio {margin-top: 6px;}
span.ui-radio {clear: left;}
span.ui-helper-hidden {display: none;}
span.ui-radio-state-hover, span.ui-checkbox-state-hover {background-position: 0 -116px;}
span.ui-checkbox-state-checked {background-position: 0 -3px;}
span.ui-checkbox-state-checked-hover {background-position: 0 -77px;}
span.ui-radio-state-checked-disabled-hover, span.ui-radio-state-checked-disabled, span.ui-radio-state-checked {background-position: 0 -161px;}
span.ui-radio-state-checked-hover {background-position: 0 -200px;}
.ui-helper-hidden-accessible {position: absolute; left: -999em;}

.sub {text-indent: 25px;}
.sub2 {text-indent: 50px;}
.twooutcomes_logos img {margin: 0 9px 15px 0;}
.twooutcomes_logos div {line-height: 0; font-size: 0; border-bottom: 1px dotted black; margin-bottom: 15px;}

/* Responsive media queries */
@media screen and (min-width:1px) and (max-width: 1000px) {
	header #topmenu {display: none;}
	footer, #footer_btm, header .main, #subheader>div {min-width: 100%; width: 100%;}
	#subheader > div {padding: 0 15px;}
	#content #main_content {padding: 0 0 0 15px;}
}

@media screen and (min-width:1px) and (max-width: 850px) {
	.column {width: 25%;}
	#content {width: 73%;}
	.hideonsmall {visibility: hidden;}
}

@media screen and (min-width:1px) and (max-width: 650px) {
	.column {position: absolute; top: 0; width: 100%; max-width: 100%;}
	#content {padding-top: 200px; width: 100%;}
	footer {height: 60px; margin-top: -60px;}
	#footer_btm {height: 60px; bottom: -8px;}
	footer > div {line-height: 20px;}
	#content #main_content {margin-top: 40px;}
}