body {
   text-align:center;
   font-family: arial, sans-serif;
   font-size:76%;
   letter-spacing:0.05em;
   padding: 0px;
   }

#main_title {
      margin:2px 0px 20px 5px;
      padding:0;
      position:relative;
      width:238px; height:40px;
      overflow:hidden;
      float: left;
      border: 0;
      font-size:130%;
      font-weight:bolder;
      text-align:left;
}

#main_title span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:238px; height:40px;
      margin:0; padding:0;
      background:url("graphics/new/topbar_logo.gif") top left no-repeat;
}

h2 {
    text-align: left;
    font-family: verdana, sans-serif;
    font-size: 130%;
    letter-spacing: -0.00em;
    margin:5px 0 0 38px;
    padding:0;
    position:relative;
    color: white;
}

h3 {
    text-align: left;
    font-family: verdana, sans-serif;
    font-weight: bold;
    font-size: 130%;
    letter-spacing: -0.00em;
    position:relative;
    margin:5px 0 2px 5px;
    color: black;
}

a   {
    color: #990000;
    text-decoration: none;
}

a:visited   {
    color: #330000;
    text-decoration: none;
}

a:hover   {
    color: #FF9933;
    text-decoration: underline;
}



div.bandinfo {
    text-align: left;
    font-family: arial, sans-serif;
    letter-spacing: -0.00em;
    position:relative;
    margin: 0 0 0 5px;
    color: black;
}

div.bandlinks {
    font-size: 90%;
    text-align: left;
    font-family: arial, sans-serif;
    letter-spacing: -0.00em;
    position:relative;
    margin: 2px 0 10px 5px;
    color: black;
}

div.sitelinks {
    font-size: 90%;
    text-align: left;
    font-family: arial, sans-serif;
    letter-spacing: -0.00em;
    position:relative;
    margin: 2px 0 0 5px;
    color: black;
}

div.topbar {

    position:relative;
    width:950px;
    height:44px;
    margin:5px auto 0 auto;
    padding: 0;
    border:1px solid #aaa;
    overflow:hidden;


}

div.toplinks {

    position: absolute;
    font-size: 90%;
    top: 1px;
    left: 545px;
    border: 0px solid #aaa;
    height: 40px;
    width: 402px;
}

div.bottombar {

    position:relative;
    width:950px;
    height:20px;
    margin:5px auto 0 auto;
    padding: 0;
    border:0px solid #aaa;
    overflow:hidden;
    font-size: 80%;
    color: grey;
}



/* The containing box for the gallery. */
#container {
    position:relative;
    width:950px;
    height:623px;
    margin:5px auto 0 auto;
    padding: 0;
    border:1px solid #aaa;
    overflow:hidden;
    }

/* Removing the list bullets and indentation */
#container ul {
    padding:0;
    margin:0;
    list-style-type:none;
  }

/* Get rid of the horrid borders */
#container a.gallery, #container a.gallery:visited {
    display:block;
    color:#000;
    width: 133px;
    height: 133px;
    overflow:hidden;
    text-decoration:none;
    border:0px solid #000;
    margin:1px 1px 1px 1px;
    text-align:left;
    cursor:default;
    }



#container img.thumbnail {
    cursor: pointer;
    border:0px;

}

#container div.main {

    position:absolute;
    top:5px;
    left:5px;
    width:600px;
    height:600px;
    padding:5px;
    background-color:white;
    border:0px solid #000;
    overflow:hidden;
}

#container div.main_p {

    position:absolute;
    top:5px;
    left:5px;
    width:400px;
    height:600px;
    padding:5px;
    background-color:white;
    border:0px solid #000;
    overflow:hidden;
}

#container div.main_h {

    position:absolute;
    top:5px;
    left:5px;
    width:600px;
    height:400px;
    padding:5px;
    background-color:white;
    border:0px solid #000;
    overflow:hidden;
}

#container div.text_p {

    position:absolute;
    top:10px;
    left:420px;
    width:190px;
    height:600px;
    padding:0px;
    background-color:white;
    text-align:left;
    border:0px solid #000;
    overflow:hidden;
}

#container div.text_h {

    position:absolute;
    top:420px;
    left:10px;
    width:600px;
    height:195px;
    padding:0px;
    text-align:left;
    background-color:white;
    border:0px solid #000;
    overflow:hidden;
}

#container h3 {
    text-align: left;
    font-family: verdana, sans-serif;
    font-weight: bold;
    font-size: 130%;
    letter-spacing: -0.00em;
    position:relative;
    margin:2px 0 2px 0px;
    color: black;
}

#container img.mainimage {


    border:1px solid #000;

}

/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    /* margin:15px 15px 5px 5px ; */
    position:absolute;
    left:645px;
    top: 10px;

    width:292px;
    height:405px;
    overflow:auto;
    }
#container li {
    float:left;
    }



/* description */
#container div.descbg {
    position:absolute;
    text-align:left;
    top:435px;
    left:645px;
    width:292px;
    height:175px;
    /* background-color: black; */
    background-image: url(graphics/bottom_left_background.gif);
    border:0px solid #aaa;
    z-index:0;
}

