/*   http://www.patricmichael.com/main.css   */
.copyright{
	padding: 0px 20px 0px 0px;
	font: normal normal small "Bookman Old Style", "Times New Roman", Tahoma serif;
	float: right;
	text-align: right;
	color: white;
}

.counter{
	padding: 4px 0px 0px 0px;
	font: normal normal xx-small "Bookman Old Style", "Times New Roman", Tahoma serif;
	float: right;
	text-align: right;
	color: white;
}

.titleheader {	
	padding: 40px 50px 0px 0px;
	font: normal xx-large "Bookman Old Style", "Times New Roman", Tahoma serif;
	float: right;
	text-align: right;
	color: white;
}

.tagliner {	
	padding: 70px 0px 0px 12px;
	font: normal large "Bookman Old Style", "Times New Roman", Tahoma serif;
	float: left;
	position: relative;
	text-align: left;
	color: white;
}

.imageheader {
   height: 110px;
	width: 1120px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: black url(Images/warehouse-text2.jpg);
	overflow: hidden;
}

.imageheader-red {
   height: 110px;
	width: 1120px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: black url(Images/Red-header.jpg);
}

.imageheader-orange {
   height: 110px;
	width: 1120px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: black url(Images/Orange-header.jpg);
}

.imageheader-yellow {
   height: 110px;
	width: 1120px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: black url(Images/Yellow-header.jpg);
}

.imageheader-green {
   height: 110px;
	width: 1120px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: black url(Images/Green-header.jpg);
}

.imageheader-blue {
   height: 110px;
	width: 1120px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: black url(Images/Blue-header.jpg);
}

.imageheader-purple {
   height: 110px;
	width: 1120px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: black url(Images/Purple-header.jpg);
}

.imageheader-black {
   height: 110px;
	width: 1120px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: black url(Images/Black-header.jpg);
}

.data-prologue {
color : black;
	font-family : "Bookman Old Style", "Times New Roman", serif;	
   height: 550px;
	width: 950px;
	overflow: auto;
	font-size: 18px;
	font-weight: normal;
	background: ThreedFace none no-repeat fixed center;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
}

.sidebar-prologue {
	background-color: ThreedFace;
	height: 558px;
}

.footerbar-prologue {
	background-color: ThreedFace;
	height: 20px;
}

/*  Modifies everything that appears in the data class */
.data {
color : silver;
	font-family : "Bookman Old Style", "Times New Roman", serif;	
   height: 550px;
	width: 950px;
	overflow: auto;
	font-size: 18px;
	font-weight: normal;
	background: transparent none no-repeat fixed center;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 20px 10px;
}

.dataheader {
color : silver;
	font-family : "Bookman Old Style", "Times New Roman", serif;	
   height: 100px;
	width: 950px;
	font-size: 20px;
	font-weight: normal;
	background: transparent none no-repeat fixed center;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 20px 10px;
}

.sidebar-red {
	background-color: #330000;
	width: 150px;
	padding: 10px 0px;
	height: 558px;
	background: url(Images/Sidebar-Red.png) repeat-y;
}

.sidebar-orange {
	background-color: #330000;
	width: 150px;
	padding: 10px 0px;
	height: 558px;
	background: url(Images/Sidebar-Orange.png) repeat-y;
}

.sidebar-yellow {
	background-color: #330000;
	width: 150px;
	padding: 10px 0px;
	height: 558px;
	background: url(Images/Sidebar-Yellow.png) repeat-y;
}

.sidebar-green {
	background-color: #330000;
	width: 150px;
	padding: 10px 0px;
	height: 558px;
	background: url(Images/Sidebar-Green.png) repeat-y;
}

.sidebar-blue {
	background-color: #330000;
	width: 150px;
	padding: 10px 0px;
	height: 558px;
	background: url(Images/Sidebar-Blue.png) repeat-y;
}

.sidebar-purple {
	background-color: #330000;
	width: 150px;
	padding: 10px 0px;
	height: 558px;
	background: url(Images/Sidebar-Purple.png) repeat-y;
}

.sidebar-black {
	background-color: #330000;
	width: 150px;
	padding: 10px 0px;
	height: 558px;
	background: url(Images/Sidebar-Black.png) repeat-y;
}

.footerbar {
	background-color: Black;
	height: 20px;
}

