@font-face {
	font-family: 'regular';
	src: url('fonts/regular.eot');
	src: local('☺'), 
		url('fonts/regular.woff') format('woff'), 
		url('fonts/regular.ttf') format('truetype'), 
		url('fonts/regular.svg') format('svg');
}
@font-face {
	font-family: 'bold';
	src: url('fonts/bold.eot');
	src: local('☺'), 
		url('fonts/bold.woff') format('woff'), 
		url('fonts/bold.ttf') format('truetype'), 
		url('fonts/bold.svg') format('svg');
}
@font-face {
	font-family: 'italic';
	src: url('fonts/italic.eot');
	src: local('☺'), 
		url('fonts/italic.woff') format('woff'), 
		url('fonts/italic.ttf') format('truetype'), 
		url('fonts/italic.svg') format('svg');
}
::-moz-selection { /* Code for Firefox */
    color: black;
    background: yellow;
}
::selection {
    color: black;
    background: yellow;
}
html {
	overflow-y:scroll;
}
html,body {
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position: center top 1vw; 
	background-image:url('loran-wash.jpg');
	background-color:#e9e5e2;
	height:100%;
	width:100%;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #ffffff;
}
div.top {
	width:100%;
	height: 8vw;
	background-color:#ffffff;
	padding-top:3vw;
	padding-left:0%;
	padding-right:0%;
	box-sizing:border-box;
	position:fixed;
	left:0%;
	top:0%;
	border:0px solid black;
}
div.left {
	width:1rem;
	height: 100%;
	background-color:#ffffff;
	padding-top:0%;
	padding-left:0%;
	padding-right:0%;
	box-sizing:border-box;
	position:fixed;
	left:0%;
	top:0%;
	border:0px solid black;
}
div.right {
	width:1rem;
	height: 100%;
	background-color:#ffffff;
	padding-top:0%;
	padding-left:0%;
	padding-right:0%;
	box-sizing:border-box;
	position:fixed;
	right:0%;
	top:0%;
	border:0px solid black;
}
div.bottom {
	width:100%;
	height: 1rem;
	background-color:#ffffff;
	padding-top:0%;
	padding-left:0%;
	padding-right:0%;
	box-sizing:border-box;
	position:fixed;
	left:0%;
	bottom:0%;
	border:0px solid black;
}
div.main {
	width:35%;
	padding-top:18.5%;
	padding-left:0%;
	padding-right:0%;
	box-sizing:border-box;
	position:fixed;
	left:55%;
	border:0px solid black;
}
div.title {
	width:100%;
	padding-top:8vmin;
	padding-left:0%;
	padding-right:0%;
	box-sizing:border-box;
	position:absolute;
	left:0%;
	top:4vw;
	border:0px solid black;
}
div.wrapper {
	padding-bottom:14vw;
	top:100%;
}
div.content {
	width:60%;
	position: relative;
	background-color:#ffffff;
	padding-top:4.5vw;
	padding-left:7vw;
	padding-right:7vw;
	padding-bottom:4.5vw;
	box-sizing:border-box;
	left:20%;
	top:10vw;
	border:0px solid black;
}
a.download {
	background-color:#ff3300;
	padding-left:7px;
	padding-right:7px;
	padding-top:2px;
	padding-bottom:2px;
	color:#ffffff;
	font-size: 1rem;
	font-size: 1.5vw;
	line-height: 1.33rem;
	line-height: 2vw;
	font-family: regular;
	text-transform: none;
	text-decoration: none;
}
a.download_sm {
	background-color:#ff3300;
	padding-left:7px;
	padding-right:7px;
	padding-top:2px;
	padding-bottom:2px;
	color:#ffffff;
	font-size: .75rem;
	font-size: 1.125vw;
	line-height: 1rem;
	line-height: 1.5vw;
	font-family: regular;
	text-transform: none;
	text-decoration: none;
}
p.main {
	position: absolute;
	text-align:center;
	width:100%;
	margin-top:0;
	color:#000000;
	font-size: 2rem;
	font-size: 3vw;
	line-height: 3.07rem;
	line-height: 4.6vw;
	font-weight: none;
	font-family: regular, sans-serif;
	text-transform: none;
	text-decoration: none;
}
a.menu {
	width:100%;
	color:#000000;
	font-size: 2rem;
	font-size: 3vw;
	line-height: 1.33rem;
	line-height: 2vw;
	font-family: regular, sans-serif;
	text-transform: none;
	text-decoration: none;
}
td.menu {
	text-align:center;
	vertical-align:center;
	color:#000000;
	font-size: 2rem;
	font-size: 3vw;
	line-height: 1.33rem;
	line-height: 2vw;
	font-family: regular, sans-serif;
	text-transform: none;
	text-decoration: none;
}
p.title {
	color:#000000;
	font-size: 2rem;
	font-size: 6vmin;
	line-height: 2.5rem;
	line-height: 8vmin;
	font-family: regular, sans-serif;
	text-transform: none;
	text-decoration: none;
}
.titlesmallbold {
	color:#000000;
	font-size: 2rem;
	font-size: 6vmin;
	line-height: 2.5rem;
	line-height: 5vmin;
	font-family: bold, sans-serif;
	text-transform: none;
	text-decoration: none;
}
p.bib {
	text-align:left;
	color:#000000;
	padding-left: 2vw;
	text-indent: -2vw;
	font-size: 1rem;
	font-size: 1.5vw;
	line-height: 1.33rem;
	line-height: 2vw;
	font-family: Georgia, serif;
	text-transform: none;
	text-decoration: none;
}
p.text {
	text-align:left;
	color:#000000;
	font-size: 1rem;
	font-size: 1.5vw;
	line-height: 1.33rem;
	line-height: 2vw;
	font-family: Georgia, serif;
	text-transform: none;
	text-decoration: none;
}
p.content {
	text-align:left;
	width:100%;
	color:#000000;
	font-size: 1rem;
	font-size: 1.5vw;
	line-height: 1.33rem;
	line-height: 2vw;
	font-family: regular, sans-serif;
	text-transform: none;
	text-decoration: none;
}
td.content {
	text-align:left;
	vertical-align:top;
	color:#000000;
	font-size: 1rem;
	font-size: 1.5vw;
	line-height: 1.33rem;
	line-height: 2vw;
	font-family: regular, sans-serif;
	text-transform: none;
	text-decoration: none;
}
td.smallcap {
	text-align:left;
	vertical-align:bottom;
	height:2vw;
	color:#000000;
	font-size: 0.75rem;
	font-size: 1.125vw;
	line-height: 1.33rem;
	line-height: 2vw;
	font-family: bold, sans-serif;
	text-transform: none;
	text-decoration: none;
}
td.license {
	padding-top: 0.75vw;
	text-align:left;
	vertical-align:bottom;
	color:#aaaaaa;
	font-size: 0.75rem;
	font-size: 1.125vw;
	line-height: 1rem;
	line-height: 1.5vw;
	font-family: regular;
	text-transform: none;
	text-decoration: none;
}
p.smallcap {
	text-align:left;
	color:#000000;
	font-size: 0.75rem;
	font-size: 1.125vw;
	line-height: 1.33rem;
	line-height: 2vw;
	font-family: bold, sans-serif;
	text-transform: none;
	text-decoration: none;
}
.mainsmall {
	font-size: 1.33rem;
	font-size: 2vw;
}
.bigbold {
	font-size: 2rem;
	font-size:3vw;
	line-height: 5rem;
	line-height: 7.5vw;
	font-family: bold;
}
.titlebold {
	font-size: 8rem;
	font-size:24vmin;
	line-height: 8rem;
	line-height: 23vmin;
	font-family: bold;
}
.icon {
	font-size: 5rem;
	font-size: 7.5vw;
	line-height: 5rem;
	line-height: 7.5vw;
	color:#bbbbbb;
}
a.info {
	text-decoration: none;
	border-bottom: 2px dotted #bbbbbb;
}
a.info:hover {
	text-decoration: none;
	border-bottom: 2px solid #000000;
}
a {
	color:#148fcc;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img {
	margin-right:1.5vw;
	width:20vw;
}