
body{
background: #d8d8d8 url(../img/bggrad2.gif) top left repeat-x;}

div.container{

margin-left: 81px;
}

div#headContainer{
height: 165px;
}

div#contentContainer{
padding: 20px;
background: url(../img/containerbg.png) top left repeat-y;


}

#background{
background: url(../img/headerbg.jpg) top left no-repeat;}

h1#logo{
background: url(../img/logo_4.png) bottom left no-repeat;
width: 650px;
height: 88px;
display: block;
text-indent: -2999em;
margin-left: 217px;
margin-top: 30px;
margin-bottom: 8px;
}

h2{
border-bottom: 1px dotted #666;
color: #689d33;
text-transform: uppercase;
font-size: 130%;
}

h2.homenewsheader{
background: url(../img/star.gif) top left no-repeat;
padding-left: 23px;
}

h3{
text-transform: uppercase;
font-size: 100%;
font-weight: bold;
background: url(../img/star.gif) top left no-repeat;
padding-left: 23px;
line-height: 20px;
color: #666;
border-bottom: 1px dotted #666;
}



#rightcolumn h3{
background: url(../img/stargreen.gif) top left no-repeat;
color: #689d33;
margin-bottom: 5px;
border-bottom: none;
}



a{
color: #689d33;
text-decoration: underline;
font-weight: bold;
}






#leftcolumn{
padding-left: 10px;
}

#datePicker{

}


ul#subnavlist{
list-style: none;
padding: 0;
margin: 0;
width: 175px;
margin-top: 10px;
margin-bottom: 20px;
}

ul#subnavlist li{
border-left: 5px solid #689d33;
background: #999b9d;
margin-bottom: 2px;

line-height: 20px;
}

ul#subnavlist li a{
color: #fff;
text-decoration: none;
font-weight: bold;
padding-left: 5px;
display: block;
}

ul#subnavlist li a:hover{
background: #689d33;
display: block;}

ul#subnavlist li a.current{
background: #666;}

#newsletter{
background: #999b9d;
width: 175px;
margin-top: 10px;
}

#newsletter h3{
background: #3f3f3f;
display: block;
line-height: 30px;
width: 170px;
padding-left: 5px;
color: #fff;
}

#newsletter form{
padding: 5px;
}

#newsletter form input{
margin-bottom: 5px;}

#mainsponsors{
padding-top: 20px;
}

#mainsponsors h3{
width: 153px;
display: block;}

#mainSponsor{

text-align: center;
background: #fff;
line-height: 115px;
width: 175px;
}

ul#mainSponsorlinks{
list-style: none;
margin: 0;
padding: 0;
padding-top: 20px;

}
ul#mainSponsorlinks li{
float: left;
width: 85px;
height: 85px;
display: inline;
text-align: center;
margin-right: 4px;
margin-bottom: 3px;
line-height: 85px;


}

#mainSponsor img,
ul#mainSponsorlinks li img{
vertical-align: middle;}

#midcolumn{
margin-left: -10px;

}




#slider{
margin-bottom: 10px;}

#midcolumn img{
border: 5px solid #ccc;}

#homeNews{
}


#homeNews img{
border: 3px solid #ccc;
}

div.newsexcerpt{
margin-bottom: 15px;
display: block;
min-height: 120px;
height:auto !important;
height:120px;
border-bottom: 1px solid #dbdada;
padding-bottom: 20px;
}

div.newsexcerpt img{
float: right;
margin-left: 20px;}

#homeNews div.newsexcerpt{
border-bottom: none;
padding-bottom: 20px;}

#homeNews div.newsexcerpt img{
float: left;
margin-right: 10px;
margin-left: 0;
}
div.newsexcerpt h5,
div.newsexcerpt h4,
div.newsexcerpt p{
font-size: 100%;
margin: 0;
}

#homeNews div.newsexcerpt h5,
#homeNews div.newsexcerpt p{
font-size: 90%;
margin: 0;
padding-left: 100px;
}

div.newsexcerpt h5{
color: #689d33;
}

div.newsexcerpt h5.articleDate{
color: #666;
font-size: 90%;
margin-bottom: 0;}

#homeNews div.newsexcerpt h5.articleDate{
color: #666;
font-size: 90%;
margin-bottom: 0;}



#subSponsors{
margin-top: 20px;}