.button-red a {
   color: white;
   display: inline-block;
   background: url(Images/menu-red.jpg) no-repeat 0 0px;
	width: 110px;
	height: 20px;
	margin: -3px;
	text-align: center;
	text-decoration: none;
	clear: both;
}

.button-red a:hover {
   display: inline-block;	
   background-position: -110px 0;
   width: 110px;
	height: 20px;
	margin: -3px;
	text-align: center;
	text-decoration: none;
	clear: both;

}

.button-red a:active {
   display: inline-block;	
   background-position: -220px 0;
   width: 110px;
	height: 20px;
	margin: -3px;
	text-align: center;
	text-decoration: none;
	clear: both;

}

.button-orange a {
   color: white;
   display: inline-block;
   background: url(Images/menu-orange.jpg) no-repeat 0 0px;
	width: 110px;
	height: 20px;
	margin: -3px;
	text-align: center;
	text-decoration: none;
	clear: both;
}

.button-orange a:hover {
   display: inline-block;	
   background-position: -110px 0;
   width: 110px;
	height: 20px;
	margin: -3px;
	text-align: center;
	text-decoration: none;
	clear: both;

}

.button-orange a:active {
   display: inline-block;	
   background-position: -220px 0;
   width: 110px;
	height: 20px;
	margin: -3px;
	text-align: center;
	text-decoration: none;
	clear: both;

}

.button-yellow a {
   color: white;
   display: inline-block;
   background: url(Images/menu-yellow.jpg) no-repeat 0 0px;
	width: 110px;
	height: 20px;
	margin: -3px;
	text-align: center;
	text-decoration: none;
	clear: both;
}

.button-yellow a:hover {
   display: inline-block;	
   background-position: -110px 0;
   width: 110px;
	height: 20px;
	margin: -3px;
	text-align: center;
	text-decoration: none;
	clear: both;

}

.button-yellow a:active {
   display: inline-block;	
   background-position: -220px 0;
   width: 110px;
	height: 20px;
	margin: -3px;
	text-align: center;
	text-decoration: none;
	clear: both;

}

.button-green a {
   color: white;
   display: inline-block;
   background: url(Images/menu-green.jpg) no-repeat 0 0px;
	width: 110px;
	height: 20px;
	margin: -3px;
	text-align: center;
	text-decoration: none;
	clear: both;
}

.button-green a:hover {
   display: inline-block;	
   background-position: -110px 0;
   width: 110px;
	height: 20px;
	margin: -3px;
	text-align: center;
	text-decoration: none;
	clear: both;

}

.button-green a:active {
   display: inline-block;	
   background-position: -220px 0;
   width: 110px;
	height: 20px;
	margin: -3px;
	text-align: center;
	text-decoration: none;
	clear: both;

}

.button-blue a {
   color: white;
   display: inline-block;
   background: url(Images/menu-blue.jpg) no-repeat 0 0px;
	width: 110px;
	height: 20px;
	margin: -3px;
	text-align: center;
	text-decoration: none;
	clear: both;
}

.button-blue a:hover {
   display: inline-block;	
   background-position: -110px 0;
   width: 110px;
	height: 20px;
	margin: -3px;
	text-align: center;
	text-decoration: none;
	clear: both;

}

.button-blue a:active {
   display: inline-block;	
   background-position: -220px 0;
   width: 110px;
	height: 20px;
	margin: -3px;
	text-align: center;
	text-decoration: none;
	clear: both;

}

.button-purple a {
   color: white;
   display: inline-block;
   background: url(Images/menu-purple.jpg) no-repeat 0 0px;
	width: 110px;
	height: 20px;
	margin: -3px;
	text-align: center;
	text-decoration: none;
	clear: both;
}

.button-purple a:hover {
   display: inline-block;	
   background-position: -110px 0;
   width: 110px;
	height: 20px;
	margin: -3px;
	text-align: center;
	text-decoration: none;
	clear: both;

}

.button-purple a:active {
   display: inline-block;	
   background-position: -220px 0;
   width: 110px;
	height: 20px;
	margin: -3px;
	text-align: center;
	text-decoration: none;
	clear: both;

}

.button-black a {
   color: white;
   display: inline-block;
   background: url(Images/menu-black.jpg) no-repeat 0 0px;
	width: 110px;
	height: 20px;
	margin: -3px;
	text-align: center;
	text-decoration: none;
	clear: both;
}

.button-black a:hover {
   display: inline-block;	
   background-position: -110px 0;
   width: 110px;
	height: 20px;
	margin: -3px;
	text-align: center;
	text-decoration: none;
	clear: both;

}

