#dhtmltooltip{
position: absolute;
border: 1px solid black;
padding: 2px;
background-color: #EBEBF5;
font-size:13px;
visibility: hidden;
z-index: 100;
word-break:break-all;
text-wrap:normal;
text-align:left;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
/* ---------[ Constant Contact email form ]--------- */

 table.c10
 {
 background-color: #FFFFCC;
 border: 2px solid #000000
 }

 td.c4 {
 font-weight: bold;
 font-family:Garamond,'Times New Roman',Times,serif;
 font-size:12px;
 color:#000000;
 }

 td.c9  {
 border-top:2px solid #000000
 }

 form.c8 {
 margin-bottom:2;
 }

 input.c7 {
 font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size:10pt;
 }

 input.c6 {
 font-size:10pt;
 border:1px solid #999999;
 }

 span.c5 {
 font-weight: normal;
 font-family:Garamond,'Times New Roman',Times,serif;
 font-size:12px; color:#000000;
 }

/* ---------[ Slideshow ]--------- */

#slideshow {
  position:relative;
  margin: 0 auto;

  overflow:hidden;
  width:60%;
  height:270px;
  z-index:1;
  }

#slideshow ul {
  list-style-type:none;
  margin: 0;
  padding:0;
  width:10000em;
  }

#slideshow img.post_thumbnail {
  background:transparent;
  padding:0;
  float:none;
  margin: 0 auto;
  width:60%;
  height:270px;
  display:block;
  border:0;
  }

#slideshow .feature-image {
  background:transparent url(/images/home_youtube_border.png) top left no-repeat;
   padding:10px 0;
  margin: 0;
  width:420px;
  height:250px;
  display:block;
  float:left;
  text-align:center;
  }

#slideshow .feature-entry {
  width:437px;
  float:right;
  line-height:1.4em;
  font-size:10pt;
  }

/* ---------[ jCarousel Styles ]--------- */

.jcarousel-container {
  position: relative;
  padding: 0;
  z-index:1;
  }

.jcarousel-clip {
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
  z-index:1;
  }

.jcarousel-list {
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  z-index:1;
  }

#slideshow li,
.jcarousel-list li,
.jcarousel-item {
  position:relative;
  list-style: none;
  float:left;
  /* --- We set the width/height explicitly. No width/height causes infinite loops. --- */
  width: 960px;
  height: 405px;
  padding:0;
  margin: 0;
  overflow:hidden;
  z-index:1;
  }

/* ---- The buttons are added dynamically by jCarousel
before the <ul> list (inside the <div> described above)
and have the classnames "jcarousel-next" and "jcarousel-prev" ---- */

.jcarousel-next {
  display: none;
  z-index:3;
  }

.jcarousel-prev {
  display: none;
  z-index:3;
  }

.jcarousel-container-horizontal {
  width: 960px;
  height: 405px;
  padding: 0;
  margin: 0 auto;
  }

.jcarousel-clip-horizontal {
  width: 960px;
  height: 405px;
  margin: 0 auto;
  padding:0;
  }

.jcarousel-item-horizontal { }

.jcarousel-item-placeholder { }

/* -----------[ jCarousel Horizontal Buttons ]----------- */

.jcarousel-next-horizontal {
  position: absolute;
  bottom:0px;
  right: 5px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: transparent url(/images/next.png) no-repeat 0 0;
  z-index:3;
  }

.jcarousel-prev-horizontal {
  position: absolute;
  bottom:0px;
  right: 412px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: transparent url(/images/prev.png) no-repeat 0 0;
  z-index:3;
  }

#sidebar li#side-tabs {
  }

#sidebar li#side-tabs ul {
  margin: 0;
  padding: 0;
  background:transparent;
  border:0;
  }

#sidebar li#side-tabs ul.tabs {
  list-style-type:none;
  margin: 0 0 10px;
  padding: 0;
  clear:both;
  border-bottom: 1px solid #ddd;
  }