ul#subSponsorlist{
list-style: none;
margin: 0;
padding: 0;
}

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

ul#subSponsorlist li img{
border: none;
}

#homePromo{
width: 200px;
margin: 0;}


#homeReviews p.reviewLink{
text-align: right;
}



#homeVenues{
margin-top: 10px;}

a#ticketBadge{
width: 200px;
height: 90px;
background: url(../img/ticketsolvebadge.jpg) top left no-repeat;
display: block;
text-indent: -2999em;
margin-bottom: 20px;
}

a#ticketBadgesmall{
width: 175px;
height: 90px;
background: url(../img/ticketsolvebadgesmall.jpg) top left no-repeat;
display: block;
text-indent: -2999em;
margin-bottom: 20px;
}


#rightcolumn{
margin-left: -30px;}

ul.quicklinks{
list-style: none;
text-align: right;
width: 120px;
font-size: 95%;
padding: 0;
margin: 0;
margin-bottom: 20px;
}

ul.quicklinks li{
border-top: 1px dotted #666;
line-height: 30px;
}

ul.quicklinks li a{
text-transform: uppercase;
color: #666;
display: block;
text-decoration: none;
}


ul.quicklinks li a:hover{
color: #689d33;
}

#footer{
background: url(../img/footerbg.png) top left no-repeat;
width: 900px;
padding: 5px 25px;

font-size: 90%;
color: #666;
margin-bottom: 20px;
}

p#footerInfo{
width: 720px;
}

p#birdieLink{
float: right;
margin-right: 52px;
text-align: right;

}

p#birdieLink a#birdieLogo{
background: url(../img/birdielogo.gif) top right no-repeat;
height: 20px;
width: 120px;
display: block;
text-align: left;
color: #ececec;
}

p#birdieLink a#birdieLogo:hover{
background-position: bottom right;
}


/* INNER PAGE STYLES */

div#maincolumn{
margin-left: -10px;
width: 650px;
}

#maincolumn img{
border: 5px solid #ccc;
}

.shortdescription h4,
.shortdescription h5{
 text-transform: uppercase;
}
.shortdescription h4{
padding-bottom: 5px;
margin-bottom: 0;}

.shortdescription h5{
font-size: 90%;
margin: 0;
padding: 0;
padding-bottom: 5px;
color: #666;
}




.longdesc h4,
.longdesc h5{
 text-transform: uppercase;
}
.longdesc h4{
padding-bottom: 5px;
margin-bottom: 0;
color: #689d33;
font-weight: bold;}

.longdesc h5{
font-size: 90%;
margin: 0;
padding: 0;
padding-bottom: 5px;
color: #666;
}

h5.articleDate{
color: #666;
font-size: 90%;
margin-bottom: 0;}

.booking h2{
font-size: 120%;
font-weight: bold;
border: none;
}
.booking h3{
border-bottom: none;
}

.article h4{
padding-bottom: 5px;
margin-bottom: 0;
color: #689d33;
font-weight: bold;
}

.booking p.comment{
border: 1px solid #ccc;
padding: 5px;
background: #689d34 url(../img/navbg.gif) bottom left repeat-x;
font-weight: bold;
color: #fff;
text-align: center;}

.booking form{
border-bottom: 1px dotted #ccc;}

table#showInfo{
width: 200px;
color: #666;}
#showInfo tr td{
font-weight: bold;
}

table#showInfo td.infoType{
text-transform: uppercase;
}

#article{}

.articleText{
padding-right: 220px;}

.article img{
float: right;
}

.articleText img{
border: 3px solid #ccc;
float: none;
}

.articleText h3{
border-bottom: none;
}

.timeTable{
background: #ccc;
color: #fff;
}

.timeTable td{
border-right: 1px solid #fff;
color: #000}

.timeTable tr td{
border-bottom: 1px solid #fff;}

.timeTable tr.tableTitle,
.timeTable tr.thead{
background: #666;
font-weight: bold;
color: #fff;
}
.timeTable tr.thead td{
font-weight: bold;
text-transform: uppercase;
color: #fff;
border-bottom: none;
}

.timeTable tr.rowEven{
background: #b2b3b5;
}

h3.timetableHead{
border-bottom: none;
}
#timeDownload{
float: right;
}

#timeDownload a{
background: url(../img/navbg.gif) top left repeat-x;
padding: 5px 10px;
color: #fff;
text-decoration: none; 
}
#timeDownload a:hover{
background: url(../img/navbgactive.gif) top left repeat-x;}

