body
{
text-align: center;
margin: 10px auto;
}

#infocontainer
{
width: 713px;
height: 489px;
margin: auto;
}

#infocontainer #cover
{
padding: 15px;
border: 1px solid #AAA99C;
margin: 0;
width: 681px;
height: 455px;
text-align: center;
}

#infocontainer #buy
{
padding: 15px;
border: 1px solid #AAA99C;
margin: 0;
width: 681px;
height: 455px;
text-align: center;
}

#infocontainer #infoleft
{
padding: 15px;
border-top: 1px solid #AAA99C;
border-bottom: 1px solid #AAA99C;
border-right: none;
border-left: 1px solid #AAA99C;
margin: 0;
width: 325px;
height: 455px;
float: left;
text-align: center;
}

#infocontainer #inforight
{
padding: 15px;
border-top: 1px solid #AAA99C;
border-bottom: 1px solid #AAA99C;
border-right: 1px solid #AAA99C;
border-left: 1px dashed #AAA99C;
margin: 0;
width: 325px;
height: 455px;
float: left;
text-align: center;
}

#textnav
{
padding: 0 0 10px 0;
width: 730px;
text-align: center;
margin: auto;
font-family: Georgia;
font-size: 11px;
color: #AAA99C;
letter-spacing: 4px
}

#textnav a:link,
#textnav a:visited,
#textnav a:active
{
color: #AAA99C;
text-decoration: none;
}

#textnav a:hover
{
color: #AAA99C;
text-decoration: underline;
}

#bottomlogo
{
padding: 10px 0 0 0;
width: 730px;
text-align: center;
margin: auto;
}


#alphabetnav
{
width: 713px;
height: 40px;
text-align: left;
margin: 20px auto 0 auto;
}

#alphabetnav .pagebutton
{
text-align: center;
font-family: Georgia;
font-size: 18px;
color: white;
text-decoration: none;
display: block;
width: 25px;
float: left;
margin: 0 2px 0 0;
padding: 8px 0 10px 0;
}

#alphabetnav .pagebutton:hover
{
background: #F3EC18;
color: black;
}



.pageA {background: #5B77B0;}
.pageB {background: #958278;}
.pageC {background: #C06027;}
.pageD {background: #28283B;}
.pageE {background: #CF966F;}
.pageF {background: #7EAD5C;}
.pageG {background: #6CCDE5;}
.pageH {background: #8B8D90;}
.pageI {background: #EB4436;}
.pageJ {background: #6C7148;}
.pageK {background: #D5BE5A;}
.pageL {background: #554C5E;}
.pageM {background: #054A26;}
.pageN {background: #EB5624;}
.pageO {background: #75898F;}
.pageP {background: #B53125;}
.pageQ {background: #999035;}
.pageR {background: #B8D2E8;}
.pageS {background: #11172B;}
.pageT {background: #511122;}
.pageU {background: #F07FAA;}
.pageV {background: #66CCE4;}
.pageW {background: #0E5C90;}
.pageX {background: #567A37;}
.pageY {background: #88722C;}
.pageZ {background: #83C3CE;}


.header
{
text-align: center;
font-family: Georgia;
font-size: 16px;
color: #AAA99C;
padding: 0 0 15px 0;
}

#aboutcontainer
{
padding: 100px 20px 0 20px;
}

.about
{
text-align: center;
font-family: Georgia;
font-size: 12px;
color: #AAA99C;
padding: 0 0 15px 0;
}

.about
{
text-align: center;
font-family: Georgia;
font-size: 12px;
color: #AAA99C;
padding: 0 0 15px 0;
}

.about a:link,
.about a:visited,
.about a:active
{
color: #AAA99C;
text-decoration: underline;
}

.about a:hover
{
color: #AAA99C;
text-decoration: none;
}

#credit
{
text-align: left;
font-family: Georgia;
font-size: 11px;
color: #AAA99C;
margin: auto;
}

#credit a:link,
#credit a:visited,
#credit a:active
{
color: #AAA99C;
text-decoration: none;
}

#credit a:hover
{
color: #AAA99C;
text-decoration: underline;
}

#credit td
{
padding: 0 20px 1px 0;
}