@import url('normalize.css');
body {
	font-family:Verdana,Arial,Baskerville;
	background:#E9F0F5 url(images/pattern.png) repeat top left;
	font-weight:400;
	font-size:12px;
	color:#333;
	overflow-y:hidden;
	overflow-x:hidden;
}
h1 {
	font-style:italic;
	border-bottom:1px solid rgba(126, 126, 126, 0.3);
	padding:35px 15px 15px 15px;
	margin:0px 20px 20px 20px;
	position:relative;
	font-size:38px;
}
h2 {
	font-size:40px; font-family:'Volkhov',Baskerville,Arial;
	padding-bottom:15px;
	border-bottom:5px solid rgba(190, 211, 226, 0.2);
	color:#a9becd;
	text-shadow:0px 1px 1px rgba(255, 255, 255, 0.4);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.4);
	font-weight:700;
}
h3 {
	font-family:'Sansita One',Baskerville,Arial;
	font-size:22px;
	color:#585959;
	text-shadow:1px 0px 1px rgba(255, 255, 255, 0.4); margin-bottom:0;
}
h4 {
	text-transform:uppercase;
	letter-spacing:2px;
	line-height:20px;
	padding-bottom:10px;
	color:#000;
	border-bottom:1px solid rgba(126, 126, 126, 0.1);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.4);
}
#hs-menu a { color:#308FD9; text-decoration:none; text-transform:uppercase; letter-spacing:2px; }
#hs-menu a:hover { color:#87B6DA; }
.www a, .www a:link, .www a:visited {
	color:#003366;
	font-family:'Lato',Arial;
	font-size:16px;
	text-decoration:none;
	letter-spacing:1px;
	line-height:28px;
}
.www a:hover { color:#006699; }
.w500 { width:500px; }
.w600 { width:600px; }
.hs-headline { text-align:center; margin-top:100px; }
.hs-menu {
	position:fixed;
	z-index:100;
	color:#F8F8F8;
	background:#000;
	width:200px;
	left:0px;
	top:0px;
	height:100%;
}
.hs-menu nav {
	position:absolute;
	top:250px;
	left:0px;
	right:0px;
	bottom:50px;
}
.hs-menu nav a {
	display:block;
	padding:10px;
	text-align:center;
	outline:none;
	border-bottom:1px dashed rgba(126, 126, 126, 0.4);
}
.hs-menu nav a:active {
	box-shadow:7px 0px 17px #000 inset;
}
.hs-menu nav a:first-child {
	border-top:1px dashed rgba(126, 126, 126, 0.4);
}
.hs-menu nav a span:nth-child(2) {
	display:block; font-family:Verdana,Arial; font-size:12px; letter-spacing:1px;
	color:#FFF;
	text-transform:none;
	padding-top:3px;
}
.hs-content-scroller {
	position:absolute;
	left:200px;
	right:0px;
	overflow:hidden;
	height:100%;
}
.hs-content-wrapper {
	width:7950px;
	position:absolute;
	height:100%;
	overflow:hidden;
}
.hs-content {
	overflow-y:scroll;
	height:100%;
	float:left;
	border-right:1px dashed #A9BECD;
	border-left:1px dashed #A9BECD;
	border-right:1px dashed rgba(126, 126, 126, 0.2);
	border-left:1px dashed rgba(255, 255, 255, 0.5);
	background:transparent;
	-webkit-transition:background 0.3s linear;
	-moz-transition:background 0.3s linear;
	-o-transition:background 0.3s linear;
	-ms-transition:background 0.3s linear;
	transition:background 0.3s linear;
}
.hs-content:hover, .hs-content-active {
	background:#F1F5F8;
}
.hs-content:hover .jspVerticalBar,
.hs-menu nav:hover .jspVerticalBar {
	opacity:1;
}
.hs-inner {
	padding:30px 20px 10px 30px;
}
.hs-inner p {
	font-size:12px; margin-top:0; margin-bottom:0;
	line-height:20px;
	text-align:justify;
	position:relative;
	padding:10px 0px;
	text-shadow:1px 0px 1px rgba(255, 255, 255, 0.8);
}
.hs-inner ol {
	font-size:12px; margin-left:20px; margin-top:0; margin-bottom:0;
	line-height:20px;
	text-align:justify;
	position:relative;
	padding:10px 0px;
	text-shadow:1px 0px 1px rgba(255, 255, 255, 0.8);
}
.hs-inner ul {
	font-size:12px; margin-left:14px; margin-top:0; margin-bottom:0;
	line-height:20px;
	text-align:justify;
	padding:0 0 10px 0;
	text-shadow:1px 0px 1px rgba(255, 255, 255, 0.8);
}
a.hs-totop-link{
	display: none;
	content: 'Scroll to top';
	position: fixed;
	z-index: 10000;
	bottom: 0px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #aaa;
	text-shadow: 1px 1px 1px #fff;
	font-weight: 700;
	cursor: pointer;
	text-transform: uppercase;
	text-align: center;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
	border-top: 1px solid #cacaca;
}
/* Media Queries */
@media screen and (max-width: 1024px) {
	.jspVerticalBar{
		opacity: 1;
	}
	.hs-content-scroller{
		overflow-x: scroll;
	}
	.hs-content:hover{
		background: transparent;
	}
	.hs-content-active:hover {
		background: #f1f5f8;
	}
}
@media screen and (max-width: 715px) {
	body{
		overflow-x: auto;
		overflow-y: auto;
	}
	a.hs-totop-link{
		display: block;
	}
	.hs-menu {
		position:relative;
		width:100%;
		height:460px;
	}
	.hs-menu nav{
		top: 230px;
		bottom: 20px;
	}
	.hs-content-scroller{
		position: relative;
		height: auto;
		left: 0;
	}
	.hs-content-wrapper{
		height: auto;
		width: auto;
		margin-left: 0px;
	}
	.hs-content{
		border: none;
	}
	.hs-content, .hs-content:first-child{
		width: auto;
		float: none;
		overflow-y: auto;
	}
}