body {color: #ffffff; background: #5D6E86; background-image: url('./images/bg.gif'); background-repeat: repeat-x; margin: 0px; padding: 0px; font-family: tahoma, arial; height: 100%;}

html {height: 100%; margin: 0px; padding: 0px;}

#all {position: relative; height: 100%;}

html>body #all {height: auto; min-height: 100%;}

#body {height: _foo_; padding-bottom: 50px;}
#footer {height: _foo_;}

#footer {position: absolute; left: 0; bottom: -1; width: 100%;}

#footer table {background-image: url('./images/bg_bot.gif'); background-repeat: repeat-x; background-position: bottom;}
#footer table td {padding-left: 65px; padding-top: 10px; padding-bottom: 10px; color: #ffffff; padding-right: 20px; height: 50px;}

td {font-size: 70%;}

a {color: #EBEBEB;}
a:hover {color: #ffffff; text-decoration: none;}

a.white {color: #ffffff; text-decoration: none;}
a.white:hover {color: #ffffff; text-decoration: underline;}

.toppanel {background-image: url('./images/toppanel.jpg'); background-repeat: no-repeat; height: 195px; vertical-align: top;}

.leftcol {background: #88898C; background-image: url('./images/bg_left.jpg'); background-repeat: no-repeat;}

.picsm {background: url('./images/picbgsmall50.gif') no-repeat; padding: 4px; text-align: center; vertical-align: middle; width:58px; clear:both; display:block;}

html>body .picsm { padding-left: 0px; }

.pic {background-image: url('./images/bgcover200.gif'); background-repeat: no-repeat; padding: 6px; text-align: center; vertical-align: middle; width: 216px;}
.pic2 {background-image: url('./images/bgcover.gif'); background-repeat: no-repeat; padding: 6px; text-align: center; vertical-align: middle; width: 216px;}
.pic3 {background-image: url('./images/bgcover200.gif'); background-repeat: no-repeat; padding: 6px; text-align: center; vertical-align: middle; width: 216px;}

html>body .pic, .pic2, .pic3 { padding-left:0px; }

.desc {text-align: left; width: 98px; height:auto; clear:both; display:block; }
.desc2 {text-align: left; padding-left: 7px; padding-right: 10px;}

.shd {background-image: url('./images/shadow2.jpg'); background-repeat: no-repeat; background-position: 0 bottom;}

.tdbg {background-image: url('./images/topbg.gif'); background-repeat: repeat-x; vertical-align: top; padding-top: 12px; padding-left: 10px;}
.tdbg h1{font-family: arial narrow; font-size: 16px; position: relative; top: -3px;}

.hr {background-image: url('./images/hr.gif'); background-repeat: repeat-x; height: 25px; background-position: 0 10;}

.botpanel {background-image: url('./images/botpanel.jpg'); background-repeat: no-repeat; height: 76px;}

.searchform {position: relative; top: 90; right: 40;}

.alphabet {position: relative; top: 97; right: 40;}
.alphabet td {font-size: 11px;}

.bygenre {position: relative; top: 102; left: -80;}
.bygenre td {font-size: 12px;}

.botmenu {position: relative; top: 22; left: 300;}
.botmenu td {font-size: 12px; padding-left: 10px;}

.marker {position: relative; top: -2px;}

ul.marked { list-style-image: url(images/marker2.gif); margin-left: 17px; }
html>body ul.marked { padding-left: 10px; }

ul.marked li {padding-top: 0px; padding-bottom: 10px;}

.cell {padding-left: 10px; padding-top: 0px; padding-bottom: 0px; padding-right: 10px;}
.cell2 {padding-left: 10px; padding-top: 5px; padding-bottom: 5px; padding-right: 10px; }

.download {padding-top: 30px;}

.vdot {background-image: url('./images/vdot.gif'); background-repeat: repeat-y;}

div.right { padding:0 0 10px 20px; display:block; clear:both; }

h2 {font-size:16px; font-family:arial narrow; color:#222; margin:0 0 10px 0; display:block; }
h2 a { text-decoration:none; padding:0 0 0 10px; }