/* GENERIC PAGE ELEMENTS */

body{
margin:0;
padding:0;
border:0;			/* This removes the border around the viewport in old versions of IE */
width:100%;
min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
font-family:Verdana,arial,helvetica,sans-serif;
font-size:0.9em;
word-wrap:break-word;
background:#ffffff;
color:#464646;
}

h1, h2, h3, h4, h5{margin:.8em 0 .2em 0; padding:0;}

h1{font-size:0.8em;font-weight:bold;color:#990000;}
h2{font-size:1.4em;margin:0;padding:0;}
h3{font-size:1.1em;font-weight:bold;}

p{ margin:.8em 0; padding:0; font-size:0.9em; line-height:135% }

a{color:#5C88A5;text-decoration:none;}
a:link{  }
a:visited{  }
a:hover{text-decoration:underline;}
a:active{  }

img{border:0;}

label{font-size:0.8em; margin:0; padding:0; float:left; clear:both; width:170px;}
label.datepickerlabel{ float: none;}
#logo{float:left; padding:20px 0% 20px 5%;}

.bottomBorder{overflow:hidden; padding-bottom:8px; border-bottom:1px solid #000;}

#strapline{position:absolute;left:21.5%;top:70px;width:55%;height:50px;overflow:hidden;}

#minWidthContainer{
min-width:250px;
}

/* HEADER STYLES */

#header{
clear:both;
width:100%;
margin:0 auto 45px auto;
min-width:770px;
height:120px;
background-color:#CC0033;
}
#headerMenu{
clear:both;
width:94.5%;
margin-left:auto;
margin-right:auto;
min-width:770px;
min-height:5px;
background:#fff;
}
#header p, #header h1, #header h2{
padding:.4em 15px 0 15px;
margin:0;
color:#fff;
}
#header ul{
clear:left;
float:left;
width:100%;
list-style:none;
margin:10px 0 0 0;
padding:0;
}
#header ul li{
display:inline;
list-style:none;
margin:0;
padding:0;
}
#header ul li a{
display:block;
float:left;
margin:0 0 0 1px;
padding:3px 10px;
text-align:center;
background:#eee;
color:#000;
position:relative;
left:15px;
line-height:1.3em;
}
#header ul li a:hover{
background:#369;
color:#fff;
}
#header ul li a.active, #header ul li a.active:hover{
color:#fff;
background:#000;
font-weight:bold;
}
#header ul li a span{
display:block;
}

/* COLUMN LAYOUT STRUCTURE */

/* column container */
div.colmask{
position:relative;	/* This fixes the IE7 overflow hidden bug */
clear:both;
width:95%;			/* width of whole page */
/*overflow:hidden;	*/	/* This chops off any overhanging divs */
margin-left:auto;
margin-right:auto;
min-width:770px;
}

/* common column settings */
div.colright, div.colmid, div.colleft{
float:left;
width:100%;			/* width of page */
position:relative;
}
div.col1, div.col2, div.col3{
float:left;
position:relative;
padding:0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
overflow:hidden;
}

/* 3 Column settings */
div.threecol{
background:#fff;		/* right column background colour */
}
div.threecol div.colmid{
right:25%;			/* width of the right column */
background:#fff;		/* center column background colour */
margin-bottom:30px;
}
div.threecol div.colleft{
right:60%;			/* width of the middle column */
background:#fff;	/* left column background colour */
}
div.threecol div.col1{
width:54%;			/* width of center column content (column width minus padding on either side) */
left:106%;			/* 100% plus left padding of center column */
min-height:600px;
}
div.threecol div.col2{
width:15%;			/* Width of left column content (column width minus padding on either side) */
left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */	
background-color:#e1e1e1;
height:auto;
min-width:150px;
}
div.threecol div.col3{
width:22%;			/* Width of right column content (column width minus padding on either side) */
left:85%;			/* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */ 
margin:0 0 50px;
float:right;
min-width:200px;
}

/* NAVIGATION STYLES */

div.navContainer{
height:auto;
width:100%;
padding:10px 0px 20px 10px;
margin:0px;
position:relative;
clear:both;
}

div.navLevel{
height:100%;
width:100px;
padding:5px 5px 5px 15px;
position:relative;
clear:both;
float:left;
}

#navHome{
padding:10px 0px 20px 15px;
}

a.nav{
text-transform:capitalize;
text-decoration:none;
font-weight:bold;
font-size:0.8em;
color:#333300;
}
a.nav:link{  }
a.nav:visited{  }
a.nav:hover{ text-decoration:underline; }
a.nav:active{  }

a.nav#currentPage:link{ color:#FF0000; }
a.nav#currentPage:visited{ color:#FF0000; }
a.nav#currentPage:hover{ color:#FF0000; }
a.nav#currentPage:active{ color:#FF0000; }

