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

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

body {
	background-color:#000000;
	padding-left:20%;
	padding-right:20%;
	padding-top:2.5%;
	padding-bottom:15%;
	font-family: 'montserratregular', Arial, Helvetica, sans-serif;
	color:#f0f8ff;
	}

img {
	border-style:none;
	}
	
a:link {
	color:#00ffff;
	}
	
a:visited {
	color:#6495ed;
	}
	
a:hover {
	color:#7fffd4;
	}
	
a.active {
	color:#7cfc00;
	}

#left {
	text-align:left;
	padding:10px;
	}

#center {
	text-align:center;
	padding:10px;
	}
	
#right {
	text-align:right;
	padding:10px;
	}
	
#textleft {
	text-align:left;
	font-size:0.9em;
	padding:10px;
	}
	
#smalllink {
	font-size:0.75em;
	padding:8px;
	}

#tiny {
	font-size:0.5em;
	text-align:left;
	}
	
.reg {
	vertical-align:super;
	font-size:50%;
	}
	
.pagetitle {
	text-align: center;
	font-size: 3em;
	}

.pagetitlesans {
	text-align: center;
	font-size: 3em;
	font-family: 'monserratregular', serif;
	}

.pagetitlescript {
	text-align: center;
	font-size: 4em;
	font-family: 'tangerineregular', serif;
	}

.booktable{
	display:table;
	margin-left:auto;
	margin-right:auto;
	width:90%;
	padding:2%;
	}
	
.bookrow{
	display:table-row;
	width:100%;
	}

.bookcelltitle{
	display:table-cell;
	min-height:2.5em;
	max-height:2.5em;
	font-size:1.35em;
	width:40%;
	padding:2%;
	border:5px solid #000000;
	color:#000000;
	background-color:#202020;
	border-radius:25px; /* Standard */
    -o-border-radius:25px; /* Opera 10.x */
    -moz-border-radius:25px; /* Mozilla/Firefox */
    -icab-border-radius:25px; /* iCab */
    -khtml-border-radius:25px; /* KHTML/Konqueror */
    -webkit-border-radius:25px; /* Webkit/Safari/Chrome/etcetera */
	}

.bookcell{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	min-height:2.5em;
	max-height:2.5em;
	font-size:1.15em;
	width:100%;
	padding:2%;
	border:5px solid #000000;
	color:#f0f0f0;
	background-color:#202020;
	border-radius:25px; /* Standard */
    -o-border-radius:25px; /* Opera 10.x */
    -moz-border-radius:25px; /* Mozilla/Firefox */
    -icab-border-radius:25px; /* iCab */
    -khtml-border-radius:25px; /* KHTML/Konqueror */
    -webkit-border-radius:25px; /* Webkit/Safari/Chrome/etcetera */
	}

.footer {
	font-size:0.75em;
	text-align:center;
	}

.indexTop {
	border-top: 1px solid #ffffff;
	text-align: center;
	font-weight: bold;
}

.leadcontent	{
	}

.indexBottom {
	border-bottom: 1px solid #ffffff;
	text-align: center;
	font-weight: bold;
}

.left {
	text-align:left;
	padding:10px;
	}

.center {
	text-align:center;
	padding:10px;
	}
	
.right {
	text-align:right;
	padding:10px;
	}
	
.textleft {
	text-align:left;
	font-size:0.9em;
	padding:10px;
	}

span.imgpop span {
	position: absolute;
	left: -9999px;
	z-index: 6;
	}
	
span.imgpop:hover span {
	left: 27%;
	margin: -25px 0 0 0;
	background: #000000;
	z-index: 6;
	}