
body {
    text-align: center;
    color: #000;
    background-color: #DE924E ;
    background-image:   url(canvastext3.jpg);
    }

ul  {
    margin:                 0;
    padding:                0;
    }
    
#bodyIndex {
    /*background-color:     #005;*/
    color:                  #DE924E;
    background: #005 ;
    }

#introtext {
    color:                  #DE924E;
    font-family:            Georgia, Times New Roman, serif;
    /*font-size:                44pt;*/
    font-size:              4.2em;
    text-align:             center;
    letter-spacing:         .1em;
    word-spacing:           .2em;
    border:                 0px black solid;
    margin-bottom:          40px;
    margin-top:             20%;
    }

#introclicktext {
    color:                  #000055;
    font-family:            Arial;
    font-size:              9pt;
    text-align:             center;
    letter-spacing:         .2em;
    word-spacing:           .2em;
    border:                 0px black solid;
    margin-top:             40px;
    }
    
/***    
#wrap {
    position: relative;
    margin: 0 auto;
    padding: 0;
    font-size: 95%;
    text-align: left;
    width: 80%;
    background: #000;
    }
***/

#wrap {
    position: relative;
    margin: 0 auto;
    padding: 0;
    height: 470px;
    text-align: center;
    /*width: 950px;*/
    width: 765px;
    background: #000;
    border:             0px dashed red;
    }

#leftcol {
    width:              132px;
    height:             415px;
    padding:            25px 0 0 0;
    text-align:         center;
    font-family:        Arial;
    color:              #fff;
    background-color:   #000;
    float:              left;
    }

#centerwrap {
    background-color:   #fff;
    padding:            5px;        /* was 5 */
    width:              490px;      /* was 500 */
    /*height:               500px;*/
    text-align:         center;
    border:             0px solid red;
    float:              left;
    }
#centertopbottom {
    background:         #000 ;
    height:             15px;
    border:             0px blue dashed;
    }   

#centercol {
    background-color:   #000;
    width:              490px;
    height:             400px;
    margin:             0;
    padding:            0;
    border:             0px solid blue;
    float:              left;
    display:            block;
    }   
#infobox {
    /*width:                500px;*/
    /*height:               25px;*/
    margin:             0 auto;
    background-color:   #000;
    color:              white;
    font-family:        Arial;
    font-size:          8pt;
    letter-spacing:     .06em;
    /*font-variant:     small-caps;*/
    }   

#rightcol {
    width:              132px;
    height:             415px;
    padding:            25px 0 0 0; 
    text-align:         center;
    background-color:   #000;
    float:              left;
    }   
#thumb {
    margin:             5px 0;
    }   

#logo {
    background: #3874BB url(images/logobgm.jpg) repeat-y ;
    height: 90px;
    font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    font-size: 250%;
    font-weight: normal;
    color: #fff;
    padding: 15px;
    margin: 0;
    }

#nav {
    float: left;
    width: 750px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 82%;
    border-top: 1px solid #64A6F3;
    border-bottom: 3px solid #134783;
    /*background: #235C9D url(../img/nav-bg-blue.gif) repeat-x top left;*/
    background: #000050 url(../img/nav-bg-blue.gif) repeat-x top left;
    } 

#nav li {
    letter-spacing: .1em;
    font-size: 130%;
    height: 20px;
    color: #555;
    float: left;
    margin: 0;
    padding: 15px 1px 15px 10px;
    list-style: none;
    background: url(../img/nav-li-bg-blu.gif) no-repeat top right;
    }

#nav a:link{ color:#fff;text-decoration:none;
    }

#nav a:visited{ color:white;text-decoration:none;
    }

#nav a:active{ color:white;text-decoration:none;
    }

#nav a:hover{ color:white;text-decoration:underline;
    }

.pagenav {
    letter-spacing:.01em;
    font-size:small;
    font-family:Arial, sans serif;
    font-variant:small-caps;
    text-decoration:none;
    
    }
.pagenav a:link {
    color:#fff;
    text-decoration:none;
    }

.pagenav a:hover {
    color:#0af;
    text-decoration:none;
    }

#serieslist {
    text-align:center;
    font-variant:small-caps;
    line-height:2em;
    letter-spacing:.1em;
    font-family:Times New Roman, Sans Serif;
    color:white;
    font-weight:bold;
    font-size:130%;
    margin:30px;
    padding:20px;
    text-decoration:none;
    
    }
#serieslist a {
    text-decoration:none;
    color:white;
    }   

#row {
    width:100%;
    text-align:center;
    margin:3px 0;
    }

#rowtitle {
    clear:both;
    width:100%;
    color:white;
    font-size:85%;
    font-family:Arial, Sans Serif;
    letter-spacing:.1em;
    font-weight:bold;
    padding:5px 0;
    }   