.backLink{
margin-top: -5px;
margin-bottom: 5px;
}

.backLink a{
font-size: 90%;
}

#map{
margin-bottom: 20px;
}

#venues div.newsexcerpt{
position: relative;
}

#venues img{
position: absolute;
top: 0px;
right: 10px;}

.contactForm fieldset{
border: none;
font-size:120%;
padding-left: 0px;
padding-top: 0;
}

.contactForm legend{
margin-bottom:10px;

}

.contactForm label{
float: left;
width: 120px;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
}

.contactForm input{
clear: right;
margin-bottom: 10px;
width: 305px;
}

.contactForm select{
margin-bottom: 10px;
margin-top: 1px;
font-size: 12px;
}

.contactForm input.formSubmit{
margin-top: 10px;
margin-right: 10px;
width: 100px;
}

.contactForm input.formCheckbox{
margin-left: 120px;
margin-top: 8px;
float: left;
}

.contactForm textarea {
height: auto;
padding:5px;
width: 300px;

}
.formRequired{
color: red;}
.rednote{
font-style: italic;
color: red;
font-size: 90%;
}

h4.mediaTitle{
color: #689d34;
font-weight: bold;
}

div.mediaDownload{
margin-top: 10px;
}

div.mediaDownload a{
background: url(../img/navbg.gif) top left repeat-x;
padding: 5px;
color: #fff;
text-decoration: none;
font-size: 90%;
}

.paginationLinks a{

background: #689d34;
padding: 3px 5px;
color: #fff;
text-decoration: none;
}
.paginationLinks a:hover{
background: #666;
}

.pageNumbers{
float: right;}

td.allEventsbtn{
width: 100%;
}


/* CALENDAR STYLES */

/* OLD CAL */
.calendar{
display: block; 

width: 175px;
}

#calendar_holder{
background: #666465;
width: 175px;
padding: 0;
margin: 0;
}


#calendar_holder h3{
background: #689d33;
width: 170px;
line-height: 20px;
padding-left: 5px;
margin-bottom: 0;
color: #fff;
}

#calendar_holder p{
padding: 0px 5px;
margin: 0;
margin-bottom: 5px;
color: #fff;

}


.calendar th{
padding: 5px;
background: #3f3f3f;
color: #fff;
}

.calendar td{
padding: 5px;
background: #3f3f3f;
color: #fff;
width: 15px;
text-align: center;
}
td.eventDay{
background: #666465;
color: #fff;
padding: 0;
}

td.eventDay a{
color: #fff;
display: block;
padding: 5px;
}
.calendar td a{
color: #fff;
}

.calendar td a:hover{
color: #ccc;}

td.eventDay a:hover{
background: #ccc;
color: #689d33;
}

.calendar th.monthName{
background: #689d33;
color: #fff;
}

.calendar tr.dayName th{
color: #fff;}


/* NEW CAL */
.calendar-theatre{
display: block; 

width: 175px;
}

#calendar_holder{
background: #666465;
width: 175px;
padding: 0;
margin: 0;
}


#calendar_holder h3{
background: #689d33;
width: 170px;
line-height: 20px;
padding-left: 5px;
margin-bottom: 0;
color: #fff;
}

#calendar_holder p{
padding: 0px 5px;
margin: 0;
margin-bottom: 5px;
color: #fff;

}


.calendar-theatre th{
padding: 5px;
background: #3f3f3f;
color: #fff;
}

.calendar-theatre td{
padding: 5px;
background: #3f3f3f;
color: #fff;
width: 15px;
text-align: center;
}

.calendar-theatre td.allEventsbtn{
width: 100%;
}
td.eventDay{
background: #666465;
color: #fff;
padding: 0;
}

td.eventDay a{
color: #fff;
display: block;
padding: 5px;
}
.calendar-theatre td a{
color: #fff;
}

.calendar-theatre td a:hover{
color: #ccc;}

td.eventDay a:hover{
background: #ccc;
color: #689d33;
}

.calendar-theatre th.monthName{
background: #689d33;
color: #fff;
}

.calendar tr.dayName th{
color: #fff;}
