/* DeskTop */

/* DEFAULTS
----------------------------------------------------------*/
.respImg, .respImg img, .respImgHldr img { width: 100%; height: auto; }

/*body { background: #b6b7bc; font-size: .80em; font-family:'Raleway', MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif; margin: 0px; padding: 0px; color: #696969; }*/


html { /* background-color: #008cce; */ height:100%; width:auto; }

body { height:100%; width:auto; font-size: .80em; font-family:'Gudea'/*, sans-serif*/; margin: 0px; padding: 0px; color: #696969; }


a:link, a:visited { color: #008cce; /*color: #034af3;*/  }
a:hover { /*color:#1d60ff;*/ color:#52b7ef; text-decoration: none; }
a:active { color: #034af3; }
p { margin-bottom: 10px; line-height: 1.6em; }
img[alt='Skip Navigation Links'] { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* PageLayout System*/
.dc_16{
    width:100%;
}
.dc_15{
    width:93%;
}
.dc_14{
    width:87%;
}
.dc_13{
    width:81%;
}
.dc_12{
    width:75%;
}
.dc_11{
    width:68%;
}
.dc_10{
    width:62%;
}
.dc_9{
    width:56%;
}
.dc_8{
    width:49%;
}
.dc_7{
    width:43%;
}
.dc_6{
    width:37%;
}
.dc_5{
    width:31%;
}
.dc_4{
    width:25%;
}
.dc_3{
    width:18%;
}
.dc_2{
    width:12%;
}
.dc_1{
    width:6%;
}
/* END PAGE LAYOUT */


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { text-transform: none; font-weight: 200; margin: 0px; }
h1 { /* font-size: 1.6em; */ font-size:38px; padding-bottom: 0px; margin-bottom: 0px; }
h2 { font-size: 1.5em; font-weight: 600; }
h3 { font-size: 16px; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 { margin-top: 0px; }

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.Hide { display:none; }
.Show { display:block !important; visibility:visible !important;  }
.RedBoarder { border:solid 1px red;}

.GoWhite { background-color: #fff; }
.GoWhiteText { color: #fff !important;  font-size:14px;}
.headerUserLinks .DonateBtn{padding-right:8px;text-decoration:none;}
.headerUserLinks .DonateBtn:hover{text-decoration:none;}
.DonateBtn .GoWhiteText{background: #52b7ef;padding: 1px 4px;}

.GoGrey{ background-color:#b6b6b6; }
.GoGreyText { color:#b6b6b6; }

.GoBlue { background-color: #008cce; }/* Site Blue */

.GoLightBlue { background-color: #52b7ef; }
.GoDarkerBlue { background-color: #147dba; }
.GoNavyBlue { background-color:#0b5a87; }
.GoGreyBlue { background-color:#b3d1e3; }
.GoGreyBlueTwo { background-color:#93bbd3; }

.GoDarkGreyBlue { background-color:#5e7a8a; }
.GoDarkGreyBlueTwo { background-color:#6e90a4; }

.GoLeft { float: left !important; }
.GoRight { float: right !important; }
.GoBlock { display: block !important; }
.Clear { clear: both; }
.GoFullWidth { width:100%; float:left;}
.GoFullWidth a { text-decoration:none; }
.GoFullWidth a:hover { text-decoration:underline; color:#fff; }

.GoLeft a { text-decoration:none; }
.GoLeft a:hover { text-decoration:underline; }

a:link.GoButton, a:visited.GoButton, a:active.GoButton{font-size:14px; padding:10px 5px; color:#fff!important; text-decoration: none; text-transform: uppercase; background-color: #008cce; border: none;}
a:hover.GoButton{background: #137ABC !important;}

.LeftSide {float:left; }
.RightSide {float:left; /* width:320px; */ width:32%; margin-left:2%;  }
#MainContent_ctl00_ctl00_pnlSubnav { float:left; width:100%; }

.MarginRightFour { margin-right:4px; }

.MarginRightTen { margin-right: 10px; }
.MarginleftTen { margin-left: 10px; }
.MarginRightTwenty { margin-right: 20px; }
.MarginleftTwenty { margin-left: 20px; }
.MarginRightFourty { margin-right: 40px !important; }
.MarginleftFourty { margin-left: 40px; }

.MarginBottomTen { margin-bottom:10px; }
.MarginBottomTwenty { margin-bottom:20px; }
.MarginBottomFourty { margin-bottom:40px; }

.MarginTopTwenty { margin-top:20px;}

.page { float:left; width:100%; height:100%; background-color: #fff; margin: 0px; padding: 0px; }

header, footer { background: #008cce; /* Site Blue */ }
header { position: relative; margin: 0px; padding: 0px; width: 100%; /*float: left;*/ min-height: 144px; }
 header h1 { font-weight: 700; margin: 0px; padding: 0px 0px 0px 20px; color: #f9f9f9; border: none; line-height: 2em; font-size: 2em; }

.HeaderRightSide { float:right; /*width:495px;*/ width:70%; }

.headerRightPanel { /*max-width:640px;*/ min-width:350px; min-height:40px; float:right; }
.headerRightPanelBottom { /*max-width:640px;*/ width:100%; min-height:40px; float:right; }
.HeaderWhiteText { float:left; height:30px; line-height:30px; width:auto;  text-decoration:none; font-size:14px; margin-right:2px; padding:0; margin:0; }
.HeaderWhiteText:hover { text-decoration: underline; }

.otherMailingFields {
    height: 120px;
float: right;
color: #FFF;
width: 320px;
position: relative;
z-index: 99;
}
.mailingListRow{
    padding:5px;
}

.mailingLbl{
    width: 238px;
display: block;
margin-left: 15px;
}

.mailingListRow input{
    float: left;
width: 200px;
height: 18px;
line-height: 18px;
margin: 0px 10px 0 15px;
padding: 0 0 0 8px !important;
}

.HeaderSmallPic { float:left; height:30px; width:30px; }
.headerSiteSwitchLink { float: left; padding: 13px; background: #008cce; }
.headerUserLinks { float:left; width:auto; height:30px; line-height:30px; border-top: 1px solid #52b7ef; border-bottom: 1px solid #52b7ef;  padding-left:4px;  margin:14px 0 0 0px; color:#fff; text-transform:uppercase; font-size:14px; }
#Header_HeadLoginView_HeadLoginStatus { color:#fff; text-decoration:none; }
#Header_HeadLoginView_HeadLoginStatus:hover { text-decoration:underline; }
.LoginImage { margin-top:-30px; }

.HeaderSocialLinks { float:left; width:auto; height:auto; margin:40px 20px 0 0;   }
.SocialLink { float:left; margin-right:4px; }
.SocialLink:hover { border-bottom:solid 2px #147dba;  }

.HeaderJoinMailing { float:right; width:320px; height:68px; }
.JoinMailingBox { float:left; width:100%; height:60px; margin-top:20px; }
.JoinMailText {  float:left; height:30px; line-height:30px; width:auto; font-size:14px; color:#fff; margin-left:20px; width:300px; }

.LongTextBox { float: left; width:200px; height:18px; line-height:18px; margin: 0px 10px 0 20px; padding: 0 0 0 8px !important;  }
.BlueButton { float:left; height:20px; width:60px; line-height:20px; text-align:center; margin-top:0px; border:0; color:#fff; }

.watermark { color:#000; }

.main { padding: 0px 12px; margin: 0px 8px 8px 8px; min-height: 420px;  }
.leftCol { padding: 6px 0px; margin: 12px 8px 8px 8px; width: 200px; min-height: 200px; }
footer { color: #4e5766; padding: 8px 0px 0px 0px; margin: 0px auto; text-align: center; line-height: normal; clear: both; }





/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset { margin: 1em 0px; padding: 1em; border: 1px solid #ccc; }
fieldset p { margin: 2px 12px 10px 10px; }
fieldset.login label, fieldset.register label, fieldset.changePassword label { display: block; }
fieldset label.inline { display: inline; }
legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; }
input.textEntry { width: 320px; border: 1px solid #ccc; }
input.passwordEntry { width: 320px; border: 1px solid #ccc; }
div.accountInfo { width: 42%; }

/* MISC  
----------------------------------------------------------*/

.clear { clear: both; }

.title { display: block; float: left; text-align: left; width: 30%; height: auto; }
    .title h1 { display: none; }
    .title img { padding-top: 32px; float: left; height: auto; width: 100%; }

.loginDisplay { font-size: 1.1em; display: block; text-align: right; color: White; }
    .loginDisplay a:link { color: white; text-decoration: none; margin-left: 10px; }
    .loginDisplay a:visited { color: white; text-decoration: none; }
    .loginDisplay a:hover { color: white; }
    .loginDisplay img { margin-left: 5px; }

.failureNotification { font-size: 1.2em; color: Red; }
.centeringWrapper { width: 1000px; margin: auto; /*overflow: hidden; <-- was causing the menu flyouts to be hidden*/ }
.centeringWrapper:after{content:"";clear:both;display:block;}

    .centeringWrapper iframe {

    }
.centeringWrapper #SpektrixIFrame{ margin-top:50px;}
iframe#MainContent_ifBasket{
    width:100%;
    min-height: 630px;
}

.bold { font-weight: bold; }
.submitButton { text-align: right; padding-right: 10px; }

.SearchDiv { float:right; height:30px; width:250px; margin-top:-40px; position:relative; }
.Search {float:left; height:30px; line-height:30px; width:200px; }

.btnSearch { float:left; background:#fff url(../images/Search.png); height:30px; width:30px; border:0; }
.SearchTextBox { float:left; width:70%; height:20px; line-height:20px; padding-left:10px; }

.SearchCalender { float:right; width:50px; height:50px; margin-top:-12px;  }
    .SearchCalender a { cursor:pointer; }

.DatePickerDiv { float:right; z-index:999; position:relative; position:absolute; top:35px;}



/* Temporary design stuff that we will need to bring through to the final production CSS file */

.timelocked { background-color: red; }
timelocked div { border: 1px solid red; }

.listingPanel { width: 100%; display: block; float: left; margin-bottom:20px; }
.listingImageContainer { width: 30%; float: left; }
.listingDescContainer { width: 60%; float: right; }


/* News Page */
.storylist.listofitems{margin-top:16px;}
.storyImageContainer{ float:right; width:25%; height:auto; margin:10px 0 10px 0; }
.storyImageContainer img { float:left; width:100%; height:auto; }
.storyDescContainer { float:left; width:70%; height:auto; display:inline-block;   }
.storyDescContainer b, .storyDescContainer strong { float:left; width:500px; height:auto; display:inline-block;  }
@media only screen and (max-width: 560px){
.storyDescContainer b, .storyDescContainer strong {width:auto;}	
}	
.storyDescContainer table b, .storyDescContainer table strong{width:auto;}

.storyTitle{ float:left !important; width:80%; height:40px; line-height:40px; margin:0 0 0 20px !important; padding:0 !important; }
.storyDesc { float:left !important; width:100%; height:auto; /*line-height:40px;*/ margin:0 0 0 20px !important; padding:0 !important; }
.storyDesc p { margin-bottom:0px !important; }
.storyMore { float:left !important; width:100%; height:40px; line-height:40px; margin:0 0 0 20px !important; padding:0 !important; color:#008cce; text-decoration:none; }
.storyMore:hover {color:#52b7ef; text-decoration:underline; }

/* whatson listings bits */
.eventList { width: 600px; display: block; float: left; }
.eventList .event { width: 100%; float: left; }
.event .eventImageHolder { width: 30%; float: left; }
.event .evtDetails { width: 65%; float: right; }
.evtTitle { font-size: 1.5em; width: 100%; float: left; }
.evtDesc { float: left; width: 100%; }

/*.storylist{ border:solid 1px red; visibility:hidden; width:100px; height:auto; }*/
a.evtMoreLink { font-size: 1em; width: 100px; padding: 5px 10px 5px 10px; color:#000; background-color:#fff; text-decoration:none; margin-left:20px; }
a.evtBookLink { font-size: 1em; width: 100px; padding: 5px 10px 5px 10px; color:#fff; background-color: #008cce; text-decoration:none; margin-left:10px; }
.evtMoreLink { background: red; }
.evtDate { color:#fff; }

/*#form1 .page .main .centeringWrapper #MainContent_pnlPageContent #MainContent_ctl00_pnlStoryControl  { visibility:hidden; height:0px; width:0px; }*/

.hilight{background: #FF0;}

.evtVenue a { color:#fff; text-decoration:none; font-size:1.2em; }
.evtVenue a:hover { text-decoration:underline; }

.woEvtPnl { /*width:662px;*/ width:66%; float:left; min-height:800px; }
.woImageHolder { width: 100%; }
.woImageHolder img { width: 100%; height: auto; }

/*.SubNavBlock { float: right; background:#b3d1e3; color:#000; width: 29.6%; padding: 1.2%; width:300px; padding: 10px; display:none; }*/
.SubNavBlock h3 { /*text-transform: uppercase;*/ padding-bottom: 10px; }
a.subnavLink { color:#000; font-size: 15px; text-decoration: none; /*text-transform: uppercase;*/ padding: 8px 20px; display: block; background:#93bbd3; margin-bottom: 3px; -webkit-transition: background-color 200ms ease-in; -moz-transition: background-color 200ms ease-in; -o-transition: background-color 200ms ease-in; transition: background-color 200ms ease-in; }
a.subnavLink:hover { background:#52b7ef; }

.subnavHolder{
    width:26%;float:left;
}
.SubNavBlock {  margin:0; padding:0; background-color:#fff; margin-top:26px; width:100%; }
.SubNavBlock.Show{background-color:#b3d1e3;margin-top:0px;float:left;padding-bottom:10px;}

.SubNavBlock h3 { padding-left:10px; }
    .SubNavBlock.Show h3 {text-transform: uppercase;color: #000;font-weight: bold;padding: 10px; }
.SubNavBlock .subnavRow { float:left; width:100%; height:auto; border-bottom:solid 1px #b6b6b6; }
.SubNavBlock.Show .subnavRow { width:93%; /*width:300px;*/ border-bottom:none; /*margin:1% 2% 0 2%;*/ margin:1% 10px 0 10px; }
.SubNavBlock .subnavRow:first-child { border-top:solid 1px #b6b6b6; }

.SubNavBlock .subnavRow a { float:left; width:96%; height:40px; line-height:40px; background-color:#fff; margin:0; padding:0; padding-left:4%; font-weight:600; font-size:18px; }
.SubNavBlock.Show .subnavRow a {background-color:#93bbd3;}
.SubNavBlock .subnavRow a:hover { color:#52b7ef; }
.SubNavBlock.Show .subnavRow a:hover { color:#fff; }
.SubNavBlock .thisPage a{ background-color: #008cce; color:#fff; }
.SubNavBlock .thisPage a:hover{  color:#fff;  }


#MainContent_ctl00_ctrlPageLAyout_pnlPageLayout { float:right; margin:0px 0 40px 0; /*width:720px;*/ width:72%;}
#MainContent_ctl00_ctrlPageLAyout_pnlPageLayout div p { margin:0 !important; }

.pageLayoutSystem, .storiesPanel{width:72%;float:right;}

#MainContent_pnlPageContent table { float:right; width:720px !important; height:auto;  }
#MainContent_pnlPageContent .storyDesc table { float:none; width:100% !important;}
#MainContent_pnlPageContent table tbody tr td p { float:left; width:598px !important; height:auto; }
#MainContent_pnlPageContent p, #MainContent_pnlPageContent table { float:right; width:720px; /*margin-bottom:40px;*/ }

.pageContentPageID24 h2 { float:right; width:680px; height:auto; text-align:left;}

#MainContent_pnlPageContent h2, #MainContent_pnlPageContent p, #MainContent_pnlPageContent ul { float:right; height:auto; width:100%; text-align:left; margin-bottom:20px; }
#pnlDetails h2, #pnlDetails p, #pnlDetails ul { float:left; height:auto; width:600px; text-align:left; }
#MainContent_pnlPageContent h2 {display:inline-block; font-size:26px; text-transform:uppercase;  margin-bottom:20px; margin-top:20px;  }


a.bookingInformationLink { background-color: #be541a; color: white; background-image: url(/images/cornerPeelFor-be541a.jpg);  }
a.bookingInformationLink:hover { background-color: #E27C45;  }
a.bookingInformationLink, a.accessInformationLink { float: right; width: 97.6%; padding: 1.2%; text-transform: uppercase; text-decoration: none; font-size: 17px; background-repeat: no-repeat; background-position: right 0px; margin-top: 20px; -webkit-transition: background-color 200ms ease-in; -moz-transition: background-color 200ms ease-in; -o-transition: background-color 200ms ease-in; transition: background-color 200ms ease-in;  }
a.accessInformationLink { background-color: #d5a1b7; color: black; background-image: url(/images/cornerPeelFor-d5a1b7.jpg);  }
a.accessInformationLink:hover { background-color: #e684ad;  }
.bookingInformationLink, .accessInformationLink {  }

.videoBlock { width: 100%; float: right; padding-top: 25px; }
.videoBlock h3, .imageBlock h3 { text-transform: uppercase; text-decoration: none; font-size: 17px; color: black; }


.DarkBlueBox { float:right; /*width:320px;*/ width:100%; height:auto; background-color:#5e7a8a; margin:30px 0 7px 0;}
.InnerDartkBlueBox { float:left; /*  margin:10px; padding:10px; width:280px; */ width:80%; margin:5%; padding:5%; height:auto; background-color:#6e90a4; color:#fff; font-size:15px; }


.TheVideoDiv { float:left; margin-top:10px; /*width:330px;*/ width:100%; height:auto; clear:right; /*margin-left:-15px;*/ }
.VidImage:first-child { float:left; /* width:150px; margin-left:15px; */ width:45%;  height:auto; }
.VidImage { float:right; /* width:150px; margin-left:15px; */ width:45%;  height:auto; margin-right:4%;  }
.VidImage a { cursor:pointer; }

.ImageBlock { float:right; margin-top:20px; /* width:330px; */ width:100%; height:auto; }
.ImageBlock h3 { margin-left:10px;  float:left; text-transform: uppercase; text-decoration: none; font-size: 17px; color: black; }
.TheGalleryDiv { float:right; margin-top:10px; width:100%; height:auto; }
.GalImage { float:left; margin:0 10px 10px 0px; width:30%; }
.GalImage:nth-child(3n+3){ float:left; margin:0 0 10px 0px; width:30%; }
.GalImage a img { float:left; width:100%; height:auto; cursor:pointer; }


/*Whats On Detail Page Overrides*/

.woDateSumm { font-size: 18px; color: black; padding-top: 15px; width: 400px; float: left; text-transform:uppercase !important; }

.woBOOK a{ float:right; width:100px; height:40px; line-height:40px; font-size:30px !important; font-weight:600; text-align:center; background:#008cce !important; color:#FFF !important; margin-top:20px; padding:0 !important; }
.woBOOK a:hover { cursor:pointer; background-color: #52b7ef !important; font-size:30px !important; padding:0 !important; }

.woTitle { width: 100%; font-size:28px; font-weight:600; color:black; clear:left; text-transform:uppercase !important; /* margin-bottom:10px; */}
.woVenue h1{ width: 100%; font-size:18px; line-height:18px; /*font-weight:600;*/ color: black; clear: left; text-transform:uppercase !important; margin-bottom:20px; }
.woVenue h2#venueNameMain{ width: 100%; margin-top:0px;float:left;font-size:18px; line-height:18px; font-weight:200; color: black; clear: left; text-transform:uppercase !important; margin-bottom:20px; }
.woPrice { width: 100%; height:40px; color: black; clear: left;}
.woInfoBottom { width: 100%; height:60px; color: black; clear: left;}
    
    .woPrice h3 { float:left; width:auto; font-size: 20px; line-height:20px; font-weight:600; color: black;  text-transform:uppercase !important; margin-right:10px; }
    .woPrice span { float:left;  width:auto; font-size: 18px; color: black; }

.tabbed { padding-top: 20px; margin-bottom:20px; }
.tabBtn { cursor:pointer; }

.tabBlock, .tabBtn, .tabBtn:hover { background: #e0e0e0; font-size: 16px; padding: 10px; color: black;  }
.tabBlock.selected, .tabBtn.selected { background: #d1cfd0; }
.tabBlock { margin-top: 10px; }

#pnlDatesTimes .woEventRow, .woEvtDesc { background:#e0e0e0; padding:15px; display:inline-block; margin-bottom:2px; color:black; width:95%; }
.woEvtDesc p { float:left; width:100% !important; height:auto; margin:0; padding:0; }


.woEventRow .woEvtDate, .woEventRow .woEvtTime, .woEventRow .woEvtVen { display: block; float: left;   }

#pnlDatesTimes .woEventRow .woEvtDate { width: 105px; text-transform:uppercase; }
#pnlDatesTimes .woEventRow .woEvtTime { width: 75px; }
#pnlDatesTimes .woEventRow .woEvtVen { width: 350px; text-transform: uppercase; }

.woEvtBook, .evtBookLink { background: #008cce; color: #FFF!important; cursor:pointer; text-transform: uppercase; padding: 5px 10px; -webkit-transition: background-color 100ms linear; -moz-transition: background-color 100ms linear; -o-transition: background-color 100ms linear; -ms-transition: background-color 100ms linear; transition: background-color 100ms linear; }
.woEvtBook:hover, .evtBookLink:hover { color: #FFF; background-color: #52b7ef;  }


/* End Whats On Detail Page Overrides*/

.galleryImageHolder{
    float: left;
width: 150px;
height: auto;
margin-bottom:10px;
}

.galleryImageHolder a.galleryImage, .galleryImageHolder a.galleryImage img{
width: 100%;
height: auto;
}

.galleryImageHolder:nth-child(2n+2){
margin-left:10px;
}

.slideshowImage{width:100%;height:auto;}

.homepageNewsBlogs { width: 32%; float: right; }
.homepageNewsBlogs h3, .homepageComingSoon h3 { font-size: 18px; text-transform: uppercase; color: #3f3f3f; letter-spacing: 0.6em; padding: 20px 0px; }
.homepageNewsBlogs .storylist { float: left; padding: 2.5% 2.5% 2.5% 2.5%; border: 2px solid #cdcdcd; color: #3f3f3f; height:360px; }
   
.homepageNewsBlogs a.storyTitleLink:hover { text-decoration: underline; }
.homepageNewsBlogs .storylist .story { float:left; padding:29px 0 10px 0;  }
.homepageNewsBlogs .storylist .storyDate { float:right; width:54%; height:auto; font-size: 14px; font-weight:bold; text-transform:uppercase;  }
.homepageNewsBlogs .storylist .storyName { float:right; width:54%; height:auto; }
.homepageNewsBlogs a.storyTitleLink { font-size: 16px; color: #3f3f3f; text-decoration: none; text-transform: uppercase; padding: 0px 0px; float: left; }
.homepageNewsBlogs .storylist .storyMoreLink { display: none; }
.homepageNewsBlogs .storylist .storyImageHolder { float:left; width:40%; height:auto;  margin:-16px 0 0 10px;  }
.homepageNewsBlogs .storylist .storyImageHolder img { float:left; width:100%; height:auto; }

.homepageComingSoon { float: left; width: 68%; }
.homepageComingSoon .event { width: 48%; float: left; max-width: 320px; height: 175px; overflow: hidden; }
.homepageComingSoon .event .respImg, .homepageComingSoon .event .respImg img { float:right; width:100%; height:auto; max-width: 320px; }
.homepageComingSoon .event .eventImageHolder { width: 100%; max-width: 320px; height: auto; }
.homepageComingSoon .event .evtDetails { padding: 5px 7%; width: 86%; background: rgba(83, 83, 78, 0.9); color: white; margin-top: -50px; }
.homepageComingSoon .event .evtTitleLink { color: white; text-decoration: none; font-size: 18px; text-transform: uppercase; }
.homepageComingSoon .event .evtVenue { display: none; }     
        
  /* Start Slider Event Box */ 

/*Homepage overrides*/

.imgEvent img{ float:left; width:100%; height:auto; }
.AnEventImage, .AnEventImage a { float:left; }

.EventMoreDiv { display:none; }
.homepageSlider .AnEventBox { float:left; /*position:relative;*/ position:absolute !important; }

#slider1 {
    float:left;
width: 100% !important;
height:366px;
background-color:#0b5a87;
}
#slider1 div {
position: relative;
}

.homepageSlider { width: 100%; display: block; float: left; background-color:#0b5a87; margin-top:0px; }

    .homepageSlider .AnEventBox .ImageInfoBlueStrip .InfoTextDiv { float:left; width:100%; }
    .homepageSlider .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxDate { display:inline-block; font-size:16px !important; height:auto !important; margin-bottom:4%; line-height:30px;  margin-left:0 !important;}
    .homepageSlider .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxName a{ float:left; width:300px !important; font-size:21px !important; line-height:30px; font-weight:600; height:auto !important; width:100%; margin-bottom:4%; margin-left:0 !important;  }
    .homepageSlider .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxText { float:left; width:100% !important; height:100px; overflow:hidden; font-size:16px; line-height:20px; margin-left:0 !important;}

    .ImageInfoBlueStrip .evtVenue { display:none; }
    .homepageSlider .AnEventBox .ImageInfoBlueStrip .evtVenue { display:inline-block; float:left; /*margin-left:10%;*/ margin-bottom:10%; text-transform:uppercase; }

    .EventBoxDate { float:left; width:100%; height:20px; line-height:20px;  color:#fff; margin-left:10%; margin-bottom:0px; text-decoration:none; } 
    .EventBoxName a{ float:left; width:100%; height:20px; line-height:20px;  color:#fff; margin-left:12%; text-decoration:none; }

    .homepageSlider .AnEventBox .ImageInfoBlueStrip .EventBookDiv { float:right; height:100%; width:25%; line-height:20px;  /*top:90px;*/ bottom:-80px; position: absolute !important; left:80px;  }
    .homepageSlider .AnEventBox .ImageInfoBlueStrip .EventBookDiv a { margin: 10px; padding:5px 10px 5px 10px; background-color:#008cce; color:#fff; font-weight:600; font-size:1.4em; text-decoration:none;   position: absolute; bottom:0px;   -webkit-transition: background-color 200ms ease-in; -moz-transition: background-color 200ms ease-in; -o-transition: background-color 200ms ease-in; transition: background-color 200ms ease-in; }
        .homepageSlider .AnEventBox .ImageInfoBlueStrip .EventBookDiv a:hover { cursor:pointer; background-color:#52b7ef; }

    .homepageSlider .AnEventBox .ImageInfoBlueStrip .EventMoreDiv { float:right; height:100%; width:84px; line-height:20px; /*top:90px;*/ bottom:-80px; position: absolute !important; left:10px;  display:inline-block !important;  }
    .homepageSlider .AnEventBox .ImageInfoBlueStrip .EventMoreDiv a { float:left; margin: 10px; padding:5px 10px 5px 10px; background-color:#fff; color:#63635d; font-size:16px; font-weight:600; text-decoration:none;   position: absolute; bottom:0px;   -webkit-transition: background-color 200ms ease-in; -moz-transition: background-color 200ms ease-in; -o-transition: background-color 200ms ease-in; transition: background-color 200ms ease-in; }
        .homepageSlider .AnEventBox .ImageInfoBlueStrip .EventMoreDiv a:hover { cursor:pointer; text-decoration:underline; }


.homepageSlider .AnEventBox .AnEventImage { float:right; width:65%; height:auto; border-left: 2px solid white; }
.homepageSlider .AnEventBox .AnEventImage a{ width: 100%; height: auto; cursor:pointer; }
.homepageSlider .AnEventBox .ImageInfoBlueStrip {margin-top:10px; float:left; display:block; width:30%; height:100%; padding: 2%;  /*position:relative;*/  }
.homepageSlider .AnEventBox .evtTitleLink { text-decoration: none; color: white; font-size: 30px; }
.homepageSlider .AnEventBox .evtDesc { padding: 10px 0px; color: white; }      
        
        
        
         
/* Start Event Box  */
.homepageComingSoonEvents { float:left; display:inline-block; width:100%; height:auto; }
.homepageComingSoonEvents .AnEventBox, .homepageSlider_nonActive .AnEventBox { display:block; float:left; width:47% !important; margin:0 3% 3% 0;  height:auto;  position:relative; overflow:hidden; }

.homepageComingSoon .AnEventBox:nth-child(2n+2) {margin-right:2%;float:left;}
.AnEventBoxThird {/*width:100% !important;*/ }
.homepageComingSoonEvents .AnEventBox .AnEventImage a img { float:left; width:100%; height:auto; position:relative;   cursor:pointer; }

.Limited { float:left; width:320px; height:180px; position:absolute; top:0;  background:transparent url(../images/Limited.jpg) top left no-repeat; z-index:9999; }
.SoldOut { float:left; width:320px; height:180px; position:absolute; top:0;  background:transparent url(../images/Sold.jpg) top left no-repeat; z-index:9999; }


.homepageComingSoonEvents .AnEventBox .ImageInfoBlueStrip, .homepageSlider_nonActive .AnEventBox .ImageInfoBlueStrip { float:left; position: absolute; bottom:0px; z-index:99;  height:25%; width:100%; background-color: rgba(0, 140, 206, 0.8); /* background-color: #008cce; opacity: 0.8; */ margin:0; }

.InfoTextDiv { float:left; height:100%; width:75%; }
.EventBoxName { float:left; }
.AnEventBox .EventBoxName{float:none;}
.homepageComingSoonEvents .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxDate { float:left; width:90%; height:20px; line-height:20px; font-size:13px; color:#fff; margin-left:10%; text-decoration:none; }
.homepageComingSoonEvents .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxName a{ float:left; width:98%; height:20px; line-height:20px; font-size:1.4em; color:#fff; margin-left:24px; margin-bottom:6px; text-decoration:none; overflow: hidden; text-overflow: ellipsis; } 

.EventBoxName a:hover { text-decoration:underline; }
.EventBoxText { display:inline-block; float:left; width:90%; height:auto;  line-height:16px; font-size:1em; color:#fff; margin-left:10%;  }

.homepageComingSoonEvents .AnEventBox .ImageInfoBlueStrip .EventBookDiv, .homepageSlider_nonActive .AnEventBox .ImageInfoBlueStrip .EventBookDiv { float:right; height:100%; width:25%; position: absolute; bottom:0px; right:0px; }
.homepageComingSoonEvents .AnEventBox .ImageInfoBlueStrip .EventBookDiv a, .homepageSlider_nonActive .AnEventBox .ImageInfoBlueStrip .EventBookDiv a { position: absolute; bottom:0px; right:0px; margin: 10px; padding:5px 10px 5px 10px; background-color:#fff ; color:#63635d; font-size:14px; font-weight:600; text-decoration:none; opacity:1.0 !important; }
.homepageComingSoonEvents .AnEventBox .ImageInfoBlueStrip .EventBookDiv a:hover { text-decoration:underline; cursor:pointer; }

.AnEventImage a img { position:relative; top:0; }


.BottomBoxWithMargin { float:left; width:47%; height:auto; margin: 0 3% 3% 0;  }
.BottomBoxWithMargin img { float:left; width:100%; height:100%; }

.BottomBox { float:left; width:100%; height:auto; }
.BottomBox img { float:left; width:100%; height:100%; }

.SearchResultsDiv { float:left; width:100%; height:auto; }
.SearchCriteria { float:left; width:100%; height:auto; margin-bottom:20px; text-transform:uppercase; }


.ymalList { float:left; width:100%; height:auto; }

.ymalHolder { float:left; width:100%; }
.ymalHolder h3 { float:left; width:100%; margin-bottom:10px; text-transform:uppercase; color:#000; /*font-weight:600;*/ font-size:18px; padding-left:20px;}

.ymalList .AnEventBox { float:left; width:320px; margin:0 19px 20px 0;  height:auto;  position:relative; overflow:hidden; }
.ymalList .AnEventBox:nth-child(3n+3) {margin-right:0px;float:right;}
.ymalList .AnEventBox .AnEventImage img { float:left; width:100%; height:auto; position:relative; z-index:1; top:0px; }
.ymalList .AnEventBox .ImageInfoBlueStrip { float:left; position: absolute; bottom:0px; z-index:99;  height:25%; width:100%; background-color: rgba(0, 140, 206, 0.8); margin:0; }
.ymalList .AnEventBox .ImageInfoBlueStrip .EventBookDiv { float:right; height:100%; width:25%; position: absolute; bottom:0px; right:0px; }
.ymalList .AnEventBox .ImageInfoBlueStrip .EventBookDiv a { position: absolute; bottom:0px; right:0px; margin: 10px; padding:5px 10px 5px 10px; background-color:#fff; color:#63635d; font-size:14px; font-weight:600; text-decoration:none; opacity:1.0 !important; }
.ymalList .AnEventBox .ImageInfoBlueStrip .EventBookDiv a:hover { text-decoration:underline; cursor:pointer; }

.ymalList .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxDate { float:left; width:100%; height:20px; line-height:20px; font-size:13px; color:#fff; margin-left:10%; text-decoration:none; }
.ymalList .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxName a{ float:left; width:100%; height:20px; line-height:20px; font-size:1.4em; color:#fff; margin-left:24px; margin-bottom:6px; text-decoration:none; }

.SearchPage .ymalList .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxName a{ float:left; width:100%; height:20px; line-height:20px; font-size:1.4em; color:#fff; margin-bottom:6px; margin-left:24px !important; text-decoration:none; overflow: hidden; text-overflow: ellipsis;}

#MainContent_ctl00_ctl00_pnlResults { float:left; width:100%; height:auto; }
#MainContent_ctl00_pnlWhatsOnControl { position:relative; float:left; width:100%; height:auto; }
.woEvtPnl #MainContent_ctl00_ctl00_pnlSubnav #MainContent_ctl00_ctl00_ctrlSubnav_pnlSubNavBlock {position:relative !important; right:0 !important; }


.pnlShare { float:left; display:inline-block; /*width:642px;*/ width:98%; height:30px; padding-top:6px; background: #e0e0e0;  padding-left:2%;}
.ShareMoreDiv { float:left; margin-right:10px; }

/* Whats On Page */
#MainContent_pnlPageContent { float:left; width:100%; /*padding-left:10px;*/ }

#MainContent_ctl00_ctl00_pnlResults .AnEventBox { float:left; /*width:320px;*/ width:32%; height:auto; /*margin:0 20px 20px 0;*/ margin:0 2% 2% 0;    position:relative; overflow:hidden; }
#MainContent_ctl00_ctl00_pnlResults .AnEventBox:nth-child(3n+3) { float:left; /*width:320px;*/ width:32%; height:auto; /*margin:0 0px 20px 0;*/ margin:0 0 2% 0;   position:relative; overflow:hidden; }
#MainContent_ctl00_ctl00_pnlResults .AnEventBox .AnEventImage img { float:left; width:100%; height:auto; position:relative; z-index:1; top:0px; }
#MainContent_ctl00_ctl00_pnlResults .AnEventBox .ImageInfoBlueStrip { float:left; position: absolute; bottom:0px; z-index:99;  height:25%; width:100%; background-color: rgba(0, 140, 206, 0.8); /* background-color: #008cce; opacity: 0.8; */ margin:0; }
#MainContent_ctl00_ctl00_pnlResults .AnEventBox .ImageInfoBlueStrip .EventBookDiv { float:right; height:100%; width:25%; position: absolute; bottom:0px; right:0px; }
#MainContent_ctl00_ctl00_pnlResults .AnEventBox .ImageInfoBlueStrip .EventBookDiv a { position: absolute; bottom:0px; right:0px; margin: 10px; padding:5px 10px 5px 10px; background-color:#fff; color:#63635d; font-size:14px; font-weight:600; text-decoration:none; opacity:1.0 !important; }
#MainContent_ctl00_ctl00_pnlResults .AnEventBox .ImageInfoBlueStrip .EventBookDiv a:hover { text-decoration:underline; cursor:pointer; }
#MainContent_ctl00_ctl00_pnlResults .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxDate { float:left; width:100%; height:20px; line-height:20px; font-size:13px; color:#fff; margin-left:10%; text-decoration:none; }
#MainContent_ctl00_ctl00_pnlResults .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxName a{ float:left; width:98%; height:20px; line-height:20px; font-size:1.4em; color:#fff; margin-left:24px; margin-bottom:6px; text-decoration:none; overflow:hidden; /*text-overflow:ellipsis;*/ }

#MainContent_ifKeepAliveFrame { height:0px; width:0px; border:0; visibility:hidden; /* display:none; */ }

.pageLayoutElement { float:left; }
.pageLayoutElement table { float:left; width:70% !important; }
    .pageLayoutElement p iframe { float:left; width:98% !important; }

.ThreeBoxes { float:left; width:100%; height:162px; padding-bottom:40px; margin-top:20px; }

.FooterInner { display:inline-block; min-height:200px; width:100%; margin-top:30px; }
.FooterContactDetails { float:left; width:340px; height:auto;}

.FooterAddressDiv { float:left; width:120px; margin:0 10px 20px 0; }
@media (min-width: 768px){
.FooterAddressDiv{margin-bottom:50px;}
}
.FooterImageDiv { float:left; width:20px; height:auto;}
.FooterMiddlePart .FooterImageDiv img { padding-left:20px; }

.FooterAddress { float:left; width:120px; height:auto; }
.AnAddressLine { float:left; width:120px; height:20px; line-height:20px; text-align:left; font-size:14px; color:#fff; }

.FooterContactDiv { float:left; width:160px; margin-right:10px; margin-top:0px; }
.TheFooterBoxOffice { float:left; margin-bottom:10px; width:100%; font-size:14px; }

.FooterMiddlePart { float:left; width:430px; min-height:225px; margin-bottom:40px; border-left:solid 2px #52a4ca; border-right:solid 2px #52a4ca; /*padding-left:20px;*/ }
.footerPagesNav { display:inline-block; width:430px; height:auto; float:left; margin-top:-14px; text-transform:uppercase;}
.footerPagesNav ul{ list-style:none; float:left; width:120px; height:auto; padding:0; text-align:left; padding-left:20px;   }
.footerPagesNav ul li { display:inline-block; width:100%; height:auto; }
.footerPagesNav ul li a{ color:#fff; text-decoration:none; display:inline-block; height:20px; line-height:20px; font-size:14px;    }
.footerPagesNav ul li a:hover { text-decoration:underline; }

.FooterLogoImage { float:right; width:200px; height:auto; margin-top:10px; /*border-left:solid 1px #52a4ca; padding-left:20px; */  }
.FooterLogoImage img { float:right; height:auto; width:96%;  }
.footSponsor{clear: both;padding-top: 30px;color: #fff;text-align: center;}
.footSponsor span{text-transform: uppercase;display: block;margin-bottom: 10px;font-size: 13px;}
.footSponsor img{width: 60%;float: none;}
.FooterLogoImage .FootLogoItem{overflow:hidden;text-align:right;clear: both;padding-top: 20px;} 
.FooterLogoImage a{ max-width: 85px;display: inline-block;margin-left: 20px;}
.FooterLogoImage a:first-child{max-width: 65px;;margin-left:0;}
.FooterLogoImage a img { float:none; width:100%;  }

.TheCopyRight { font-size:17px;font-family: vardana;margin-right: 10px;}

.FooterLogoText{text-align: left;}
.FooterLogoText a{/*float:right;*/ width:auto; height:30px; line-height:30px; color:#fff; text-decoration:none; margin-top:10px; font-size:12px;  }
.FooterLogoText a:hover { color:#fff; text-decoration:underline;}

.mainNav .centeringWrapper:after{content:"";clear:both;display:block;}
.ErrorDiv {float:left; width:100%; height:auto; font-size:18px; margin-top:40px; }
.NaviMobile{ display:none;}
a.touchNavOpener{display: none;}
.touchNavOpener .menutext{float: left;color: #fff;padding-left: 20px;padding-top: 3px;font-weight: 700;font-size: 16px;}
.touchNavOpener .button_res{ width: 35px; float: left;}
.touchNavOpener .button_res span{ display:block; height: 4px; background: #fff; margin-bottom: 3px;}

@media only screen and (max-width: 985px) {
      div.menu{ width:100%; }

    .homepageSlider .AnEventBox .ImageInfoBlueStrip .EventBookDiv { top:13% ;}
    .homepageSlider .AnEventBox .ImageInfoBlueStrip .EventMoreDiv { top:13% ; }

    .homepageComingSoonEvents .AnEventBox .ImageInfoBlueStrip { height:28%; }
    .homepageComingSoonEvents .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxName a, .homepageSlider_nonActive .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxName a{  width:90%; padding-left:10%; margin:0; } 

    .AnEventBox .ImageInfoBlueStrip { height:30%; }


    .SearchDiv { width:235px; margin-left:-10px; height:auto; }
    .Search { margin-top:24px; }
    .SearchTextBox { width:70%; }
    .SearchCalender { margin-top:-42px; }
    
    
}
@media (min-width: 641px) and (max-width: 985px) {
div.menu ul li a, div.menu ul li a:visited{ padding-left:0 !important;}
div.menu ul li a:after{margin-left: 6px !important;}

}

/* Tablet */
@media only screen and (max-width: 767px) {

     .homepageSlider .AnEventBox .ImageInfoBlueStrip .EventBookDiv { top:0%;}
    .homepageSlider .AnEventBox .ImageInfoBlueStrip .EventMoreDiv { top:0%; }
    .homepageComingSoonEvents .AnEventBox .ImageInfoBlueStrip { height:24%;  }
    .homepageComingSoonEvents .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxName a{  width:90% !important; min-width:200px; margin-left:0.5%;  } 
    .AnEventBox .ImageInfoBlueStrip { height:24%; }

  div.menu ul { font-size:1em; }
    .HeaderRightSide { width:300px; }
    .headerRightPanel {width:300px;}
    .HeaderSocialLinks {margin: 3% 6px 0 0;float: right;right: 150%;position: relative; display:none;}
    .title{width:280px;margin-left: 10px;}
    .title img {padding-top: 10px;}
    .HeaderJoinMailing { float:left; width:52%; height:auto;/*margin-top: -50px;*/  }
    .JoinMailingBox { margin-top:6%; height:auto; padding-bottom:4%; margin-bottom:4%; }
    .JoinMailingBox img{ max-width:100%; height:auto;}
    .JoinMailText { width:50%; }
    .LongTextBox { float: left; width:80%; font-family:'Raleway';   }
    .BlueButton { float:right; margin-top:-46px; margin-right:4%;  }
    .AnEventImage {
        width: 100%;
    }
    .homepageSlider .AnEventBox .ImageInfoBlueStrip .InfoTextDiv { float:left; width:100%; }
    .homepageSlider .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxDate { display:inline-block; font-size:1.2em !important; height:auto !important; margin-bottom:2%; line-height:1.0em;  margin-left:0 !important;}
    .homepageSlider .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxName a{ float:left; width:300px !important; font-size:1.4em !important; line-height:1.2em; font-weight:600; height:auto !important; width:100%; margin-bottom:4%; margin-left:0 !important;  }
    .homepageSlider .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxText { float:left; width:100% !important; height:100px; overflow:hidden; font-size:12px; line-height:12px; margin-left:0 !important;}
   
    #MainContent_ctl00_ctl00_pnlResults .AnEventBox,  #MainContent_ctl00_ctl00_pnlResults .AnEventBox:nth-child(3n+3){float:left;width:49%;margin: 0 2% 2% 0;}
     #MainContent_ctl00_ctl00_pnlResults .AnEventBox:nth-child(2n+2){width:49%;margin: 0 0% 2% 0;float:right;}        

    .GoLeft.headerUserLinks, .GoLeft.headerUserLinks.MarginRightFourty,.HeaderJoinMailing{float: right!important;margin-right: 10px!important}
    .HeaderJoinMailing {
        min-width: 285px;
    }




     .homepageComingSoon, .homepageNewsBlogs{
        width:100%;
    }
    .homepageNewsBlogs .storylist, .ThreeBoxes{height:auto;}


    .FooterContactDetails, .FooterMiddlePart { margin-left:10px; }
    /* .FooterLogoImage { float:left; width:80%; } */
.homepageNewsBlogs .storylist .storyImageHolder{ margin-top:0;}
.homepageNewsBlogs .storylist .story{ padding-top:0;}
.pageLayoutSystem img{ max-width:100%; height:auto;}
#pnlDetails h2, #pnlDetails p, #pnlDetails ul{width: 100%;}

}

/* fixes for just before phone style kicks in*/
/* Touch-nav probably needs to kick in here...636px*/
@media only screen and (max-width:641px) 
{
    .NaviMobile{ display:block;}
   .desktopNevi{ display:none;}
    li.has-popup.static{ width:80%;margin:auto;float:left;}
    div.menu  ul.level1{
        padding-left:20px;
       -webkit-box-shadow:inset 0 3px 2px 0 rgba(50,50,50,0.2);
box-shadow:inset 0 3px 2px 0 rgba(50,50,50,0.2);
background-color: #F7F7FD;
min-width:100%;
width:100%;
margin-left:auto;
margin-right:auto;
    margin-top: 0;
    box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
    }
    div.menu ul.level1 li.static{
        padding:10px 0px;
        width:90%;
        border-bottom: 1px solid #E4E2F5;
    }
    div.menu ul.level1 li.static a:link{
        text-decoration:none;
        text-transform:uppercase;
        font-weight:bold;
    }
     div.menu ul.level1 li ul.level2.dynamic{
         display:none;
     }
     div.menu ul.level1 li ul.level2 li{
         display:none;
     }

     .homepageComingSoonEvents .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxName a{  width:90% !important; min-width:320px; margin-left:2%;  } 

    .ymalList .AnEventBox{width:100%;}
    .homepageSlider .AnEventBox .AnEventImage {
        width:100%;border-left:none;
    }
    .homepageSlider .AnEventBox .ImageInfoBlueStrip {
        width: 98%;
    }
    .homepageSlider .AnEventBox .ImageInfoBlueStrip .EventMoreDiv, .homepageSlider .AnEventBox .ImageInfoBlueStrip .EventBookDiv{
        top:0px;
    }
    .homepageSlider .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxName a, .homepageSlider .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxName{
        width: 100%!important;
display: block;
    }
            .HeaderJoinMailing{display:none;}                                         
    .HeaderSocialLinks {
        /*right: 300px;*/
        display:none;
    }
    footer .FooterMiddlePart
    {margin-left:0px;border:none;margin-bottom:20px;}
    
    .FooterMiddlePart .FooterImageDiv img{padding-left: 0px;}
    .FooterContactDiv {
        width: 100%;text-align:left;margin-right:0px;
    }
    .FooterContactDetails{
        margin-left:2%;width:45%;
    }
    .FooterMiddlePart{
        width:50%; padding-left: 2%;
    }

    .footerPagesNav { width: 100%; }

   .footerPagesNav ul  { padding-left:0;
width: 50%;
}
   .FooterLogoImage{float:right;margin-right:2%;}
    .homepageComingSoonEvents .AnEventBox,  .homepageSlider_nonActive .AnEventBox{width: 100% !important;}

    .Search{margin-top:-50px;} .SearchDiv {
margin-top: 63px;
}
                               .SearchCalender {
margin-top: -63px;
}

.woEvtPnl {
width: 100%;
}
.whatsonList .RightSide{
width:100%;
margin-left:0px;
}
#pnlDatesTimes .woEventRow, .woEvtDesc{
width: 100%;padding: 5px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
}
       
.subnavHolder{
width:100%;
}
.pageLayoutSystem, .storiesPanel {width: 100%;}          

#MainContent_pnlPageContent .pageLayoutSystem{width:100%;}

.mc_4{
width:100% !important;
}
.mc_3{
width:74% !important;
}
.mc_2{
width:49% !important;
}
.mc_1{
width:24% !important;
}




    /* touch friendly nav*/
    div.menu
    {
        position: relative;
        margin:0px;
    }
   

a.touchNavOpener {display: block;float: left;width: 100%;padding: 10px;background: #008CCE;margin-left: 0px;color: #FFF;margin-top: -11px; cursor:pointer;
box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
}
 
    /* first level */
 
    div.menu > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
    }
        div.menu > ul.active
        {
            display: block;
        }
        div.menu > ul > li
        {
            width: 100%;
            float: none;
        }
 
    /* second level */
 
    div.menu li ul
    {
        position: static;
    }

}

@media only screen and (max-width:610px) {
.title{margin: 0 auto;float: none;}
.HeaderRightSide {width: 100%;}
.headerRightPanel {width: 100%;border-top: 1px solid #52b7ef;border-bottom: 1px solid #52b7ef;margin-top: 15px;min-height: 31px;text-align: center;min-width: inherit;}
.headerRightPanel.headR_socPanel{ display:none;}
.headerRightPanel .headerUserLinks{border:0; margin:0;float: none !important;display: inline-block;}
.SearchCalender {margin-top: 0;position: absolute;top: 132px;right: 0;}
.DatePickerDiv{top: 180px;}
.SearchDiv {width: 100%;margin-left: 0;position: inherit;}
.SearchDiv .Search{width: 100%;padding: 0 10px 0 40px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; position:relative;}
.SearchDiv .Search .btnSearch{position: absolute;left: 7px;margin-top: -4px;}
.SearchTextBox{width: 100%; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.woEvtDesc iframe{width:100%;}
.storyDesc img{width:100%;height:auto;}
}

/* Phone */
@media only screen and (max-width:560px) {
    div.menu ul.level1 {
        max-width:560px;
        min-width:inherit;
    }
    .homepageComingSoonEvents .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxName a, .homepageSlider_nonActive .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxName a{  width:90% !important; min-width:inherit; margin-left:0;  } 

    #MainContent_ctl00_ctl00_pnlResults .AnEventBox, #MainContent_ctl00_ctl00_pnlResults .AnEventBox:nth-child(3n+3), #MainContent_ctl00_ctl00_pnlResults .AnEventBox:nth-child(2n+2) {
        float: left;
        width: 98%;
        margin: 0 2% 5% 0;
    }
    .homepageComingSoonEvents .AnEventBox .ImageInfoBlueStrip, .homepageSlider_nonActive .AnEventBox .ImageInfoBlueStrip {
        height: 44px;
    }

    
    .BottomBoxWithMargin:nth-child(2n+2){margin-right:0px;float:right;}

    .HeaderSocialLinks, .HeaderJoinMailing{display:none;}
    #hdrMyAccountHolder{/*display:none;*/}    
    footer .FooterMiddlePart {
        display: none;
    }
    .FooterLogoImage {
        width: 90%;
        margin-top:30px;
    }
    .AnAddressLine, .GoWhiteText{/*font-size:10px;*/}
    .FooterContactDiv{width:49%;float:right;}
    .FooterContactDetails{width:97%;}
    #MainContent_pnlPageContent h2{font-size: 16px;line-height: 20px; margin-left:0 !important;}
    #MainContent_pnlPageContent .storyDesc,#MainContent_pnlPageContent .storyMore{margin-left:0 !important;}
    .storyImageContainer,.storyDescContainer{width: 100%;}
    .woDateSumm{ width:100%;}
    .woTitle h1{ font-size:26px;}
    .woBOOK a{ margin-top: -10px;}
    .woInfoBottom{height: auto;padding-bottom: 10px;}
    #MainContent_pnlPageContent table{width: 100% !important;}
    #MainContent_pnlPageContent table td{ display:block;}
	#MainContent_pnlPageContent .storyDesc table{overflow: auto;}
	#MainContent_pnlPageContent .storyDesc table td{display: table-cell;}
	#MainContent_pnlPageContent .storyDesc table td h3{font-size:14px;}
    #MainContent_pnlPageContent table tbody tr td p {width: auto !important}
	#MainContent_ctl00_ctl00_pnlResults .AnEventBox .ImageInfoBlueStrip{height:auto;}
    
}

@media only screen and (max-width:400px) {
.FooterContactDiv {width: 100%;text-align: center;}
.FooterAddressDiv{ width:100%; margin-right:0;}
.FooterImageDiv{ float:none; width:auto;}
.boxOffice_icon,.TheFooterBoxOffice{ display:none;}
.TheFooterBoxOffice div{ float:none !important; display:inline-block;}
.FooterLogoImage {width: 100%;}
.FooterLogoImage img {float: none;height: auto;width: auto; max-width:50%;}
.footSponsor img {}
.FooterLogoText a {float: none;}
.FooterAddress {float: none;margin: 0 auto;}
.AnAddressLine{ text-align:center;}
.HeaderWhiteText{font-size: 11px;}
.pnlShare{ height:auto;}
.homepageComingSoonEvents .AnEventBox .ImageInfoBlueStrip .EventBookDiv a, 
.homepageSlider_nonActive .AnEventBox .ImageInfoBlueStrip .EventBookDiv a{margin: 8px;}
#MainContent_ctl00_ctl00_pnlResults .AnEventBox .ImageInfoBlueStrip .EventBookDiv a{margin:5px;}
#MainContent_ctl00_ctl00_pnlResults .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxName a,
#MainContent_ctl00_ctl00_pnlResults .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxDate{margin-left: 3%;}
#pnlDatesTimes .woEventRow .woEvtVen {width: 100%;}
/*.tabbed .tabBtn{ display:none;}
.tabbed .tabBtn.selected{ display:inline-block;}
.tabBlock {margin-top: 0px;display: block !important;}
.tabBlock.selected{background: #e0e0e0;}
 .tabBlock .woEvtDesc{padding: 0px;}*/

}

/* everything EXCEPT phone, minwidth 561 */
@media only screen and (min-width:641px) {

    /* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink { width: 100%; }

#NavigationMenu { margin-top:10px;  width:80%; }
.level1 li:first-child .level1 {display:inline-block; width:40px !important; height:40px; margin:0; padding:0 10px 0 0;  background:#fff url(../images/Home.png) center center no-repeat !important; white-space: nowrap !important; text-indent: -9999px;   }

/*.level1 li a { display:inline-block; background:#fff !important; color:#000 !important; }*/
.level1 li a:hover { display:inline-block; background:#008cce !important; color:#fff !important; }

.level2 { display:inline-block; background:#008cce !important; color:#fff !important; /*border-top:solid 1px #fff;*/ /*border-bottom:solid 1px #fff;*/ /*border-right:solid 1px #fff; border-left:solid 1px #fff;*/ width:100%; /*margin-left:-2px;*/  }
a.level2 { border-bottom:solid 1px #fff; }

.has-popup ul li:first-child a {border-top: solid 1px #fff;  }
.level2:hover { background-color: #52b7ef; }

.level2 li a{ padding:5px 10px 5px 10px !important;   }
.level2 li a:hover { }

    div.menu { padding: 0px; margin: 10px 0px 8px -10px; width:74%; }
div.menu ul { list-style: none; margin: 0px; padding: 0px; width: auto; font-size: 16px; font-weight:600; text-transform: uppercase; /*background-color: #fff;*/  }
div.menu ul li a, div.menu ul li a:visited {  /*background-color: #fff;*/ color: #000; display: block; line-height: 1.35em; padding:10px 8px 10px 8px; text-decoration: none; white-space: nowrap; }

div.menu ul li a:after { content: ":"; color: #5ab8da; margin-left: 10px; font-weight: bold; }
div.menu ul li ul li a, div.menu ul li ul li a:visited { text-transform:none !important; }

div.menu ul li ul {  z-index:999; background-color: #008cce; }
div.menu ul li ul li a:after { content: none; }
div.menu ul li a:hover, div.menu ul li a.highlighted { background-color: #52b7ef !important; color: #ffffff; text-decoration: none;  -webkit-transition: background-color 200ms ease-in; -moz-transition: background-color 200ms ease-in; -o-transition: background-color 200ms ease-in; transition: background-color 200ms ease-in; }
div.menu ul li a:active { background-color: #008cce; color: #cfdbe6; text-decoration: none; }
   
}

/* Desktop */
@media only screen and (min-width:768px) {

    .homepageSlider .AnEventBox .ImageInfoBlueStrip{width:30%;background-color:transparent;position:relative;} 
.homepageSlider .AnEventBox .ImageInfoBlueStrip .InfoTextDiv { float:left; width:100%; }
/*.homepageSlider .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxDate { display:inline-block; font-size:1.2em !important; height:auto !important; margin-bottom:2%; line-height:1.0em;  margin-left:0 !important;}*/
.homepageSlider .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxName a{ float:left; width:300px !important; font-size:1.4em !important; line-height:1.2em; font-weight:600; height:auto !important; width:100%; margin-bottom:4%; margin-left:0 !important;  }
/*.homepageSlider .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxText { float:left; width:100% !important; height:100px; overflow:hidden; font-size:14px; line-height:14px; margin-left:0 !important;}*/
          

.AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxDate { float:left; width:90%; height:20px; line-height:20px; font-size:13px; color:#fff; margin-left:24px; text-decoration:none; }
.AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxName a{ float:left; width:98%; height:20px; line-height:20px; font-size:1.4em; color:#fff; margin-left:24px; margin-bottom:6px; text-decoration:none; overflow: hidden; text-overflow: ellipsis; } 

/*#MainContent_ctl00_ctl00_pnlResults .AnEventBox { float:left;  width:32%; height:auto; margin:0 2% 2% 0;    position:relative; overflow:hidden; }
#MainContent_ctl00_ctl00_pnlResults .AnEventBox:nth-child(3n+3) { float:left;  width:32%; height:auto;  margin:0 0 2% 0;    position:relative; overflow:hidden; }
#MainContent_ctl00_ctl00_pnlResults .AnEventBox .AnEventImage img { float:left; width:100%; height:auto; position:relative; z-index:1; top:0px; }
#MainContent_ctl00_ctl00_pnlResults .AnEventBox .ImageInfoBlueStrip { float:left; position: absolute; bottom:0px; z-index:99;  height:30%; width:100%; background-color: rgba(0, 140, 206, 0.8);margin:0; }
#MainContent_ctl00_ctl00_pnlResults .AnEventBox .ImageInfoBlueStrip .EventBookDiv { float:right; height:100%; width:25%; position: absolute; bottom:0px; right:0px; }
#MainContent_ctl00_ctl00_pnlResults .AnEventBox .ImageInfoBlueStrip .EventBookDiv a { position: absolute; bottom:0px; right:0px; margin: 10px; padding:5px 10px 5px 10px; background-color:#fff; color:#63635d; font-size:14px; font-weight:600; text-decoration:none; opacity:1.0 !important; }
#MainContent_ctl00_ctl00_pnlResults .AnEventBox .ImageInfoBlueStrip .EventBookDiv a:hover { text-decoration:underline; cursor:pointer; }
#MainContent_ctl00_ctl00_pnlResults .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxDate { float:left; width:100%; height:20px; line-height:20px; font-size:1.0em; color:#fff; margin-left:10%; text-decoration:none; }
#MainContent_ctl00_ctl00_pnlResults .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxName a{ float:left; width:100%; height:20px; line-height:20px; font-size:1.1em; color:#fff; margin-left:16px; margin-bottom:6px; text-decoration:none; overflow:hidden; }*/

.ymalList .AnEventBox { float:left; /* width:320px; margin:0 19px 20px 0; */ width:32%; margin:0 2% 2% 0;  height:auto;  position:relative; overflow:hidden; }
.ymalList .AnEventBox:nth-child(3n+3) {/*margin-right:0px;*/ float:right;  width:32%; margin:0 0 2% 0;}
.ymalList .AnEventBox .AnEventImage img { float:left; width:100%; height:auto; position:relative; z-index:1; top:0px; }
.ymalList .AnEventBox .ImageInfoBlueStrip { float:left; position: absolute; bottom:0px; z-index:99;  height:28%; width:100%; background-color: rgba(0, 140, 206, 0.8); /* background-color: #008cce; opacity: 0.8; */ margin:0; }
.ymalList .AnEventBox .ImageInfoBlueStrip .EventBookDiv { float:right; height:100%; width:25%; position: absolute; bottom:0px; right:0px; }
.ymalList .AnEventBox .ImageInfoBlueStrip .EventBookDiv a { position: absolute; bottom:0px; right:0px; margin: 10px; padding:5px 10px 5px 10px; background-color:#fff; color:#63635d; font-size:14px; font-weight:600; text-decoration:none; opacity:1.0 !important; }
.ymalList .AnEventBox .ImageInfoBlueStrip .EventBookDiv a:hover { text-decoration:underline; cursor:pointer; }

.ymalList .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxDate { float:left; width:100%; height:20px; line-height:20px; font-size:13px; color:#fff; margin-left:10%; text-decoration:none; }
.ymalList .AnEventBox .ImageInfoBlueStrip .InfoTextDiv .EventBoxName a{ float:left; width:100%; height:20px; line-height:20px; font-size:1.4em; color:#fff; margin-left:24px; margin-bottom:6px; text-decoration:none; }

    /*div.menu {
        width: 100%;
    }*/
    /*.SearchDiv {
        height: 50px;
        margin-top: 0px;
    }*/
    .FooterContactDetails, .FooterMiddlePart { margin-left:10px; }
    .FooterLogoImage {  margin-right:10px; }

    .FooterContactDetails {
        width: 325px;
    }
    .FooterMiddlePart .FooterImageDiv img {
        padding-left: 9px;
    }
    .FooterMiddlePart {
        width: 390px;
    }
    .footerPagesNav ul {
        padding-left: 9px;
    }
    .FooterLogoImage {
        /* width: 180px; */
    }
}



@media all and (max-width:1060px) {
    .centeringWrapper { width: 100%; }
  
    /* .homepageNewsBlogs { min-width: 235px; }  */
}

.information-box{display:none;}