html {background: #000000  no-repeat top center fixed;	}
body {margin:0; padding:0; font-family: Helvetica; font-size:12px; line-height:18px; color:#555555;}
form {padding:0px; margin:0px;}
input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly] {color:#999999;}

#bodyContent{width:900px;}
#left{width:184px; padding-top:20px;}

a{text-decoration:none; color:#9d8731;}
a:hover{text-decoration:underline;}

#wrapper {width: 960px; margin: 0 auto; background-image:url(images/bg_pattern.jpg);}
#logo{position:absolute; top:20px; left:30px;}

#header {padding-bottom:0px; padding-left:0px; height:310px; position:relative;}
#header-sub {padding-bottom:0px; padding-left:0px; height:310px; position:relative;}

#nav-home{background: url(images/header.png) no-repeat bottom; height:310px;}
#nav-sub{background: url(images/header.png) no-repeat bottom; height:310px;}


.orangeHeader1{color:#d35313; font-weight:bold; font-size:16px; font-family:'Trebuchet MS';}
.orangeHeader2{color:#d35313; font-weight:bold; font-size:23px; font-family:'Trebuchet MS';}
.brownHeader1{color:#9d8731; font-weight:bold; font-size:16px; font-family:'Trebuchet MS';}
.brownHeader2{color:#9d8731; font-weight:bold; font-size:23px; font-family:'Trebuchet MS';}
.greenHeader1{color:#75b2a9; font-weight:bold; font-size:16px; font-family:'Trebuchet MS';}
.greenHeader2{color:#75b2a9; font-weight:bold; font-size:23px; font-family:'Trebuchet MS';}

.bookHeader1{color:#d35313; font-weight:bold; font-size:16px; font-family:'Trebuchet MS';}
.bookHeader2{color:#75b2a9; font-weight:bold; font-size:23px; font-family:'Trebuchet MS';}


.headDivider{background-image:url(images/sub_container_divider_small.png); background-repeat: repeat-x; padding-bottom:12px;}
.divider {border-top:solid 1px #dcdcd1; margin:14px 0 14px 0;}
.divider2 {border-top:solid 1px #dcdcd1; margin:4px 0 4px 0;}
.viewAll {font-size:12px; font-style:italic; color:#75b2a9;}

.newsDate {font-weight:bold; font-size:12px; line-height:18pt; color:#3f3526;}
.newsHeadline {font-weight:bold; font-size:16px; line-height:18pt; color:#649987;}
.newsCopy {font-size:12px; line-height:12pt; color:#3f3526;}
.newsLink {font-size:12px; line-height:18pt; color:#9d8731;}
.newsComment {font-size:11px; line-height:12pt; color:#3f3526; padding-top:20px;}

.showDate{font-size:11px; color:#3f3526; text-transform:uppercase;}
.showVenue{font-weight:bold; line-height:18pt; color:#3f3526;}
.showTime{font-size:11px; color:#3f3526;}
.showTicket{font-size:12px; color:#9d8731; font-weight:bold;}




#mainBody {padding:0px;}
.side-a {margin:0 11px 10px 10px; padding:5px 15px 15px 15px; float:left; width:411px; background-image:url(images/sub_container_bg_pattern.jpg);}
.side-a-sub {margin:0 11px 10px 10px; padding:5px 15px 15px 15px; float:left; width:660px; background-image:url(images/sub_container_bg_pattern.jpg);}

.side-b {float:left; width:249px;}
.side-b-block {margin:0 11px 11px 0px; padding:5px 15px 15px 15px;  background-image:url(images/sub_container_bg_pattern.jpg);}

.side-c {float:right; width:238px; margin:0 11px 9px 0px;}
.side-c-block {margin:0 0 11px 0px; padding:5px 15px 15px 15px;  background-image:url(images/sub_container_bg_pattern.jpg);}

#subCopy {background-color:#cccccc; clear:both; margin:0px; padding:40px;}

#bottom{background-image:url(images/footer_bg_pattern.jpg); padding:15px; color:#3f3526; font-size:11px; line-height:18px; height:50px;}
#bottomDiv{background-image:url(images/footer_divider_pattern.jpg); background-repeat:repeat-x; height:10px;}
#bottomLeft{color:#3f3526; float:left; width:800px;}
#bottomRight{color:#3f3526; float:right; text-align:right; width:130px;}
/*left nav */
.mainNav {padding:5px 5px 5px 20px; line-height:14px; margin:0px 0px 0px 0px; font-size:13px; font-weight:bold;}
.mainNav a{color:#333;}
.mainNav a:hover{text-decoration:none; color:#052C90;}
.mainNav_on {padding:5px 5px 5px 20px; margin:0px 0px 0px 0px; color:#333; font-size:13px; font-weight:bold; background-color:#eeeeee; width:175px; line-height:14px;}
.mainNav_on a:hover{text-decoration:none;}

.subNav {padding:5px 5px 5px 35px; line-height:14px; margin:0px 0px 0px 0px; font-size:12px;}
.subNav a{color:#333;}
.subNav a:hover{text-decoration:none; color:#052C90;}
.subNav_on {padding:5px 5px 5px 35px; margin:0px 0px 0px 0px; color:#333; font-size:12px; background-color:#eeeeee; width:160px; line-height:14px;}
.subNav_on a:hover{text-decoration:none;}

/* programming style */
h1{padding:0px; margin:20px 25px 10px 25px; font-size:20px; color:#666666;}
h2{padding:0px; margin:0px 25px 10px 25px; font-size:14px; color:#999999;}
.smallText {font-size:11px; color:#666666; line-height:15px;}
select{color:#2e7281;}
input{color:#2e7281;}


.mylogo {
  max-width: 200px;
  max-height: 300px;
  width: expression(this.width > 200 ? "200px" : true);
  height: expression(this.height > 300 ? "300px" : true);
}




/* navigation style */
#navMenu 
{    
    position:absolute; top:258px; left:25px;
    padding: 0px;
    margin: 0;
    list-style: none;
    width: 770px; /*needs to be 770 when done*/
    height: 20px;
    overflow: hidden;
    border:
}
#navMenu li{float: left;}
#navMenu a {
    display: block;
    background-image: url(images/new_nav_menu.png);
    background-repeat:no-repeat;
    padding-top: 18px; /* same as height of #example-nav */
    text-decoration: none; /* needed for IE8 beta, otherwise it still shows the underlines */
    padding-right:30px;
}
#navMenu-home {
    width: 50px;
    background-position: 0px 0px;
}
#navMenu-home-on {    
    width: 50px;
    background-position: 0px -68px;
}
#navMenu-home:hover {    
    background-position: 0px -34px;
}


#navMenu-bio {
    width: 40px;
    background-position: -110px 0;
}
#navMenu-bio-on {
    width: 40px;
    background-position: -110px -68px;
}
#navMenu-bio:hover {
    background-position: -110px -34px;
}

#navMenu-shows {
    width: 62px;
    background-position: -219px 0;
}
#navMenu-shows-on {
    width: 62px;
    background-position: -219px -68px;
}
#navMenu-shows:hover {
    background-position: -219px -34px;
}

#navMenu-music {
    width: 62px;
    background-position: -330px 0;
}
#navMenu-music-on {
    width: 62px;
    background-position: -330px -68px;
}
#navMenu-music:hover {
    background-position: -330px -34px;
}

#navMenu-video {
    width: 67px;
    background-position: -439px 0;
}
#navMenu-video-on {
    width: 67px;
    background-position: -439px -68px;
}
#navMenu-video:hover {
    background-position: -439px -34px;
}

#navMenu-photos {
    width: 70px;
    background-position: -549px 0;
}
#navMenu-photos-on {
    width: 70px;
    background-position: -549px -68px;
}
#navMenu-photos:hover {
    background-position: -549px -34px;
}

#navMenu-links {
    width: 61px;
    background-position: -659px 0;
}
#navMenu-links-on {
    width: 61px;
    background-position: -659px -68px;
}
#navMenu-links:hover {
    background-position: -659px -34px;
}


#navMenu-shop {
    width: 60px;
    background-position: -769px 0;
}
#navMenu-shop-on {
    width: 60px;
    background-position: -769px -68px;
}
#navMenu-shop:hover {
    background-position: -769px -34px;
}