#sidebar li ul.tabs li {
  border:0;
  background:transparent;
  float: left;
  display: inline;
  margin: 0 3px 0 0;
  padding: 0;
  }

#sidebar li ul.tabs li a, #sidebar li ul.tabs li a:link, #sidebar li ul.tabs li a:visited {
  float: left;
  display: block;
  padding: 3px 6px ;
  color:#333;
  font-size:8pt;
  border: 1px solid #ddd;
  border-bottom:0;
  background:#fff;
  }

#sidebar li ul.tabs li a:hover, #sidebar li ul.tabs li a:active {
  background:#eee;
  }

#sidebar li ul.tabs li a.on {
  background:#eee;
  }

#sidebar li#side-tabs form {
  margin: 0 !important;
  padding: 0 !important;
  }

#sidebar li#side-tabs form p {
  margin: 0 0 1px;
  padding: 0;
  }

#sidebar li#side-tabs .cat_content {

  }

#sidebar li#side-tabs .cat_content li {

  }

#sidebar li#side-tabs ul.popular li {
  padding-left: 25px;
  background: url(/images/docs.gif) 0 50% no-repeat;
  }

#sidebar li#side-tabs .cat_content li.email {
  margin: 0 0 5px;
  padding: 0;
  border:0;
  background:transparent;
  }

#sidebar li#side-tabs .cat_content li.email-alt {
  margin: 0 0 5px;
  padding: 0;
  border:0;
  background:transparent;
  }

#sidebar li#side-tabs .cat_content li.feeds {
  margin: 0 0 5px;
  padding: 0;
  border: 0;
  background: transparent;
  }

#sidebar li#side-tabs .cat_content li.twitter {
  margin: 0 0 5px;
  padding: 0;
  border: 0;
  background: transparent;
  }

#sidebar li#side-tabs .cat_content li.facebook {
  margin: 0 0 5px;
  padding: 0;
  border: 0;
  background: transparent;
  }

#sidebar li#side-tabs .cat_content li.linkedin {
  margin: 0 0 5px;
  padding: 0;
  border: 0;
  background: transparent;
  }

#sidebar li#side-tabs .cat_content li.flickr {
  margin: 0 0 5px;
  padding: 0;
  border: 0;
  background: transparent;
  }

#sidebar li#side-tabs .cat_content li.ffeed {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  }

/* Layout Stylesheet */



body {

 margin: 0%;

 padding:0;

 background: #000000;

 color: #000000;

 text-align: center;

 }




 /*====================

 custom buttons for twitter, etc

 =======================*/

 /* Hide dotted image outline from Firefox and Netscape */ a {
outline: none; }



  #connected a {
  display:block;
  width:48px;
  height:48px;
  text-indent:-9999px;
  float:left;
  overflow:hidden;
  outline: none;
}

#connected ul li {
        display: inline;
        float: left;
}



#connected .twitter {
  background:url(images/icons/Twitter/48x48.png) center center no-repeat transparent;
  margin:2px 2px 2px 2px;
}

#connected .facebook {
  background:url(images/icons/Facebook/48x48.png) center center no-repeat transparent;
  margin:2px 2px 2px 2px;
}


#connected .myspace {
  background:url(images/icons/Myspace/48x48.png) center center no-repeat transparent;
  margin:2px 2px 2px 2px;
}


/*========================

thumbnail galery

========================*/



.gallerycontainer{
width: 80%;
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 5px 5px 5px 5px;
}

.thumbnail:active{
background-color: transparent;
}

.thumbnail:active img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
 margin-top: 75px;
background-color: yellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:active span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}









/*========================

album-added in

========================*/

.album

{

  float: left;

  position: relative;

  width: 45%;

  margin-bottom: 30px;

  color: white;

  margin-left: 2%;

}

.album .photobox

{

  float: right;

  width: 150px;

  margin-bottom: 15px;

  margin-left: 15px;

   border-top: 1px solid black;

  border-left: 1px solid black;

  border-bottom: 5px solid black;

  border-right: 5px solid black;

}