#rowinfo {
    clear:both;
    width:100%;
    color:white;
    font-size:75%;
    font-family:Arial, Sans Serif;
    letter-spacing:.1em;
    }   
    
#interrow {
    height:20px;
    /*background-color: #d62 ;*/
    background-color: #a30 ;
    }   


#title {
    clear: left;
    padding: 25px 310px 25px 25px;
    background: #101010 url(../img/h-bg-def.gif) no-repeat bottom right;
    }

#main-body {
    float: left;
    width: 521px;
    }

#content {
    margin: 25px 0;
    padding: 0 25px;
    background: #fff;
    }

#sidebar {
    width: 219px;
    float: right;
    margin: 0 0 25px 0;
    padding: 0;
    font-size: 90%;
    line-height: 1.5em;
    color: #888;
    }

#footer {
    text-align:     center;
    position:       relative;
    clear:          both;
    margin:         0 0 30px 0;
    padding:        20px;
    font-size:      70%;
    font-family:    Arial, Verdana, Sans Serif;
    color:          #111;
    /*background:   #000 ;*/
    }
#footer a {
    text-decoration:    none;
    color:              #000;
    font-weight:        normal;
    }   
#footer ul {
    list-style:     none;
    letter-spacing: .1em;
    font-variant:   small-caps;
    }
#footer ul li {
    display:        inline;
    margin:         3px 10px;
    }   
#footer ul li a{    
    text-decoration:none;
    color:          #fff;
    }
#footer ul li a:hover{
    color:              #fff;
    background-color:   #910;
    }
    
    
#headerLD   {
    color:              #000;
    font-family:        Georgia, Times New Roman, serif;
    font-size:          36pt;
    text-align:         left;
    float:              left;
    letter-spacing:     .05em;
    word-spacing:       .2em;
    border:             0px black solid;
    /*border-bottom:        1px black solid;*/
    margin-bottom:      0;
    padding:            0 0 0px 0;
    }
    
#headersubtitle {
    font-size:          12pt;
    font-variant:       small-caps;
    font-weight:        normal;
    letter-spacing:     .2em;
    word-spacing:       normal;
    }
    
#navbox {
    text-align:         center;
    /*font-variant:         small-caps;*/
    font-family:        Arial, BernhardMod BT, Impact;
    font-size:          80%;
    letter-spacing:     .1em;
    border:             1px black solid;
    font-weight:        normal;
    background-color:   #005;
    color:              #fff;
    width:              500px;
    margin:             0 auto 10px auto;
    padding:            5px 0;
    }
    
#navbox ul {
    display:        inline; 
    margin:         0; 
    padding:        0;
    }
    
#navbox ul li {     
    display:        inline; 
    padding:        0;
    margin:         0 5px;
    }
    
#navbox ul li a {
    text-decoration:    none;
    color:              #fff;
    /*color:                #DE924E;*/
    }

#navbox ul li a:hover{
    text-decoration:    none;
    color:              #aaf;
    }
    
#seriestitle {
    color:              #fff;
    background-color:   #333;
    text-align:         center;
    font-family:        Georgia, Times, serif;
    font-size:          1.5em;
    font-variant:       small-caps;
    letter-spacing:     .1em;
    padding:            .5em 0;
    
    }
    
#singletitle {
    color:              #fff;
    
    }   
    
#topnav {
    float:              right;
    text-align:         right;
    font-variant:       small-caps;
    width:              400px;
    /*background-color: #000;*/
    padding:            0px;
}   
#topnav li {
    /*background:           #eee url(ximages/navbg1.jpg) repeat-x;*/
    margin:             0px ;
    padding:            0px;
    color:              #000;
    font-weight:        bold;
    font-size:          85%;
    height:             15px;
    list-style-type:    none;
    display:            inline;
    }       
#topnav li a {
    color:              black;
    text-decoration:    none;
    font-family:        Arial;
    
    }   
#topnav li a:hover{ 
    color:              blue;
    font-weight:        bold;
    list-style-type:    disc;
    }
    
#footerlinks  {
    display:            inline;
    margin:             0 5px;
    white-space:        nowrap;
    }   
    
#footerlinks a {
    text-decoration:    none;
    color:              white;
    }   
    
#ddwrap {
    border:             10px ridge #888;
    padding:            15px;
    background-color:   #000;
    margin:             0 auto;
    width:              600px;
    }
#ddinfobox {
    color:              #fff;
    font-family:        Arial;
    padding:            3px;
    }   
    
#pagetitle {
    text-align:         center;
    font-family:        Garamond;
    font-size:          125%;
    letter-spacing:     .08em;
    font-weight:        bold;
    margin-bottom:      10px;
    }
    