body {
    margin: 0;
    font-family: Helvetica;
    background: #FFFFFF;
    color: #000000;
    overflow-x: hidden;
    -webkit-user-select: none;
    
}

body > .toolbar {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-bottom: 1px solid #2d3642;
    border-top: 1px solid #6d84a2;
    padding: 10px;
    height: 45px;
    background: url(leather.png) #582311 repeat-x;
}

.toolbar > h1 {
    position: absolute;
    overflow: hidden;
    left: 50%;
    margin: 10px 0 0 -75px;
    height: 45px;
    font-size: 20px;
    width: 150px;
    font-weight: bold;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
    color: #CCCC00;
    text-align: center;
    text-overflow: ellipsis;
        
    white-space: nowrap;
}

.toolbar > h1 > a 
{
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
    color: #CCCC00;
    text-decoration: none;
}

.button {
    position: absolute;
    overflow: hidden;
    top: 8px;
    right: 6px;
    margin: 0;
    border-width: 0 5px;
    padding: 0 3px;
    width: auto;
    height: 30px;
    line-height: 30px;
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #CCCC00;
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    background: none;
    -webkit-border-image: url(backButton.png) 0 5 0 5;
}

.button[selected], .button:active {
    background-color: transparent !important;
    background-image: none !important;
    background-repeat: no-repeat, repeat-x;
    background-position: right center, left top;
    color: yellow !important;
    font-size: 14px;
    text-overflow: clip;
}

.blueButton {
    -webkit-border-image: url(blueButton.png) 0 5 0 5;
    border-width: 0 5px;
}

.leftButton {
    left: 6px;
    right: auto;
}

#backButton {

    left: 6px;
    padding: 0;
    max-width: 55px;
    border-width: 0 8px 0 14px;
    -webkit-border-image: url(backButton.png) 0 8 0 14;
}

H1 {
	font-family: Verdana, sans-serif;
	color: #000099;
	font-weight: bold;
	font-style: normal;
	font-size: 18pt;
}

H2 {
	font-weight: bold;
	color: #993399;
	font-size: 14pt;
	font-family: Tahoma, sans-serif;
}

H3 {
	font-weight: bold;
	color: #008080;
	font-size: 12pt;
	margin-top: 5pt;
	margin-bottom: 5pt;
}

H4 {
	font-weight: bold;
	font-size: 12.0pt;
}
blockquote {
   background-color: #FFFBE8;
   font-style: italic;
   }
H5 {
	font-weight: bold;
	font-size: 10.0pt;
}

H6 {
	font-weight: bold;
	font-size: 8.0pt;
}

P {
	margin-top: 9pt;
	margin-bottom: 9pt;
}

.dropc:first-letter {
   font-size:400%; 
   float:left;
   position:fixed;
   line-height:.4em;
   color:#000000;
   font-style: italic;
}
div#Eternity {
   font-family: Baskerville, Times, serif;
   padding: 10px;
   width: 90%;
}
div#About{font-family: Helvetica,sans-serif;}
a{ text-decoration: none; color: black; }

div.verse{
   padding-bottom: 1em;
   margin-left: 10px;
   margin-right: 10px;
   -webkit-text-size-adjust: 125%;
   text-align: left;
   font-family: Times, serif;
}

/* Create a fancy first line for text */
div.firstverse
{
   padding-bottom: 1em;
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 40px;
   -webkit-text-size-adjust: 125%;
   text-align: left;
   font-family: Times, serif;
   text-align: justify;
   
}

.firstverse:first-letter
{
   font-style: italic;
   font-weight: bold;
   font-size: 250%;
   font-family: Zapfino;      
}
.firstverse:first-line
{
   line-height: 16pt;
}

.Bookselect {
   -webkit-appearance: none;
      font-size: 18px;
    font-weight: bold;
    text-shadow: rgba(0, 0, 0, 0.4) -2px -2px 0;
    color: #CCCC00;
    width: 40%;
    text-align: center;
    
}

#footer
{	    
   right: 6px;
	position: absolute;
	top: 80px;
	height:500px;
	width: 100%;
}