h1 {color: black; background-color: #fa1;
float: left;
display: block;
font: bold 14px Arial;
height: 16px;
width: 100%;
margin: 0px;}

h2 {color: black; background-color: #fa1;
float: left;
display: block;
font: bold 16px Arial;
height: 18px;
width: 100%;
margin: 0px;}

h3 {color: white; background-color: black;
float: left;
display: block;
font: bold 16px Arial;
height: 18px;
width: 100%;
margin: 0px;
}

.frontbutton 
{color: white; background-color: black;
display: block;
font: bold 12px Arial;
width: 100%;
text-align: left;
border-top: 16px solid white;
}

a.frontbutton:hover {color: white; background-color: #90f;}


span {
display: moz-inline-block;
display: inline-block;
}

body { 
text-align: center; 
} 


#whitebar {
float: left;
width: 100%;
height: 18px;
background-color: white;
}

#stack {
display: block;
float: left;
line-height: 15px;
width: 64px;
color: black;
text-decoration: none;
font: normal 10px Arial;
}

a {
color: black;
text-decoration: none;
background-color: none;
}

h3 a {
color: white;
text-decoration: none;
background-color: none;
}

.blocklink {
float: left;
display: block;
line-height: 15px; 
height: 36px;
width: 96px;
color: black;
text-decoration: none;
font: bold 14px Arial;
background-color: none;
}

.quakelink {
float: left;
line-height: 15px; 
height: 36px;
width: 96px;
color: white;
text-decoration: none;
font: normal 10px Arial;
background-color: none;
}

.widelink
{
display: block;
float: left;
line-height: 16px;
height: 32px; 
width: 100%;
color: black;
text-decoration: none;
font: normal 10px Arial;
background-color: none;
text-align: left;
}

a:hover {color: white; background-color: black;}