/* Addthis panel */
div.addthis_default_style{
margin:0 auto;
padding:20px 0;
position:relative;
clear:both;
width:130px;
height:25px;
}

a.addthis_button_compact{
font-size:0.9em;
color:#FF0000;
}

/* Ads Panel */

div.adsContainer{
position:relative;
width:150px;
clear:both;
margin:25px auto 25px auto;
}

div.adsContainer img.adsImg{
margin:0 auto;
display:block;
clear:both;
}

/* End of Ads Panel */

/* Priority Items */

div.priorityItem{
width:100%;float:left;margin:0 0 20px;
}

div.priorityContentHolder{
margin:0 0 0 172px;
padding:0;
}

img.priorityImage{
border:1px solid #5C88A5;
width:150px;
height:100px;
float:left;
margin:0 20px 20px 0;
text-align:right;
}

.priorityItemTitle{
font-size:1.1em;
color:#5C88A5;
text-decoration:none;
}
.priorityItemTitle a:link{}
.priorityItemTitle a:visited{}
.priorityItemTitle a:hover{text-decoration:none;}
.priorityItemTitle a:active{}

.priorityDate{
clear:right;
font-size:0.9em;
color:#0099ff;
font-weight:bold;
padding:0;
margin:0;
}
.priorityTeaser{
clear:right;
margin:0.4em 0 0.5em 0;
}
.prioritySplitter{
position:relative;
height:2px;
border-top:1px solid #5C88A5;
margin:5px 0 0 0;
padding:5px 0 0 0;
overflow:hidden;
}

div.priorityListLinks{
}

div.priorityListLinks .moreInfo{
float:left;
font-size:0.9em;
color:#5c88a5;
font-weight:bold;
text-align:left;
text-decoration:none;
}
div.priorityListLinks .moreInfo a:link{ }
div.priorityListLinks .moreInfo a:visited{ }
div.priorityListLinks .moreInfo a:hover{ text-decoration:underline; }
div.priorityListLinks .moreInfo a:active{ }

div.priorityListLinks .buyTicket{
font-size:0.9em;
color:#5c88a5;
font-weight:bold;
float:right;
text-decoration:none;
clear:none;
}
div.priorityListLinks .buyTicket a:link{ }
div.priorityListLinks .buyTicket a:visited{ }
div.priorityListLinks .buyTicket a:hover{ text-decoration:underline; }
div.priorityListLinks .buyTicket a:active{ }

/* End of Priority Items */

/* Event List */
div.contentContainer{
width:100%;float:left;padding:0 0 25px;
}
#resultsSummary{
clear:left;
margin:2em 0 1em 0;
}
#resultsSummary .resultsText{
font-weight:bold;
}
div.eventImageHolder{
float:left;
overflow:hidden;
margin:0 0 30px 0;
}
.thumbleft{
width:150px;
height:100px;
float:left;
margin:0 20px 20px 0;
text-align:right;
border:1px #CCC solid;
}
a.imageLink{
width:100%;
height:100%;
}
div.eventContentHolder{
margin:0 0 0 172px;
padding:0;
}

.eventItemTitle{
font-size:1.1em;
color:#666666;
text-decoration:none;
}
.eventItemTitle a:link{}
.eventItemTitle a:visited{}
.eventItemTitle a:hover{text-decoration:none;}
.eventItemTitle a:active{}

.eventDate{
clear:right;
font-size:0.9em;
color:#0099ff;
font-weight:bold;
padding:0;
margin:0;
}
.eventTeaser{
clear:right;
margin:0.4em 0 0.5em 0;
}
.eventSplitter{
position:relative;
height:2px;
border-top:1px solid #000;
margin:5px 0 0 0;
padding:5px 0 0 0;
overflow:hidden;
}

div.eventListLinks{
}

div.eventListLinks .moreInfo{
float:left;
font-size:0.9em;
color:#5c88a5;
font-weight:bold;
text-align:left;
text-decoration:none;
}
div.eventListLinks .moreInfo a:link{ }
div.eventListLinks .moreInfo a:visited{ }
div.eventListLinks .moreInfo a:hover{ text-decoration:underline; }
div.eventListLinks .moreInfo a:active{ }

div.eventListLinks .buyTicket{
font-size:0.9em;
color:#5c88a5;
font-weight:bold;
float:right;
text-decoration:none;
clear:none;
}
div.eventListLinks .buyTicket a:link{ }
div.eventListLinks .buyTicket a:visited{ }
div.eventListLinks .buyTicket a:hover{ text-decoration:underline; }
div.eventListLinks .buyTicket a:active{ }

.search-pager{ margin:10px 0 10px 0; }

.eventProduction{ 
font-size:0.7em;
color:#666666;
padding:0 0 0 1em;
}

