*{
padding: 0;
margin: 0;
}

html { background: url(images/animalprint2.jpg) #000; 
}

body { font-family: "Trebuchet MS",sans-serif; font-size: small;}

img { border-style: none;
}

img, div { behavior: url(iepngfix.htc); }

p { font-size: 110%; letter-spacing: -0.5px;
color: #ffffcc; text-align: left;
font-weight: normal;
padding: 5px 0 0 0; 
line-height: 1.3em;
}

table p { font-size: 100%; letter-spacing: -0.5px;
color: #ffffcc; text-align: left;
font-weight: normal;
padding: 5px 0 5px 10px; 
line-height: 1.3em;
}

table { margin: 0 0 20px 40px;
}

h1 { font-size: 137.5%; letter-spacing: .1em; color: #ffffcc; font-weight: bold; padding: 10px 0 0 0;
}

h2 { font-size: 137.5%; letter-spacing: .1em; color: #ff0000; font-weight: bold; padding: 20px 0 0 0;
}

a { border: none; text-decoration: none; list-style-type: none; }

img, div { behavior: url(iepngfix.htc); }

#wrap { width: 800px; height: auto; background: url(images/animalprint.jpg) repeat-y top right; margin: 20px auto; border: 1px solid #660000;
}

#leftContent {width: 215px; height: auto; float: left; display: block;
}

#rightContent{ width: 580px; height: auto; float: left; display: block;
}

#logoHolder { width: 420px; height: 110px; background: url(images/boneLogo.png) no-repeat top left; margin-top: 10px; 
}

#rockText { width: 440px; height: 85px; margin: 0; 
}

#guitar { width: 180px; height: 615px; background: url(images/guitar.png) no-repeat bottom left; float: left; margin-top: 10px;
}

#rightContent a{ color: #ff0000;
}

#rightContent a:hover { text-decoration: underline; color: #00ff00;
}

.content { float: left; width: 780px; height: auto; display: inline;
margin: 0;}

#Schedcontent a { color: #ff0000;
}

#Schedcontent a:hover {color: #00ff00;
}

#Schedcontent { float: left; width: 500px; height: auto; display: inline;
margin-left: 40px;}

#schedPic { width: 180px; height: 1000px; float: left; margin: 30px 0 0 5px;
}

#footer { width: 800px; height: 20px; background: #ff0000; text-align: center; font-size: 115%; padding: 5px 0 0 0;  color:#000; font-weight: bold; float: left; letter-spacing: .25em;}

#footer a { color:#000;
}

#footer a:hover { text-decoration: underline;  color:#00ff00;
}

.clear { clear: both;  
}

/*navigation */ 

.menu {letter-spacing: 1px; line-height: 1.5em; font-size: 115%; z-index: 100; text-align: center; width: 215px;  }

.menu li { width: 150px; height: 30px;
      margin-left:10px;  margin-bottom: 5px;
}

.menu a { float:left; width: 150px; height: 30px;
      text-decoration:none; overflow:hidden;}

.menu a span {  font-family: "Trebuchet MS", sans-serif;
      float:left; width: 150px; height: 30px;
      display:block; padding-bottom: 2px; padding-top: 4px;
      background:url("images/btns.jpg") no-repeat left top;
      text-align: center; font-weight: bold;
      color:#fff;
      }

 /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .menu a span {float:none;}
    /* End IE5-Mac hack */
    .menu a:hover span {
      color:#000;
      }
    .menu a:hover {
      background-position:0% -31px;
      }
    .menu a:hover span {
      background-position:0% -31px;
      }

 .menu a.current span {
      color:#000; background-position:0% -31px;
      }

 .menu a.current span:hover {
      color:#000;
      }

.menu ul li {float:left; margin-right:1px; position:relative; list-style-type: none;}


/*----the following are for the form page-----*/
fieldset a { color: #ffffcc;
}

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

fieldset p { font-size: 105%;
line-height: 1.5em; }

fieldset {
margin-top: 20px;
padding: 1em;
border: 1px solid #ff0000;
width: 540px;
line-height: 1.5em; }

fieldset#event {
background: transparent; }

fieldset#event div { width: 8em; float: left; margin-left: 40px; }
fieldset#event label { width: 3em; float: none; display: inline;}

legend {font-weight: bold; color: #ffffcc; }

textarea {
width: 400px; height: 100px;}

label {float: left; width: 10em; }

input[type="text"] { width:300px; }

input.submit {width: auto; }

input:focus, textarea:focus { background:#ffc;}
/*----end for the form page-----*/

/*---gallery code---*/
#container {position:relative; width:600px; height:600px; margin:10px auto; font-family:verdana, arial, sans-serif; font-size:12px;}

#container a.pics {float:left; margin:7px 7px; display:inline; color:#fff; text-decoration:none; border:1px solid #ff0000; width:75px; height:75px; cursor:default;}
#container a.pics img.thumb {display:block; border:0;}

#container a.pics span {display:none; border:0; width:600px; text-align:center;}
#container a.pics span img {margin:10px auto; border:1px solid #ff0000;}

#container a.pics:hover {white-space:normal; border:1px solid #fff;}
#container a.pics:hover span {display:block; position:absolute; left:60px; top:90px; z-index:10; height:500px;}

#container a.pics:active {border:1px solid #ff0000;} 
#container a.pics:active span {display:block; position:absolute; left:60px; top:90px; z-index:5; height:500px;}

#container a.pics:focus {border:1px solid #ff0000; outline:0;}
#container a.pics:focus span {display:block; position:absolute; left:60px; top:192px; z-index:5; outline:0;}

#container span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:200px 0 0 0; width:600px; text-align:center; color:#eee; z-index:1;}
#container span.info a {color:#fff;}
#container span.info a:hover {text-decoration:none;}

/*---gallery code---*/
.galleria{list-style:none;width:600px}
.galleria li{display:block;width:50px;height:50px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:600px} /* MSIE bug */