<style type="text/css">


/* General Syles ------------------------------------------------------------------------------------------------ */
a:link {color: #0000FF;}
a:visited{color: #800080;}
a:active{color: #FF0000;}
body {font-family: sans-serif; color: #000000; font-size:12px;}
h1, h2 {font-family: sans-serif; font-weight: bold; font-size: 18px; color: #FFFFFF; margin: 0;}

/* Custom Styles  ------------------------------------------------------------------------------------------------
Blue: 3399CC E7EFF3
Green: 80C222 E8F5D3
Orange: DC8531 FFF9EE
*/

div.label {font-weight: bold; font-size: 18px; text-align: left;}
div.layout1 {background-color: #FFAB07; font-weight: bold; font-size: 18px; text-align: center; padding-top: 5px; padding-bottom: 5px;}
img.star {border:0px;}
font.small {font-weight:normal; font-size:12px; text-decoration:none;}
.collapse {padding:0; margin:0;} /* This is used on the form for the search and drop-down boxes */

/* Header */
table.header {border-collapse:collapse; border:0px solid #EEEEEE; width:100%; }
td.header {border-collapse:collapse; border:0px solid #EEEEEE; padding:5px; text-align:left;}
img.header {height:80px; width:85px; padding-top:0px; padding-right:15px; padding-left:19px; border:0px;}
.header-name {color: #DC8531; font-weight:bold; font-size:30px; text-decoration:none; line-height: 1.25em;}
.header-small-blue {color: #3399CC; text-decoration:none; font-style: italic; font-weight:bold; font-size:12px; }
table.header-search-green {background-color:#E8F5D3; border-collapse:collapse; border:1px solid #80C222; text-align:left; }
th.header-search-green {background-color:#80C222; border-collapse:collapse; border:1px solid #80C222; padding:5px; font-size:15px; font-weight: bold; color: #FFFFFF;}
td.header-search-green {border-collapse:collapse; border:1px solid #80C222; padding:5px; }
table.header-search-blue {background-color:#E7EFF3; border-collapse:collapse; border:1px solid #3399CC; text-align:left; }
th.header-search-blue {background-color:#3399CC; border-collapse:collapse; border:1px solid #3399CC; padding:5px; font-size:15px; font-weight: bold; color: #FFFFFF;}
td.header-search-blue {border-collapse:collapse; border:1px solid #3399CC; padding:5px; height:5px}

/* Sort */
table.sort {background-color:#FFF9EE; border-collapse:collapse; border:1px solid #DC8531; width:100%; text-align:left;}
th.sort {background-color:#DC8531; border-collapse:collapse; border:1px solid #DC8531; padding:5px; font-weight: bold; font-size: 18px; color: #FFFFFF;}
td.sort {border-collapse:collapse; border:1px solid #DC8531; padding:5px; font-weight: bold; }

/* Genre */
table.genre-title {background-color:#FFF9EE; border-collapse:collapse; border:1px solid #DC8531; width:100%; }
th.genre-title {background-color:#DC8531; border-collapse:collapse; border:1px solid #DC8531; padding:5px; font-weight: bold; font-size: 18px; color: #FFFFFF; text-align:left;}
td.genre-title {border-collapse:collapse; border:0px solid #DC8531; padding:5px; font-weight:bold; font-size: 16px; text-align:left;}
font.genre-title {font-weight:bold; font-size:18px; text-decoration:none;}
table.genre-link {background-color:#E8F5D3; border-collapse:collapse; border:1px solid #80C222; width:100%; text-align:left;}
th.genre-link {background-color:#80C222; border-collapse:collapse; border:1px solid #80C222; padding:5px; font-weight: bold; font-size: 18px; color: #FFFFFF;}
td.genre-link {border-collapse:collapse; border:1px solid #80C222; padding:5px;}
table.genre-select {background-color:#E7EFF3; border-collapse:collapse; border:1px solid #3399CC; width:100%; text-align:left; }
th.genre-select {background-color:#3399CC; border-collapse:collapse; border:1px solid #3399CC; padding:5px; font-weight: bold; color: #FFFFFF;}
td.genre-select {border-collapse:collapse; border:1px solid #3399CC; padding:5px; }

/* Book */
img.cover {padding-right:10px;float:left; vertical-align:middle;}
font.author {font-weight:bold; font-size:18px; text-align: left;}
table.book {background-color:#E7EFF3; border-collapse:collapse; border:1px solid #3399CC; width:100%; text-align:left;}
th.book {background-color:#3399CC; border-collapse:collapse; border:1px solid #3399CC; padding:5px; font-weight: bold; font-size: 18px; color: #FFFFFF;}
td.book {border-collapse:collapse; border:0px solid #3399CC; padding:5px;}
td.book2 {border-collapse:collapse; border:1px solid #3399CC; padding:5px;}

/* Download */
img.download {padding-right:10px; height:85px; width:85px; border:0px; float:left;}
p.download {font-weight:bold; font-size:18px; text-align: left; color: black; text-decoration:none; margin: 0 0 .5em; padding: 0;}
p.download2 {text-decoration:none; margin: 0 0 0em; padding: 0; color: black;}

/* Review */
table.review {background-color:#E8F5D3; border-collapse:collapse; border:1px solid #80C222; width:100%; text-align:left;}
th.review {background-color:#80C222; border-collapse:collapse; border:1px solid #80C222; padding:5px; font-weight: bold; font-size: 18px; color: #FFFFFF;}
td.review {border-collapse:collapse; border:1px solid #80C222; padding:5px;}

/* Link */
table.link {background-color:#FFF9EE; border-collapse:collapse; border:1px solid #DC8531; width:100%; text-align:left;}
th.link {background-color:#DC8531; border-collapse:collapse; border:1px solid #DC8531; padding:5px; font-weight: bold; font-size: 18px; color: #FFFFFF;}
td.link {border-collapse:collapse; border:1px solid #DC8531; padding:5px;}

/* Language */
table.language {background-color:#E7EFF3; border-collapse:collapse; border:1px solid #3399CC; width:100%; text-align:left;}
th.language {background-color:#3399CC; border-collapse:collapse; border:1px solid #3399CC; padding:5px; font-weight: bold; color: #FFFFFF;}
td.language {border-collapse:collapse; border:1px solid #3399CC; padding:5px;}
table.language-title {background-color:#FFF9EE; border-collapse:collapse; border:0px solid #DC8531; width:100%; text-align:center; text-align:left;}
th.language-title {background-color:#DC8531; border-collapse:collapse; border:0px solid #DC8531; padding:5px; font-weight: bold; font-size: 18px; color: #FFFFFF;}
td.language-title {border-collapse:collapse; border:0px solid #DC8531; padding:5px; font-weight:bold; font-size: 16px;}

/* About */
table.about {background-color:#E7EFF3; border-collapse:collapse; border:1px solid #3399CC; width:100%; text-align:left;}
th.about {background-color:#3399CC; border-collapse:collapse; border:1px solid #3399CC; padding:5px; font-weight: bold; font-size: 18px; text-align:left; color: #FFFFFF;}
td.about {border-collapse:collapse; border:1px solid #3399CC; padding:5px;}
font.about-title {font-weight: normal; font-size: 18px;}
font.about {font-weight: normal; font-size: 15px;}

/* Layouts 1-3 */
img.layout {border:0px;}

table.layout1 {background-color:#E8F5D3; border-collapse:collapse; border:1px solid #80C222; width:100%; text-align:left;}
th.layout1 {background-color:#80C222; border-collapse:collapse; border:1px solid #80C222; padding:5px; font-weight: bold; font-size: 18px; color: #FFFFFF;}
td.layout1 {border-collapse:collapse; border:0px solid #80C222; padding:5px;}
table.layout1-blue {background-color:#E7EFF3; border-collapse:collapse; border:1px solid #3399CC; width:100%; text-align:left;}
th.layout1-blue {background-color:#3399CC; border-collapse:collapse; border:1px solid #3399CC; padding:5px; font-weight: bold; font-size: 18px; color: #FFFFFF;}
font.layout1-title {font-weight: bold; font-size: 18px;}

table.layout2-blue {background-color:#E7EFF3; border-collapse:collapse; border:1px solid #3399CC; width:100%; text-align:center;}
th.layout2-blue {background-color:#3399CC; border-collapse:collapse; border:1px solid #3399CC; padding:5px; font-weight: bold; font-size: 18px; text-align:left; color: #FFFFFF;}
td.layout2-blue {border-collapse:collapse; border:1px solid #3399CC; padding:5px;}
table.layout2-orange {background-color:#FFF9EE; border-collapse:collapse; border:1px solid #DC8531; width:100%; text-align:center;}
th.layout2-orange {background-color:#DC8531; border-collapse:collapse; border:1px solid #DC8531; padding:5px; font-weight: bold; font-size: 18px; text-align:left; color: #FFFFFF;}
td.layout2-orange {border-collapse:collapse; border:1px solid #DC8531; padding:5px;}

table.layout3 {background-color:#E8F5D3; border-collapse:collapse; border:1px solid #80C222; width:100%; text-align:left;}
th.layout3 {background-color:#80C222; border-collapse:collapse; border:1px solid #80C222; padding:5px; font-weight: bold; font-size: 18px; color: #FFFFFF;}
td.layout3 {border-collapse:collapse; border:1px solid #80C222; padding:1px;}


/* Google Search Box  ------------------------------------------------------------------------------------------------ */
.google-search-box {
	width: 350px;
	height: 26px;
	font-size: 18px;
}

.google-search-button {
	background: #DC8531;
	color: #FFFFFF;
	font-size: 18px;
}


/* Column Layout  ------------------------------------------------------------------------------------------------ */
body{
margin:0;
padding:0;
line-height: 1.5em;
}

b{font-size: 110%;}

#topsection{
background: #EEEEEE;
height: 90px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 197px 0 160px; /*Margins for content column. Should be "0 right-column-width 0 left-column-width*/
}

#leftcolumn{
float: left;
width: 160px; /*Width of left column */
margin-left: -100%;
background: #FFFFFF;
}

#rightcolumn{
float: left;
width: 197px; /*Width of right column in pixels*/
margin-left: -197px; /*Set margin to -(RightColumnWidth)*/
background: #FFFFFF;
}

#footer{
clear: left;
width: 100%;
background: #EEEEEE;
text-align: center;
padding: 4px 0;
}

.innertube{
margin: 8px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

</style>