/* End of Event List */

/* EVENT STYLE */

#eventContainer{
width:100%;
}

#eventContainer #eventImageContainer{
}
#eventContainer #eventImage{
height:auto;
width:auto;
}

#eventContainer #eventTextContainer{
}

#eventContainer h3{
}
#eventContainer #extraEventInfo{
clear:both;
margin:20px 0 20px 0;
}
#eventContainer #eventText{ 
margin:1.5em 0 0 0;
}

#eventContainer a { color:#5c88a5; text-decoration:none; }
#eventContainer a:link {  }
#eventContainer a:visited {  }
#eventContainer a:hover { text-decoration:underline; }
#eventContainer a:active {  }

#extraEventInfo a { color:#5c88a5; font-weight:bold; text-decoration:none; }
#extraEventInfo a:link {  }
#extraEventInfo a:visited {  }
#extraEventInfo a:hover { text-decoration:underline; }
#extraEventInfo a:active {  }

#eventsReturn{
float:right;
}

/* END OF EVENT STYLE */

/* NON EVENT PAGES */

div#contentContainer{
}

div#contentContainer img{
margin:0 1em 1.5em 0;
height:auto;
width:auto;
}

div#contentContainer div.textContainer h2{
margin:0 0 1.5em 0;
}

div#contentContainer a.highslide img{
clear:none;
float:none;
margin:2px 2px 2px 0;
width:100px;
height:100px;
}

div#contentContainer img#standardImage{
}

/* END OF NON EVENT PAGES */

/* FOOTER STYLES */

#footer{
clear:both;
width:100%;
background-color:#CC0033;
margin:30px auto 0 auto;
}
#footer p{
padding:10px;
margin:0;
}

#footer a{ color:#ffffff; }
#footer a:link{}
#footer a:visited{}
#footer a:hover{text-decoration:underline;}
#footer a:active{}

#img1{
float:left;
padding-right:10px;
padding-left:0px;
}
#img2{
float:left;
width:70%;
}
#img3{
float:right;
padding-right:10px;
}

.footerText{
font-size:0.9em;
font-weight:normal;
color:#fff;
text-decoration:none;
}
.footerText a:link{}
.footerText a:visited{}
.footerText a:hover{text-decoration:underline;}
.footerText a:active{}

/* END OF FOOTER STYLES */

.textBold{
font-size:0.9em;
color:black;
font-weight:bold;
}

.textBoldGrey{
font-size:0.9em;
color:#666666;
font-weight:bold;
text-decoration:none;
}

.textBoldHighlight{
font-size:1.1em;
color:black;
font-weight:bold;
}

.textBoldHighlightGrey{
font-size:1.1em;
color:#666666;
font-weight:bold;
}

.textBoldTitle{
font-size:1.0em;
color:black;
font-weight:bold;
}

.whiteNav{
font-size:0.8em;
color:#ffffff;
font-weight:bold;
}

.text{font-size:0.9em;}

.textRight{
font-size:0.9em;
color:white;
font-weight:bold;
text-align:right;
}

.textRightLink {
font-size:0.9em;
color:white;
font-weight:bold;
text-align:right;
text-decoration:none;
}
.textRightLink a:link{}
.textRightLink a:visited{}
.textRightLink a:hover{text-decoration:underline;}
.textRightLink a:active{}

#calTitle{
font-size:1.2em;
color:white;
background:#000;
}

.prev{
font-size:0.9em;
color:#0033ff;
font-weight:bold;
position:relative;
float:left;
}
.next{
position:relative;
float:right;
font-size:0.9em;
color:#0033ff;
font-weight:bold;
}
.prevnext{
position:relative;
float:left;
width:100%;
padding-top:10px;
padding-bottom:10px;
}

.topItem{
font-weight:bold;
font-size:0.9em;
color:#000;
}

.textLink{
font-weight:bold;
font-size:0.9em;
color:#fff;
text-decoration:none;
}
.textLink a:link{ }
.textLink a:visited{ }
.textLink a:hover{ text-decoration:underline; }
.textLink a:active{ }

.textLinkDownload{
font-weight:bold;
font-size:0.9em;
color:#fff;
text-decoration:none;
}
.textLinkDownload a:link{ }
.textLinkDownload a:visited{ }
.textLinkDownload a:hover{ text-decoration:underline; }
.textLinkDownload a:active{ }