.album .photobox img

{

  max-width: 100%;



}

.album h2.title

{

  font-size: x-large;

  padding: 3px;

  font-style: italic;

  font-weight: bold;

  text-align: center;

  color: #6699ff;

}

.album .subtitle

{

  font-size: large;

  text-align: center;

  color: #6699ff;

}

.album .titletrans

{

  font-size: large;

  line-height: 1.4em;

  text-align: center;

  color: #6699ff;

}

.album .titlestats

{

  font-size: smaller;

  line-height: 1.4em;

  text-align: center;

}

.album .desc

{

  margin-top: 0.8em;

  margin-left: 5%;

}

.album .desc p

{

  margin-bottom: 0.8em;

  line-height: 1.4em;

}



/*========================

album tracks

========================*/

.album .tracks h2

{

        margin-left: 5em;

  margin-top: 1em;

  margin-bottom: 0.4em;

  font-size: large;

}

.album .tracks ol

{

  margin-left: 10em;

  padding-left: 10em;

  font-weight: normal;

  margin-left: 5%;

}

.album .tracks li

{

  font-weight: bold;

}

.album .tracks li span.tuning

{

  font-weight: normal;

}

.album .tracks li span.time

{

  font-size: small;

  font-weight: normal;

}



















.artist

{

  clear: both;



  width: 243px;

        height: 150px;

  margin-bottom: 30px;

  padding: 0px;



  border: 2px ridge;

  color: Black;

  background-color: #ffff00;

}



/*========================

button stuff

========================*/




ul#audio-links li
{
       list-style-type: none;  /* to remove default bullets */

}

li.margin
{
    margin-bottom: 25px;
}

ul#audio-links li a
{
       display: block;
       width: 172px;
       height: 25px;
       background: url("/buttons/all_three_blank.jpg") left top no-repeat;
       text-decoration: none;
}

ul#audio-links li a img
{
       border: none;

}

ul#audio-links li a:link
{
        font-weight: bold;
        font: 900 20px "Arial", Helvetica, sans-serif;
        color: #ffffff;
        background: url("/buttons/all_three_blank.jpg") no-repeat 0px -0px;
        outline: none; /* hide dotted outline in Firefox */
}

ul#audio-links li a:visited
{
        font-weight: bold;
        font: 900 20px "Arial", Helvetica, sans-serif;
        color: #ffffff;
        background: url("/buttons/all_three_blank.jpg") no-repeat 0px -0px;
        outline: none; /* hide dotted outline in Firefox */
}


ul#audio-links li a:hover
{
         font-weight: bold;
         font: 900 20px "Arial", Helvetica, sans-serif;
         color: #FFFFCC;
         background: url("/buttons/all_three_blank.jpg") no-repeat 0px -25px;
         outline: none; /* hide dotted outline in Firefox */
}

ul#audio-links li a:active
{
         font-weight: bold;
         color: #FFFFCC;
         font: 900 20px "Arial", Helvetica, sans-serif;
         background: url("/buttons/all_three_blank.jpg") no-repeat 0px -50px;
         outline: none; /* hide dotted outline in Firefox */
}













#header  {

Position: absolute;

left: -1000em;

}








  /*==============================================
Instrument page list markup
 ==============================================*/

ul.instruments
{
       width: 90%;
}

ul.instruments li
{

       float: left;
       Margin: 10px;
       list-style-type: none;
}

ul.instruments li div.imagebox
{
       float: left;
       width: 247px;
       border-style:double;
       background-color #c0c0c0;


}

ul.instruments li div.imagebox img
{

       background: #c0c0c0;
       color: #333333;



}
ul.instruments li div.imagebox p
{
 font-size: 110%;
 font-weight: bold;
 margin: 0;

 background: #c0c0c0;
 }
ul.instruments li div.textbox
{
       float: right;
       width: 350px;
 }
 ul.instruments li div.textbox p
{

        margin: 0px 0px 10px 40px;
 }



 /*==============================================
nav bars top and bottom
 ==============================================*/

