body{margin-left:30px;margin-right:30px;background-color: #fff;
 background-image:url('img/denmark.jpg');
 background-repeat:no-repeat;
 background-attachment:fixed;
 background-position:right top;
 }

p{
	text-indent:0.3in;
	font-size:100%;
	margin-top:0.05in;
	margin-bottom:0.05in;
}

h1, h2 {
  font-family: sans-serif;
  font-style: italic;
  text-align: center;
  background-color: #ff0000;
  color: black;
  width: 100%;
}



h1 {
    margin-bottom: 2px;
}

.choice{
	font-weight: bold;
	margin-top: 1px;
	margin-bottom: 2px;
	font-family: hamlet;
	font-size:1.4em;
}

.choice:before {
    margin-right: 6px;
}


.choice:after{
}

.choiceicon{
	vertical-align:middle;
}

@font-face {
    font-family: 'hamlet';
    src: url('fonts/hamletornot-webfont.eot');
    src: url('fonts/hamletornot-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/hamletornot-webfont.woff') format('woff'),
         url('fonts/hamletornot-webfont.ttf') format('truetype'),
         url('fonts/hamletornot-webfont.svg#hamletornotregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'chunkfive';
    src: url('fonts/chunkfive-webfont.eot');
    src: url('fonts/chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/chunkfive-webfont.woff') format('woff'),
         url('fonts/chunkfive-webfont.ttf') format('truetype'),
         url('fonts/chunkfive-webfont.svg#chunkfiveroman') format('svg');
    font-weight: normal;
    font-style: normal;

}

.bigcontainer{
    position: absolute; top: 0px; bottom: 0px;    
    width:95%;
    float:left;
    border:none
    padding:0px;
    margin:0px;


}

.container{
    margin-top:px;
    margin-bottom:0px;
    margin-left: 5px;
    margin-right:5px;
    padding-left:5px; 
    padding-right:5px;    
    background:#fff;
    overflow-y:scroll;
    overflow-x:hidden;
    max-width:700px;
    min-height:99%;
    font-family: chunkfive, Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
    float:left;
    border:none;
   }
   
 .music{
 	padding:5px;
 	float:left;
 	background:#fff;
    margin-top:0px;
    margin-bottom:5px;
    margin-left: 5px;
 	
 }
 	

.background{
	position: absolute; 
	right: 0%; 
	top: 16px;
	z-index:-1;
}

img {
}

img.fullscreen{
	page-break-before: always;
	page-break-after: always;
	max-height: 95%;
}
img.small{
	max-height: 50%;
}

.header{
	display: block; 
	margin-left: auto;
    	margin-right: auto;
}

hr {
	width:90%; 
	margin-left:5%; 
	border-bottom: none;
      	border-top: none;
      	border-right: none;
      	border-left: none;
      	color: #fff;
      	background-color: #fff;
      	height: 8px;
      	
	padding: 0;
	text-align: center;
}

hr.bottom:after {
    content: "\2665";
    font-weight: bold;
    display: inline-block;
    position: relative; 
    top: -0.15em;
    color: #f00;
    font-size: 1em;
    padding-top:0px;
    margin-top: 0px;
    padding-left: 0.25em;
    padding-right: 0.25em;
    background: white;
}

hr.top { 
	border-bottom: 1px dashed #a00;
      	border-top: 3px solid #f00;
}

hr.bottom { 
	border-top: 1px dashed #a00;
      	border-bottom: 3px solid #f00;
}

.fileoption{
	text-decoration:none;
	font-family:hamlet;
	font-size:20px;
	color:#00f;
	
}
.image{
	display:block;
	clear:both;
	margin-right: auto; 
	margin-left:auto;
	max-width:700px;
	
}


.bookwithinabook{
	text-indent:0.0in;
	font-weight: bold;
	font-family:hamlet;
	padding: 1em;
	margin-left: 3em;
}

.quote{
	padding: 1em;
	margin-left: 3em;
}
	

.center {
	display:block;
	text-align:center; 
	margin-right: auto; 
	margin-left:auto;
}


/* scrollbars */
.scroll-pane,
.scroll-pane-arrows
{
	width: 100%;
	height: 200px;
	overflow: auto;
}
.horizontal-only
{
	height: auto;
	max-height: 200px;
}

.error
{
	border: solid 5px #f00;
	padding:15px;
	margin:15px;
	background:#800;
	color:#fff;
}



.title{font-family:"Verdana",Arial,sans-serif;text-indent:0;margin-left:0;text-align:center;font-weight: bold;font-size:120%;margin-top:0.2in;margin-bottom:0.2in;}
.title2{font-family:"Verdana",Arial,sans-serif;text-indent:0;margin-left:0;text-align:center;font-weight: bold;font-size:110%;margin-top:0.2in;margin-bottom:0.2in;}
.title3{font-family:"Verdana",Arial,sans-serif;text-indent:0;margin-left:0;text-align:center;font-weight: bold;font-size:100%;margin-top:0.2in;margin-bottom:0.01in;}
.title3l{font-family:"Verdana",Arial,sans-serif;text-indent:0;margin-left:0;font-weight: bold;font-size:100%;margin-top:0.2in;margin-bottom:0.01in;}
 
.toc{text-indent:0in;}
.i {font-style: italic;}
.b {font-weight: bold;}
.u {text-decoration: underline;}


.jfontsize-button {
    font: bold 12px arial;
    padding: 3px;
    border: solid 1px #ccc;
}
 
.jfontsize-button:hover {
    text-decoration: none;
    background: #333;
    color: #fff;
    border: solid 1px #333;
}
 
.jfontsize-disabled, .jfontsize-disabled:hover {
    color: #aaa;
    border: solid 1px #eee;
    background: #eee;
}