@charset "UTF-8";



/*@import url(https://fonts.googleapis.com/css?family=EB+Garamond);*/



* {

  margin: 0px;

  padding: 0px;

  border: none;

  text-decoration: none;

}

.page #picture {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 720px;
	width: 40em;
	height: auto;
}

body {

  font-family: "Trebuchet MS", Helvetica, sans-serif;

  font-size: 12pt;

  background-color: #000;

  color: #000;

}



.page {

  max-width: 750px;

  height: 562px;

  margin: 20px auto;

  background-color: transparent;

  background-image: url(border-wolves.jpg);

  background-position: center;

  background-repeat: no-repeat;

  border: 0px solid #48D1CC;

  box-shadow: 5px 5px 8px #000;

}



header {

  position: relative;

  float: cwnrer;

  width: 750px;

  height: 280px;

  color: #FFF;

  border: 0px solid #FFE4C4;

}



.chapters {

  position: relative;

  float: left;

  width: 750px;

  height: 150px;

  left: 0px;

  top: 120px;

  border: 0px solid #32CD32;

}



a {

  color: #fff;

}



a:hover {

  color: #04B9A7;

}



h1 {

  font-family: Verdana, Geneva, sans-serif;

  font-size: 48pt;

  font-weight: bold;

  padding-top: 30px;

  padding-bottom: 10px;

  text-align: center;

/*  text-shadow: 1px 1px 0px #fff, 3px 0px 0px #000, 5px 5px 30px #000;*/

  text-shadow: 0px 0px 10px #000000, 0px 3px #FCAC8B;

  border: 0px solid #000;

}



h2 {

  font-size: 24pt;

  font-weight: bold;

  text-align: center;

  padding-bottom: 5px;

  text-shadow: 0px 0px 10px #000000, 0px 3px #FCAC8B;

  border: 0px solid #000;

}



h3 {

  font-size: 14pt;

  font-weight: bold;

  text-align: center;

  text-shadow: 0px 0px 7px #000000;

}

h4 {

  font-size: 16pt;

  font-weight: bold;

  text-align: center;

  padding-bottom: 5px;

  text-shadow: 0px 0px 10px #000000, 0px 3px #FCAC8B;

  border: 0px solid #000;

}






ul {

  width: 100%;

  padding-left: 150px;

  text-align: center;

  border: 0px solid #000;

}



li {

  float: left;

  margin-left: 10px;

  width: 135px;

  font-size: 12pt;

  line-height: 1;

  font-weight: bold;

  text-align: left;

  border: none;

  list-style: none;

}



ul a {

  color: #fff;

  display: block;

  margin-bottom: 3px;

  padding: 5px;

  border: 0px solid #1F1F8E;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

}



ul a:hover {

  color: #04B9A7;

/*  background-color: rgba(255,255,255,.15);*/

  }
  
  @media screen {
	div.page { 
		margin: auto auto;
		width: 80%; 
		max-width: 960px;
		page: usLetter; 
	}