#bar-top {

 width: 100%;

 height: 30px;

 background: #c0c0c0;

 color: #333333;

 border: solid #000000;

 border-width: 2px 0;

 margin: 0;

}

#bar-bottom {

 width: 100%;

 height: 30px;

 position:relative;

 background: #336699;

 color: #333333;

 border: solid #000000;

 border-width: 2px 0;

 }

 /*==============================================
 email signup box
 ==============================================

 #email {
 width: 50px;
 height: 30px;
 position: relative;
 background: #c82713;
 color: #c82713;
 border: solid #000000;
 border-width: 2px 0;
 }
*/

div.bookingform{
text-align:left;
padding:20px 40px 40px 40px;
}

h2.bookingform{
padding:0px;
margin:20px 0;
}

 #container {
  width: 900px;
  margin: 0px auto;
  line-height: 130%;
}

#conten {

 background: #fff url(/images/pagebg.gif) top left repeat-y;
 color: #333333;
float: left;
width: 700px;
margin: 0;
 }


#rightnav
{
float: right;
background: #000000;
width: 200px;
margin-top: 100px;
}





#content {
 height: 450px;
 background: #ffffff;
 color: #333333;
overflow: auto;
width: 60%;
margin: 0 auto;
 }




 #page {
  clear: both;
  margin: 0 auto 0;
  padding: 0 40px;
  width:880px;
  border:1px solid #ddd;
  border-top:0;
  border-bottom:0;
  background: #fff url(/images/pagebg.gif) top left repeat-y;
  }






div#navbar2 {

    clear: both;

    height: 30px;

    width: 100%;



    border-top: solid #000 1px;

    border-bottom: solid #000 1px;

    background-color: #336699;





}

div#navbar2 ul {

    margin: 0px;

    padding: 0px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: small;

    color: #FFF;

    line-height: 30px;

    white-space: nowrap;

}

div#navbar2 li {

    list-style-type: none;

    display: inline;

}

div#navbar2 li a {

    text-decoration: none;

    padding: 7px 10px;

    color: #FFF;

}

div#navbar2 li a:link {

    color: #FFF:

}

div#navbar2 li a:visited {

    color: #ffffff;

}





div#navbar2 li a:hover {

    font-weight: bold;

    color: #FFF;

    background-color: #3366FF;

}





#nest {

 float: left;

 clear: left;

 width: 300px;



 border: dashed #666666;

 border-width: 0 0px 0px 0;

 background: #c0c0c0;

 color: #333333;

 margin: 0px 50px 20px 0;

 }





#nest2 {

 float: left;

 clear: left;

 width: 428px;



 border: dashed #666666;

 border-width: 0 0px 0px 0;

 background: #c0c0c0;

 color: #333333;

 margin: 0px 50px 20px 0;

 }



body#index         #navbar2 li.index         a,

body#sounds        #navbar2 li.sounds        a,

body#theband       #navbar2 li.theband       a,

body#instruments   #navbar2 li.instruments   a,

body#upcomingshows #navbar2 li.upcomingshows a,

body#booking       #navbar2 li.booking       a,

body#classes       #navbar2 li.classes       a,

body#links         #navbar2 li.links         a

#navbar2 li.pictures a:hover,

{

         [selection effects]

         cursor: default;

}

#navbar2 li.pictures a:hover

{

         cursor: pointer;

}



body#index         #navbar2 li.index         a,

body#sounds        #navbar2 li.sounds        a,

body#theband       #navbar2 li.theband       a,

body#instruments   #navbar2 li.instruments   a,

body#upcomingshows #navbar2 li.upcomingshows a,

body#booking       #navbar2 li.booking       a,

body#classes       #navbar2 li.classes       a,

body#links         #navbar2 li.links         a

{

          font-weight: bold;

          cursor: default;

          color: #FFF;

          background-color: #3366FF;

}