html {height: 100%}

body {margin: 5px; color: #ffffff; font-family: verdana, arial, sans-serif; font-size: 12px; background-color: #535323}
body.home {height: 100%; margin: 0px}
body.viewer {font-size: 10px; color: #ffffff; font-weight: bold; background-color: #000000}


table          {border-collapse: collapse; empty-cells: show; border: solid 0px #ffffff}
table.product  {border: solid 1px #000000; background-color: #666666}
table.center   {margin-left: auto; margin-right: auto}


td            {color: #ffffff; font-family: verdana, arial, sans-serif; font-size: 12px; text-align: left}
td.product-hd {padding: 3px; background-color: #000000; font-weight: bold; font-size: 13px; text-align: center}
td.product-bd {padding: 10px}
td.colhead-2  {font-size: 10px; color: #ffffff; font-weight: bold}
td.colhead-1  {color: #ffffff; font-weight: bold}
td.cell-2     {font-size: 10px}
td.cell-1     {}
td.h3         
{  
  color: #cc9933; font-weight: bold; font-size: 11px; font-family: verdana;
  padding-bottom: 1px; border-bottom: solid 1px #cccc99;
}


a:link    {color: #cccc99; font-weight: bold; text-decoration: none}
a:visited {color: #cccc99; font-weight: bold; text-decoration: none}
a:hover   {color: #ffffcc; font-weight: bold; text-decoration: underline}

a.subnav:link    {font-weight: normal; text-decoration: none; color: #cccc99}
a.subnav:visited {font-weight: normal; text-decoration: none; color: #cccc99}
a.subnav:hover   {font-weight: normal; text-decoration: underline; none; color: #ffffcc}

a.subnavcurrent:link    {font-weight: bold; text-decoration: none; color: #ffffcc}
a.subnavcurrent:visited {font-weight: bold; text-decoration: none; color: #ffffcc}
a.subnavcurrent:hover   {font-weight: bold; text-decoration: none; color: #ffffcc}

a.noul:link    {text-decoration: none}
a.noul:visited {text-decoration: none}
a.noul:hover   {text-decoration: underline}

a.underline:link    {text-decoration: underline}
a.underline:visited {text-decoration: underline}
a.underline:hover   {text-decoration: underline}

a.blogtitle:link    {color: #cc9933; font-weight: bold; text-decoration: none}
a.blogtitle:visited {color: #cc9933; font-weight: bold; text-decoration: none}
a.blogtitle:hover   {color: #ffffcc; font-weight: bold; text-decoration: underline}

a.dark:link    {font-size: 11px; color: #663300; text-decoration: none}
a.dark:visited {font-size: 11px; color: #663300; text-decoration: none}
a.dark:hover   {font-size: 11px; color: #996600; text-decoration: underline}

a.smallwhite:link    {font-size: 10px; color: #ffffff; font-weight: normal; text-decoration: none}
a.smallwhite:visited {font-size: 10px; color: #ffffff; font-weight: normal; text-decoration: none}
a.smallwhite:hover   {font-size: 10px; color: #ffffff; font-weight: normal; text-decoration: none}

a.venue:link    {font-size: 10px; font-weight: bold; color: #663300; text-decoration: underline}
a.venue:visited {font-size: 10px; font-weight: bold; color: #663300; text-decoration: underline}
a.venue:hover   {font-size: 10px; font-weight: bold; color: #996600; text-decoration: underline}

a.lyrics:link    {color: #ffffcc; text-decoration: underline}
a.lyrics:visited {color: #ffffcc; text-decoration: underline}
a.lyrics:hover   {color: #ffffff; text-decoration: underline}

a.foot:link    {font-family: arial; font-size: 10px; text-decoration: none}
a.foot:visited {font-family: arial; font-size: 10px; text-decoration: none}
a.foot:hover   {font-family: arial; font-size: 10px; text-decoration: underline; color: #ffffcc}

a.photolink:link    {font-size: 10px; color: #cc9933}
a.photolink:visited {font-size: 10px; color: #cc9933}
a.photolink:hover   {font-size: 10px; color: #ffff99}

a.admin:link    {font-size: 11px; color: #663300; text-decoration: underline}
a.admin:visited {font-size: 11px; color: #663300; text-decoration: underline}
a.admin:hover   {font-size: 11px; color: #996600; text-decoration: underline}


h2 
{
  margin: 12px 0px 0px 0px; font-size: 14px; font-weight: bold; border-bottom: solid 2px #000000; 
  width: 593px;
}

h3 
{
  color: #cc9933; font-weight: bold; font-size: 11px; font-family: verdana;
  padding: 0px 0px 1px 0px; margin: 10px 0px 7px 0px; border-bottom: solid 1px #cccc99;
}

h3.first {margin-top: 0px}

h4 
{
  font-weight: bold; font-size: 10px; border-bottom: dotted 1px #cccc99; color: #cccc99; 
  margin: 0px; text-transform: uppercase;
}

ul.mediagroup {padding: 0px 0px 0px 10px; margin: 5px 0px 30px 10px; font-size: 11px}

li.mediagroup {padding-bottom: 6px}
li.songname {font-size: 10px; padding-top: 7px; font-weight: bold}

img.thumbnail {border: solid 1px #ffff99}
img.right     {margin-left:  15px; margin-bottom: 10px; border: solid 1px #cccc99}
img.left      {margin-right: 15px; margin-bottom: 10px; border: solid 1px #cccc99}
img.border    {border: solid 1px #ffffcc}
img.singleborder    {border: solid 1px #663300}
img.hide {display: none}


div.hideblock {display: none}
div.showblock {display: block}

div.nav-subsection {position: relative; top: -20px; width: 593px; padding: 2px 0px 0px 0px; font-size: 11px; font-family: verdana, sans-serif; text-align: right}
div.nav-foot       {width: 593px; clear: both; margin-top: 30px; text-align: center; border-top: solid 2px #000000}
div.nav-mediatype  {padding: 5px 0px 0px 0px; text-align: center; font-size: 10px}

div.backlink {font-size: 10px; text-align: center}
div.groupdate {font-size: 10px; font-weight: bold; color: #ffffff; text-align: right}
div.mediacredit {font-size: 10px; color: #ffffff; padding-left: 15px}  
div.songname {font-size: 18px; font-family: arial; font-weight: normal; text-align: center; text-decoration: underline}

span.groupnote {font-weight: normal; color: #cccc99}
span.grouplocation {font-weight: normal; color: #cccc99; font-style: italic}
span.subheading {font-weight: normal; color: #cc9900}
span.subtypelabel {position: relative; top: 0px; font-size: 10px; font-weight: bold; text-transform: uppercase; padding-right: 6px}


p {}
p.first {margin-top: 0px}


hr {height: 1px; color: #000000; background-color: #000000; border: 0px; clear: both}


.left   {text-align: left}
.center {text-align: center}
.right  {text-align: right}

.clear {clear: both}
.indent {text-indent: 10px}
.indent2 {text-indent: 25px}
.justify  {text-align: justify; line-height: 1.3}

.big {font-size: 15px}
.lrg {font-size: 13px}
.reg {font-size: 12px}
.med {font-size: 11px}
.sml {font-size: 10px}

.wht  {color: #ffffff}
.blk  {color: #000000}
.tan  {color: #cccc99}

.bold {font-weight: bold}
.ital {font-style: italic}

.box {background-color: #737343; border: solid 1px #ffffcc}



.caption  {font-family: arial; font-size: 10px; font-weight: normal; color: #ffffff; text-align: center}

.newsdate  {color: #ffff99; font-weight: bold; font-size: 11px; font-family: verdana}
.newstitle {color: #cc9933; font-weight: bold; font-size: 11px; font-family: verdana}
.blogbody  {}

.linkcat  {font-weight: bold; font-size: 11px; color: #ffff99; text-transform: uppercase; text-decoration: underline}
.linkdesc {font-size: 10px; padding: 3px 0px 0px 25px; display: block}



.row1 {background-color: #ddddaa}
.row2 {background-color: #eeeedd}

.admincontent {font-size: 10px; color: #000000}
.adminmessage {font-weight: bold; color: #cc3333}
.adminheading1 {font-size: 11px; font-weight: bold; color: #666633}
.adminheading2 {font-size: 11px; font-weight: bold; color: #999999}
.adminheading3 {font-size: 11px; font-weight: bold; color: #663300}
