@charset "UTF-8";

@font-face {
  font-family: 'Courier Prime';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/courier-prime-v1-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Courier Prime Regular'), local('CourierPrime-Regular'),
       url('../fonts/courier-prime-v1-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/courier-prime-v1-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/courier-prime-v1-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/courier-prime-v1-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/courier-prime-v1-latin-regular.svg#CourierPrime') format('svg'); /* Legacy iOS */
}

@charset "UTF-8";

/* BASIC LAYOUT */

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	font-family: 'Courier Prime', serif;
	font-size: 18px;
	font-weight: 400;
	color: #3D3D36;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block;
}

* {
	margin: 0px;
	padding: 0px;
}

a {
	color: #3D3D36;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #FF7800;
}


a:active {
  color: #000;
}

a.filelink:before, #textbox a:before {
	content: ' ';
	display: inline-block;
	width: 18px;
	height: 14px;
	background: url(images/arrow1.svg) no-repeat left center;
	background-size: contain;
}

a.filelink:hover:before {
	content: ' ';
	display: inline-block;
	width: 18px;
	height: 14px;
	background: url(images/arrow4.svg) no-repeat left center;
	background-size: contain;
}

#textbox a:hover:before {
	content: ' ';
	display: inline-block;
	width: 18px;
	height: 14px;
	background: url(images/arrow2.svg) no-repeat left center;
	background-size: contain;
}

img {
	border: none;
	max-width: 100%;
	height: auto;
}

h1 {
	font-size: 26px;
	font-weight: bold;
	font-style: italic;
	font-weight: 700;
}

h1 a {
	display: inline-block;
	color: #7F8200;
}

h1 a:hover {
	color: #C90035;
}

h1 a:before {
	content: ' ';
	display: inline-block;
	width: 24px;
	height: 18px;
	background: url(images/arrow2.svg) no-repeat left center;
	background-size: contain;
}

h1 a:hover:before {
	content: ' ';
	display: inline-block;
	width: 24px;
	height: 18px;
	background: url(images/arrow3.svg) no-repeat left center;
	background-size: contain;
}

h2 {
	font-size: 22px;
	font-weight: bold;
	font-weight: 700;
}

h2 a:before {
	content: ' ';
	display: inline-block;
	width: 20px;
	height: 16px;
	background: url(images/arrow1.svg) no-repeat left center;
	background-size: contain;
}

h2 a:hover:before {
	content: ' ';
	display: inline-block;
	width: 20px;
	height: 16px;
	background: url(images/arrow2.svg) no-repeat left center;
	background-size: contain;
}

h3 {
	/*display: inline-block;*/
	font-size: 24px;
	font-weight: normal;
	font-weight: 400;
	margin: 0 0 12px 0;
}

section a {
	display: block;
}

section a:before {
	content: ' ';
	display: inline-block;
	width: 21px;
	height: 12px;
	background: url(images/arrow1.svg) no-repeat left center;
	background-size: contain;
}

section a:hover:before {
	content: ' ';
	display: inline-block;
	width: 21px;
	height: 12px;
	background: url(images/arrow2.svg) no-repeat left center;
	background-size: contain;
}

/*
#content h3:after {
	content: '·';
	font-size: 32px;
	font-weight: bold;
	padding: 0 12px 0 12px;
}

#content h3:last-of-type:after {
	content: '';
	padding: 0 0 0 0;
}
*/

#wrap {
	position: relative;
	margin: 0 auto;
	max-width: 860px;
	width: 100%;
	min-height: 100%;
	height: 100%;
}

header {
	width: 100%;
}

header #header-content {
	margin: 0 10px 0 10px;
}

header #header-label {
	position: relative;
	width: 100%;
	padding-bottom: 25%;
	height: 0;
	background: url(images/header.svg) no-repeat center center;
	background-size: contain;
}

/* CONTENT */
main {
	position: relative;
	max-width: 1024px;
	width: 100%;
	padding-bottom: 2px;
}

main div {
	margin: 10px 10px 10px 10px;
}

main #textbox:before {
	content: ' ';
	display: block;
	border: none;
	border-top: 2px dotted #FF7800;
	width: 100%;
    height: 0;
    margin: 0 0 16px 0;
}

main div:after {
	content: ' ';
	display: block;
	border: none;
	border-top: 2px dotted #FF7800;
	width: 100%;
    height: 0;
    margin: 16px 0 16px 0;
}