.subSect{
font-size:0.9em;
color:#000;
padding-left:5px;
}
.subSect a:link{ }
.subSect a:visited{ }
.subSect a:hover{ font-weight:bold; color:#003399; }
.subSect a:active{ }

.navText{
font-size:1.0em;
color:#000;
}
.navText a:link{ }
.navText a:visited{ }
.navText a:hover{ font-weight:bold; color:#003399; }
.navText a:active{ }

.addinfotextLink{
font-weight:bold;
font-size:0.9em;
color:#000;
}
.addinfotextLink a:link{ }
.addinfotextLink a:visited{ }
.addinfotextLink a:hover{ color:#003399; }
.addinfotextLink a:active{ }

/* MAPS STYLE */
table.directions th{
background-color:#EEEEEE;
}

.boxOffice{
font-size:1.1em;
font-weight:bold;
}
.boxOfficeDiv{
position:relative; float:right; top:30px; right:5px; 
}
.searchBox{
position:relative;float:right;top:85px;right:-190px;
}
.contentP{float:left;}

#eventForm label{
margin-top:3px;
margin-bottom:3px;
}
.eventFormP{
position:relative;left:3px;top:8px;
}
.eventFormPTo{
position:relative;left:3px;top:10px;
}
.eventFormCats{
height:100px;width:140px;
}
div.eventCategory{
}
.newsCategoryDiv{
width:250px;height:20px;
}

.mainContent{width:100%;}

.announcementDiv{
width:100%;float:left;background-color:#fff;margin-bottom:15px;padding:5px;
}

.newsMainContent{
width:100%;top:5px;
}

.date-pick{}

/* FORM STYLES */

form#registration fieldset.form-row.field-widget.checkbox{
}
fieldset
{
	border: 0px;
	padding:  0px;
}
fieldset>legend
{
	display: none;
}
table#registration
{
	width: 100%;
	text-align: left;
}
table#registration tr.row0
{
	background-color: rgb(230,230,230);
}
table#registration tr.row1
{
	background-color: rgb(255,255,255);
}
.field-widget>table
{
/* clear: left; */
}

input.disabled{
border:1px solid #F2F2F2;
background-color: #F2F2F2;
}

input.required, textarea.required{
border: 1px solid #CC0033;
}
input.validation-failed, textarea.validation-failed{
border: 1px solid #CC0033;
color : #FF3300;
}
input.validation-passed, textarea.validation-passed{
border: 1px solid #00CC00;
color : #000;
}

.validation-advice{
margin: 5px 0;
padding: 5px;
background-color: #CC0033;
color : #FFF;
font-weight: bold;
}

.custom-advice{
margin: 5px 0;
padding: 5px;
background-color: #CC0033;
color : #FFF;
font-weight: bold;
}

label{}

.form-row{
clear: both;
margin: 0.5em 0 0.5em 0;
}

div.form-row div.field-label label{
font-weight: bold;
padding-top:2px;
}

.field-label{}

.field-widget{}

.pagerDivTop{
position:relative;
left:0px;
top:-5px;
background:#ff9999;
}

.pagerDivBottom{
position:relative;
left:0px;
top:130px;
background:transparent;border-style:solid;
border-color:#000000;
border-width:thin;
height:20px;
}

.textBoldPaging{
font-size:0.8em;
color:#000;
font-weight:bold;
padding-left:3px;
}

.evCats{
height:220px;width:140px
}

.evtCats{
font-size:1.1em;
color:#000;
line-height:0.8em;
}

.headingUnderline{
font-size:1.4em;
color:#000;
font-weight:bold;
line-height:1.9em;
}

.headingUnderlineh2{
font-size:1.7em;
color:#000;
font-weight:bold;
line-height:1.6em;
}

.dtePickerIconFrom{
position:relative;float:right;top:-35px;right:60px;
}

.dtePickerToIcon{
position:relative;float:right;top:-270px;right:60px;
}

.returnSearch{
font-size:0.9em;
font-weight:bold;
text-decoration:none;
}
.returnSearch a:link{}
.returnSearch a:visited{}
.returnSearch a:hover{text-decoration:underline;}
.returnSearch a:active{}

/* EVENTS FORM */

#eventFormContainer{
margin-bottom:30px;
}

#eventForm{
}

#eventForm input:focus{
background-color:#CCCCCC;
}

form#eventForm label{
font-weight:bold;
}

.searchButtonDiv{
padding-top:120px;
}

/* col3 elements */

#pageExtras{}

div.topSidebarItems{
background-color:#F3F3F3;
margin:0 0 30px 0;
border:1px solid #DDDDDD;
height:100%;
}
div.topSidebarItems h3{
font-size:1em;
padding:2px;
margin:0;
font-weight:bold;
text-decoration:none;
background-color:#5c88a5;
color:#fff;
}

div.topSidebarItems li{
padding:0 0 0.5em 0;
}

div.topSidebarItems li a{ color:#5C88A5; }
div.topSidebarItems li a:link{}
div.topSidebarItems li a:visited{ color:#5C88A5; }
div.topSidebarItems li a:hover{ color:#5C88A5; text-decoration:underline; }
div.topSidebarItems li a:active{}
/* end of col3 */