.color1{background-color: #90f;}
.color2{background-color: #a0f;}
.color3{background-color: #b0f;}

.color4{background-color: #c0f;}
.color5{background-color: #d0f;}
.color6{background-color: #e0f;}

.color7{background-color: #f0f;}
.color8{background-color: #f0e;}
.color9{background-color: #f0d;}

.color10{background-color: #f0c;}
.color11{background-color: #f0b;}
.color11{background-color: #f0a;}

.color12{background-color: #f09;}
.color13{background-color: #f08;}
.color14{background-color: #f07;}

.color15{background-color: #f06;}
.color16{background-color: #f05;}
.color17{background-color: #f04;}

.color18{background-color: #f03;}
.color19{background-color: #f02;}
.color20{background-color: #f01;}

.color21{background-color: #f00;}
.color22{background-color: #f10;}
.color23{background-color: #f20;}

.color24{background-color: #f30;}
.color25{background-color: #f40;}
.color26{background-color: #f50;}

.color27{background-color: #f60;}
.color28{background-color: #f70;}
.color29{background-color: #f80;}

.color30{background-color: #f90;}
.color31{background-color: #fa0;}
.color32{background-color: #fb0;}

.color33{background-color: #fc0;}
.color34{background-color: #fd0;}
.color35{background-color: #fe0;}

.color36{background-color: #ff0;}
.color37{background-color: #ef0;}
.color38{background-color: #df0;}

.color39{background-color: #cf0;}
.color40{background-color: #bf0;}
.color41{background-color: #af0;}


.color42{background-color: #9f0;}
.color43{background-color: #8f0;}
.color44{background-color: #7f0;}

.color45{background-color: #6f0;}
.color46{background-color: #5f0;}
.color47{background-color: #4f0;}

.color48{background-color: #3f0;}
.color49{background-color: #2f0;}
.color50{background-color: #1f0;}

.color51{background-color: #0f0;}
.color52{background-color: #0f1;}
.color53{background-color: #0f2;}

.color54{background-color: #0f3;}
.color55{background-color: #0f4;}
.color56{background-color: #0f5;}

.color57{background-color: #0f6;}
.color58{background-color: #0f7;}
.color59{background-color: #0f8;}

.color60{background-color: #0f9;}
.color61{background-color: #0fa;}
.color62{background-color: #0fb;}


.color63{background-color: #0fc;}
.color64{background-color: #0fd;}
.color{background-color: #0fe;}

.color65{background-color: #0ff;}
.color66{background-color: #0ef;}
.color67{background-color: #0df;}

.color68{background-color: #0cf;}
.color69{background-color: #0bf;}
.color70{background-color: #0af}

.color71{background-color: #09f;}
.color72{background-color: #07f;}
.color73{background-color: #06f;}

.color74{background-color: #06f;}
.color75{background-color: #05f;}
.color76{background-color: #04f;}

.color77{background-color: #03f;}
.color78{background-color: #02f;}
.color79{background-color: #01f;}

.color80{background-color: #00f;}
.color81{background-color: #10f;}
.color82{background-color: #20f;}

.color83{background-color: #30f;}
.color84{background-color: #40f;}
.color85{background-color: #50f;}

.color86{background-color: #60f;}
.color87{background-color: #70f;}
.color88{background-color: #80f;}


.footer{
display: block;
float: left;
font: normal 10px Arial; 
text-decoration: none;
background-color: #847;
width: 100%;
color: black;
border-top: 32px solid white; 
}

#main-text {
float:left;
max-width: 768px;
width: 100%;
background-color: white;
background-image:url('gridlarge.png');
border-bottom: 32px solid white;
Margin-top: 26px;
}

#wrapper {
Margin-left: auto;
Margin-right: auto;
max-width: 768px;
width: 98%;
}

#plain-text {
width: 98%;
border-bottom: 32px solid white;
Margin-left: 1%;
Margin-top: 26px;
text-align: left;
}

#plain-text a {
color: #661122;
text-decoration: none;
background-color: none;
}

#card {
float: left;
width: 31%; 
min-height: 384px;
text-align: left;
background-color: #aaa087;
margin-top:10px;
margin-right: 2%;
}

#main-card {
width: 98%;
border-bottom: 32px solid white;
Margin-left: 28px;
Margin-top: 20px;
text-align: left;
}

#main-card h3{
color: #504b3f; background-color: #9f8f6a;
display: block;
font: normal 32px Arial;
height: 36px;
width: 100%;
}

#main-card h2{
float: none;
color: #504b3f; background-color: #9f8f6a;
display: block;
font: normal 12px Arial;
height: 16px;
width: 100%;
}

#main-card h1{
float: none;
color: #9f8f6a; background-color: #9f8f6a;
display: block;
font: normal 32px Arial;
height: 36px;
width: 100%;
}

#card h3{
float: none;
color: #7f6f4a; background-color: #bdb39a;
display: block;
font: bold 14px Arial;
height: 18px;
width: 100%;
margin-bottom: 2px;
margin-top: 2px;
}

#card h1{
float: none;
color: #green;
background-color: #7f6f4a;
display: block;
font: bold 16px Arial;
height: 20px;
width: 100%;
margin-bottom: 2px;
margin-top: 2px;
}

#card #book1{
width: 80%;
float: left;
background-color: #aaa087;
min-height: 128px;
}

#bookback {
width: 68%;
background-color: white;
border-bottom: 32px solid white;
Margin: 28px;
}

#book {
border-top: 16px solid white;
width: 100%;
float: left;
background-color: #233;
text-align: left;
}

#booktext {
padding: 2px;
background-color: #9aa;
width: 80%;
float: left;
}


.cover{
max-width: 19%;
float: right;
}

#horizontalist {
float: left;
background-color: white;
border-bottom: 32px solid white;
Margin: 28px;
}

#column128 {
float: left;
Width: 128px;
background-color: white;
border-bottom: 32px solid white;
Margin: 4px;
}

#column128 h1 {
float: left;
color: black; 
background-color: #fa1;
display: block;
height: 26px;
width: 128px;
font: bold 11px Arial;
margin: 0px;}

#column128 h2 {
float: left;
color: black; 
background-color:white;
display: block;
height: 32px;
width: 128px;
font: bold 14px Arial;
margin: 0px;}

#column128 h3 {
float: left;
color: black; 
background-color: white;
display: block;
height: 14px;
width: 128px;
font: bold 11px Arial;
margin: 0px;}

#columnblock128{
float: left;
height: 128px;
width: 128px;
font: 11px Arial;
}

#columnblockimg128{
float: left;
align: center;
height: 128px;
font: 9px Arial;
}

#columnblock{
float: left;
}

#frontimg {
width:355px;
height:512px;
} 

.img128{
text-decoration: none; border: 0 none;
Margin: 4px;
max-height:120px;
max-width: 120px;
}

.imghalf{
text-decoration: none; border: 0 none;
Margin: 4px;
width: 50%;
}



img{
text-decoration: none; 
max-width: 768px;
border: 0 none;
bacground: transparent;
}