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

body {
	background-color: #190F03;
}
#hm {
	position:absolute;
	left:160px;
	top:37px;
	width:669px;
	height:668px;
	z-index:2;
}
#bar {
	position:absolute;
	left:21px;
	top:402px;
	width:130px;
	height:523px;
	z-index:3;
}
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #f5dfa9;
}
.style1 a {
	font-family: Arial, Helvetica, sans-serif;
	color: #f5dfa9;
	text-decoration: none;
	height: 5px;
	line-height: 25px;
}

.style1 a:hover {
	color: #f5dfa9;
}

.style2 {
	font-size: 24px
}
.style2 a:hover {
	font-size: 30px;
}
.style5 {font-size: 18px;}


#wrapper{
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 900px;
	position: relative;
	z-index:1;
}
#paper {
	position:relative;
	background-color: #f1ca6d;
	margin:0px auto 0px auto;
	left:44px;
	padding: 0px;
	top:250px;
	width:648px;

	z-index:4;
	border: solid;
	border-color:#190F03;
	border-top:none;
	
}

#text {
	padding:25px;
	color: #714302;

}

#text a{
	font-family: Arial, Helvetica, sans-serif;
	color: #714302;
	text-decoration: none;
	height: 5px;
	line-height: 35px;
}

#text a:hover {
font-style:oblique;
}

#hiddenlink a {
	color: #190F03;
}

#hiddenlink a:hover {
	color: #f5dfa9;
}
.italic {
	font-style: italic;
}
/*for page transitions*/

@-webkit-keyframes fadein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes fadein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes fadein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeout {
  100%   { opacity: 1; }
  0% { opacity: 0; }
}
@-moz-keyframes fadeout {
  100%   { opacity: 1; }
  0% { opacity: 0; }
}
@-o-keyframes fadeout {
  100%   { opacity: 1; }
  0% { opacity: 0; }
}
@keyframes fadeout {
  100%   { opacity: 1; }
  0% { opacity: 0; }
}




.m-scene .scene_element {
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }
.m-scene .scene_element--fadein {
  -webkit-animation-name: fadein;
  animation-name: fadein; }
.m-scene.is-exiting .scene_element {
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse; }
.m-scene.is-exiting .scene_element--delayed {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }
.m-scene.is-exiting .scene_element--noexiting {
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse; }
#sidenav {
	position: fixed;
}


.footer {
    position:fixed;
	bottom: 0px;
    left: 0px;
    height: 25px;
    margin: 0px 0px 0px 20px;
    color: #000;
    text-align: left;
    padding: 10px;
    width: 200px;
}

.footer a {
	font-family: Arial, Helvetica, sans-serif;
	color: #A88331;
	text-decoration: none;
}