#container div.descbgtall {
    position:absolute;
    text-align:left;
    top:235px;
    left:645px;
    width:292px;
    height:375px;
    /* background-color: black; */
    background-image: url(graphics/bottom_left_background.gif);
    border:0px solid #aaa;
    z-index:0;
}

#container div.desc {
    position:absolute;
    text-align:left;
    /* top:468px;
    left:678px; */
    top: 34px;
    left: 34px;
    width:258px;
    height:141px;
    background-color: white;
    border:0px solid #aaa;
    z-index:1;
}

/* The containing box for the gallery. Used on the band pages*/
#bandcont {
    position:relative;
    width:950px;
    height:440px;
    margin:5px auto 0 auto;
    padding: 0;
    border:1px solid #aaa;
    overflow:auto;
    }

/* Removing the list bullets and indentation */
#bandcont ul {
    padding:0;
    margin:5px 5px 5px 5px;
    list-style-type:none;
    width:940px;
    height:430px;
    overflow:auto;
    /* background-color: blue; */
}

#bandcont li {
    float:left;
    width: 303px;
    height: 210px;
    /* background-color: #aaa; */
    background-color: #DAE5FC;
    margin: 0px 5px 5px 0px;
    overflow: hidden;
    border:0px solid #aaa;
    text-align: center;
}

#bandcont li.lessthansix {
    float:left;
    width: 308px;
    height: 210px;
    /* background-color: #aaa; */
    background-color: #DAE5FC;
    margin: 0px 5px 5px 0px;
    overflow: hidden;
    border:0px solid #aaa;
    text-align: center;
}


#bandcont img.thumbnail {
    cursor: pointer;
    margin: auto;
    border:0px;
}


div.bandtext {
    float: left;
    width: 145px;
    margin: 5px;
    text-align: left;
    /* background-color: red; */
}
  
div.bandtextland {
    float: left;
    width: 290px;
    margin: 5px;
    text-align: left;
    /* background-color: red; */
}

div.bandimage {
  float: left;
  margin: 5px;
  text-align: center;
  /* background-color: blue; */
}

h2.bandpage {
    text-align: left;
    font-family: verdana, sans-serif;
    font-size: 130%;
    letter-spacing: -0.00em;
    margin:5px 0 5px 5px;
    padding:0;
    position:relative;
    color: black;
}

div.bandpagetitle {
    position:relative;
    width:950px;
    margin:5px auto 0 auto;
    padding: 0;
    border:1px solid #aaa;
}

h3.bandpage {
    text-align: left;
    font-family: verdana, sans-serif;
    font-size: 100%;
    letter-spacing: -0.00em;
    margin:0px 0 0 0px;
    padding:0;
    position:relative;
    color: black;
}

/* The containing box for the browsing pages */
#browsecont {
    position:relative;
    width:950px;
    height:440px;
    margin:5px auto 0 auto;
    padding: 0;
    border:1px solid #aaa;
    overflow:hidden;
}

/* The containing box for the browsing list */
div.browselistcont {
    position:relative;
    width:275px;
    height:430px;
    margin:5px 0px 5px 5px;
    padding: 0;
    border:0px solid #aaa;
    overflow:hidden;
    float:left;
    /* background-color: green; */
}

div.browselist {
    position:relative;
    width:271px;
    height:300px;
    margin:0px 0px 0px 0px;
    padding: 0px 0px 0px 2px;
    border:1px solid #aaa;
    overflow:auto;
    /* background-color: red; */
}

div.browsebox {
    position:relative;
    width:273px;
    height:123px;
    margin:5px 0px 0px 0px;
    /* background-color: blue; */
    border:1px solid #aaa;
}

/* Removing the list bullets and indentation */
ul.browse {
   
    list-style-type:none;
    position: relative;
    text-align: left;
    margin:0px 0px 0px 0px;
    padding:0;
}

ul.browse2 {

    list-style-type:none;
    position: relative;
    text-align: left;
    margin:0px 0px 0px 20px;
    padding:0;

}

li.browse {
   font-weight:normal;
}

li.browsesel {
    font-weight:bold;
}

li.browse2 {
    font-weight:normal;
}

li.browse2sel {
    font-weight:bold;
}

/* The containing box for the gallery. Used on the band pages*/
#browsesubcont {
    position:relative;
    width:660px;
    height:430px;
    margin:5px auto 5px 5px;
    padding: 0;
    border:0px solid #aaa;
    overflow:auto;
    float:left;
}

/* Removing the list bullets and indentation */
#browsesubcont ul {
    padding:0;
    margin:0px 5px 5px 5px;
    list-style-type:none;
    width:630px;
    overflow:hidden;
    /* background-color: blue; */
}

#browsesubcont li {
    float:left;
    width: 303px;
    height: 210px;
    /* background-color: #aaa; */
    background-color: #DAE5FC;
    margin: 0px 5px 5px 0px;
    overflow: hidden;
    border:0px solid #aaa;
    text-align: center;
}

#browsesubcont li.lessthansix {
    float:left;
    width: 308px;
    height: 210px;
    /* background-color: #aaa; */
    background-color: #DAE5FC;
    margin: 0px 5px 5px 0px;
    overflow: hidden;
    border:0px solid #aaa;
    text-align: center;
}


#browsesubcont img.thumbnail {
    cursor: pointer;
    margin: auto;
    border:0px;
}