.button-black a:active {
   display: inline-block;	
   background-position: -220px 0;
   width: 110px;
	height: 20px;
	margin: -3px;
	text-align: center;
	text-decoration: none;
	clear: both;

}

.menu-red {
	background-color: #660000;
	height: 20px;
}
.menu-orange {
	background-color: #7f3103;
	height: 20px;
}
.menu-yellow {
	background-color: #f3c200;
	height: 20px;
}
.menu-green {
	background-color: #055703;
	height: 20px;
}
.menu-blue {
	background-color: #003297;
	height: 20px;
}
.menu-purple {
	background-color: #320065;
	height: 20px;
}
.menu-black {
	background-color: #353535;
	height: 20px;
}

.book-list {
	height: 265px;
	color : silver;
	overflow: visible;
	font-family : "Bookman Old Style", "Times New Roman", serif;
	background : transparent;
   text-align : left;
	font-weight : normal;
	padding: 5px 5px 5px 5px;
}

.book-cover {
   top: 0px;
	left:0px;
	width: 165px;
	position: relative;
	padding: 5px 5px 5px 5px;
	float: left;
	overflow: hidden;
}

.book-blurb {
   top: 0px;
	left: 0px;
	width: 730px;
	position: relative;
	padding: 5px 5px 5px 5px;
	float: left;
	overflow: auto;
}

.book-title {
   top: 0px;
	left: 0px;
	color: white;
	font-size: large;
	width: 400px;
	position: relative;
	padding: 5px 5px 5px 5px;
	float: left;
	overflow: auto;
}

.book-size {
	color: #33ccff;
   top: 0px;
	left: 0px;
	width: 150px;
	position: relative;
	padding: 25px 5px 5px 5px;
	float: left;
	font: normal small-caps bold smaller;
}

.book-link {
   top: 0px;
	left: 0px;	
	position: relative;
	padding: 5px 0px 5px 5px;
	float: left;
}

#free-list {
   width: 98%;
	position: relative;
	color : silver;
	font-family : "Bookman Old Style", "Times New Roman", serif;
   text-align : left;
	overflow: visible;
	font-weight : normal;
	padding: 0px 0px 0px 0px;
        border-top-width : 1px;
        border-bottom-width : 1px;
        border-left-width : 1px;
        border-color : #669900;
        border-right-width : 1px;
        border-style : solid;
}

#free-list ul{
	padding: 0;
        border-top-width : 1px;
        border-bottom-width : 1px;
        border-left-width : 1px;
        border-color : #669900;
        border-right-width : 1px;
        border-style : solid;
}

#free-list ul li{
   top: 0px;
	left:0px;
	width: 100px;
	position:relative;
	font-weight : normal;
	padding: 5px 5px 5px 0px;
        border-top-width : 1px;
        border-bottom-width : 1px;
        border-left-width : 1px;
        border-color : #669900;
        border-right-width : 1px;
        border-style : solid;
}

.free-genre {
   top: 0px;
	left:0px;
	color: white;
	font-size: large;
	width: 100px;
	position: relative;
	padding: 5px 5px 5px 5px;
	float: left;
	overflow: visible;
        border-top-width : 1px;
        border-bottom-width : 1px;
        border-left-width : 1px;
        border-color : #669900;
        border-right-width : 1px;
        border-style : solid;
}

.free-title {
   top: 0px;
	left: 0px;
	color: white;
	font-size: large;
	width: 400px;
	position: relative;
	padding: 5px 5px 5px 5px;
	float: left;
	overflow: auto;
}


/*  Red bold text, left justified. */
.intro {
	color : red;
	font-family : "Bookman Old Style", "Times New Roman", serif;
	background : transparent;
	font-weight : bold;
	text-align : left;
}


/*  Creates small, green, Italic text inside a box. */
.quote-box {
background-color : #FFFFCC;
        border-top-width : 1px;
        border-bottom-width : 1px;
        border-left-width : 1px;
        border-color : #669900;
        border-right-width : 1px;
        border-style : solid;
        position: relative;
        padding : 8px 8px 8px 8px;
        color : #006633;
        font-size : small;
}

/* Renders text in the body as White-ish.  Can be overridden by a subclass. */
BODY {
	color: silver;
	background : black none no-repeat fixed center;
	font-family: Arial, Tahoma, "Times New Roman";
}