html { font-family: Arial /*, Helvetica*/; padding:0px; margin:0px; background-color: #000;  } 
body {  padding:0px; margin:0px; font-size: 0.75em; height:100%}

h1 { padding:0px 0 5px 0; margin:0 0 10px 0; font-size: 2.2em;  color:#33CCCC;  }
h1 span.h1span { font-weight:normal; color:#33CCCC; }
h2 { color:#33CCCC;}
h3 { margin:0 0 10px 0;padding:0;font-size:0.8em; color:#33CCCC;}
h4 { margin:0 0 10px 0;padding: 0; font-size: 0.9em; color:#33CCCC; font-weight:bold; }
h6 { margin:0; padding:0 0 2px 0; font-size: 0.8em; color:#ffd400; }
h6 span.h6span { color: #fff; }
p { margin:0 0 10px 0; padding: 0; color:inherit;  }

/* tag styles */
form { padding: 0; margin: 0; }
input, select {  }
img { border:0px; margin:0; padding:0;}
/*ul { list-style:none; padding:0; margin:0; }*/
ul li { padding:0; margin:0; color:inherit; }

/* generic link styles */
a {  background-color: inherit; text-decoration: none; }
a:hover { color: inherit; background-color: inherit;  }

/* useful styles */
.fl {float: left; }
.fr {float: right; }
.hidden { display: none; visibility: hidden; }
.nobg { background: none; }
.noborder { border: 0px; }
.block { display:block; }
.font12 { font-size:80%; }
.tar { text-align:right; }
.tal { text-align:left; }

/*################################################################################################# */
/*############################################# Layout ############################################ */
/*################################################################################################# */
.clear {clear:both;display: block;margin:0;padding:0; height:0; font-size:0;}

/* General */
.outsidecontainer { width: 1072px; margin:0px auto; /*background:#000;*/ background: url(../images/background/bg_wallpaper.jpg) repeat; position: relative;}

.topbar { width:1072px; font-size: 1.1em;}
.topbar .greybar { width:1072px; font-size: 0.95em; background-color:#000; height:25px; }
.topbar .greybar .navlinks { width: 770px; padding: 0 15px; background-color:#000; color:#fff;  height:25px; line-height:25px; float:left;  }
.topbar .greybar .navlinks, .topbar .navlinks ul { list-style:none; margin:0; padding: 0; float:left;  background-color:#000;}
.topbar .greybar .navlinks ul li {display: inline; float:left; margin-right:10px; text-align:center; /*width:175px;*/}
.topbar .greybar .navlinks ul li.last { margin-right: 0; }
/*.topbar .greybar .navlinks ul li a.access { padding-left: 54px; background:url(../images/txt/txt_access.gif) no-repeat 0px 3px; }*/
.topbar .greybar .navlinks a {display:block;color:#fff;text-decoration:none;padding:0px 10px}
.topbar .greybar .navlinks li {float:left;padding:0}
.topbar .greybar .navlinks li ul {position:absolute;/*top:171px;*/margin:24px 0 0 0;left:-999em;clear:left;height:auto;width:175px;font-weight:normal;line-height:1; /*-moz-opacity:0.85;opacity:0.85;khtml-opacity:0.85*/}
.topbar .greybar .navlinks li li {padding-right:1px;width:175px;border-bottom:1px solid #FFFFFF;margin-right:0px; }
.topbar .greybar .navlinks li li a {padding:4px 10px}
.topbar .greybar .navlinks ul li a { color: #fff; font-weight:bold; display:block; }
.topbar .greybar .navlinks li ul li { line-height:20px; text-align:left;}
.topbar .greybar .navlinks li ul li a { font-size:12px;color:#ffffff;} 
.topbar .greybar .navlinks li ul li li { line-height:20px; border-left:1px solid #FFFFFF;}
.topbar .greybar .navlinks li ul li li a { font-size:12px;color:#ffffff;}
.topbar .greybar .navlinks li ul ul {top:auto; margin:0; width:175px; }
.topbar .greybar .navlinks li ul ul ul {top:auto; margin:0; width:175px;}

.topbar .greybar .navlinks li:hover, 
.topbar .greybar .navlinks li.sfhover {background:#669999}
.topbar .greybar .navlinks li:hover a, 
.topbar .greybar .navlinks li.sfhover a {color:#ffffff; }
.topbar .greybar .navlinks li:hover ul,
.topbar .greybar .navlinks li.sfhover ul {left:auto;background:#000; width:175px;}
.topbar .greybar .navlinks li:hover ul li a,
.topbar .greybar .navlinks li.sfhover ul li a { color:#ffffff;}
.topbar .greybar .navlinks li:hover ul ul, 
.topbar .greybar .navlinks li.sfhover ul ul {left:-999em} 
.topbar .greybar .navlinks li:hover ul ul ul, 
.topbar .greybar .navlinks li.sfhover ul ul ul {left:-999em} 

.topbar .greybar .navlinks li li:hover ul,
.topbar .greybar .navlinks li li.sfhover ul {left:175px; background:#000}
.topbar .greybar .navlinks li ul li:hover,
.topbar .greybar .navlinks li ul li.sfhover { background:#669999; }
.topbar .greybar .navlinks li ul li:hover a,
.topbar .greybar .navlinks li ul li.sfhover a  { color: #ffffff; }
.topbar .greybar .navlinks li ul li:hover li a,
.topbar .greybar .navlinks li ul li.sfhover li a  {color:#ffffff}

.topbar .greybar .navlinks li li li:hover ul,
.topbar .greybar .navlinks li li li.sfhover ul {left:auto;background:#000}
.topbar .greybar .navlinks li ul li li:hover a,
.topbar .greybar .navlinks li ul li li.sfhover a {color:#ffffff}
.topbar .greybar .navlinks li ul li ul li:hover,
.topbar .greybar .navlinks li ul li ul li.sfhover {background:#669999; }
.topbar .greybar .navlinks li ul li ul li:hover a,
.topbar .greybar .navlinks li ul li ul li.sfhover a  {color: #ffffff; }
.topbar .greybar .navlinks li ul li ul li:hover ul li a,
.topbar .greybar .navlinks li ul li ul li.sfhover ul li a  {color:#ffffff}
.topbar .greybar .navlinks li ul li ul li:hover ul li:hover a,
.topbar .greybar .navlinks li ul li ul li.sfhover ul li.sfhover a {color:#ffffff}

.topbar .greybar .search { float:right; width: 285px; text-align:right;padding-right:15px; margin-top:0px;}
.topbar .greybar .search input { width: 230px; border:0; float:left; height:20px; margin: 2px 0 0 14px; color:#362f2d; font-weight:bold; line-height:20px; padding-left:5px; background:url(../images/background/bg_searchbox.gif) no-repeat;}
.topbar .greybar .search input.go { background:#fff; width:1px; height:20px; float:right; padding:0; margin-left:2px; background:url(../images/background/bg_searchboxgo.gif) no-repeat;}
.topbar .options { text-align:right; padding:0px 15px; font-size:0.8em; float:right; min-height:15px; } 
.topbar .options p { margin:0; padding:0; color:#fff; }
.topbar .options img { padding: 1px 3px 0 0;  } 

.innercontainer { width:1072px;}
.innercontainer .contentcontainer { margin: 0px 14px 0 15px; width: 728px; color:#fff; overflow:hidden;}
.innercontainer .contentcontainer .content { padding: 10px 0 0 0; width:728px; float:left;  margin-bottom:15px; /*font-size:0.8em;*/ }
.content h5 { margin:0; padding:0; } 

.innercontainer .contentcontainer .flashcontainer { float:left;  }
.innercontainer .promocontent { margin-right: 15px; width:300px; overflow:hidden;  }

.promocontent .promo { width:300px; margin-bottom:15px; }

/* even columns */
.evencolumn { width:345px; float:left;  }

.items { }
.items .item { margin-bottom:10px; }
.items .item img.pic { float:left; margin: 0 5px 5px 0; }
.items .item h4 { font-size: 1.5em; margin:0; padding:0; text-transform: uppercase; letter-spacing:0.15em; color:#005288; }
.items .item p { margin:0; }
.items .item p.more { text-align:right; }

.hermesitem { width:350px; float:left; margin-bottom:10px;}
.hermesitemleft {margin-right:10px;}
.hermesitem h4 { font-size: 1.2em; margin:0; padding:0; text-transform: uppercase; letter-spacing:0.15em; color:#005288; }
.hermesitem img { float:left; margin: 0 5px 5px 0; }
.hermesitem p { margin:0; }
.hermesitem p.more { text-align:right; }

.leftcolumn { width: 249px; margin-right: 15px; text-align:right; } 
.leftcolumn img { /*border:1px solid #000;*/ }
.leftcolumn h3 { color:#33CCCC; font-size:1.4em; margin-top:5px; }
.leftcolumn p { font-size: 0.95em; }
.leftcolumn p a { color: #fff !important; }
.leftcolumn p span.leftcolumn { color:#33CCCC; }
.rightcolumn { width: 463px;} 
.rightcolumn p {  }
.rightcolumn p span.rightcolumn { color: #fff; font-size:1.6em; }

.rightcolumn .title {width: 330px; float:left;}
.rightcolumn .title h2 {font-size:1.8em; margin-top:0;}
.rightcolumn .title span.supportact {font-size:1.8em;}
.rightcolumn .tickets {width: 133px; float:left; text-align:right; font-size:0.8em; margin-top:0;}
.rightcolumn .description {width: 463px;}

.calendarcontainer { background:url(../images/background/bg_calendar.gif) no-repeat; height:326px; width:300px; float:left; margin-bottom:15px; /*padding:13px 14px 10px 14px;*/ overflow:hidden; }
.cwhite { width: 232px; height:200px; background-color:#fff; border:1px solid #686868; /*margin-bottom:5px;*/margin:13px 14px 10px 14px; }
.cwhite .whatson { background-color: #686868; color:#fff; width:70px; padding:3px 3px; margin-bottom:9px; font-weight:bold; }
.cwhite .whatson a {color:#fff; }
.cwhite .calendar { width:195px; margin:0 auto; }
.cwhite .calendar .calheader { height:22px; background-color:#686868; }
.cwhite .calendar .calheader span.left { float:left; width:21px; display:block; line-height:22px;}
.cwhite .calendar .calheader span.right { float:right; width:21px; display:block; text-align:right; line-height:22px;}
.cwhite .calendar .calheader p { padding:0; margin:0;  color:#fff;  float:left; line-height:22px; text-align:center; width:140px; }
.cwhite .calendar .calheader a { color:#fff; }
.cwhite .calendar table { width:195px;  }
.cwhite .calendar table td { width: 26px; height:19px; background-color:#f9f9ef; border-right:2px solid #fff; border-bottom:2px solid #fff; text-align:center;}
.cwhite .calendar table th { width: 26px; height:19px; background-color: #f0eedf; border-right:2px solid #fff; border-bottom:2px solid #fff; }
.cwhite .calendar table th.last {  border-right:0;  }
.cwhite .calendar table td.last {  border-right:0;  }
.cwhite .calendar table td.notused {  background-color:#cccccc;  }
.cwhite .calendar table td.on {  background-color:#669999;  }
.cwhite .calendar table td a { color: #000; display:block; width:26px; height:19px; line-height:19px; } 

.subscribecontainer { width: 234px; text-align:left; float:left; /*padding-right:70px;*/ font-size:0.8em; margin-left:14px; }
.subscribecontainer a.subscribe {  color:#fff; padding-left: 13px; background:url(../images/icon/icon_subscribe.gif) no-repeat 0px 3px; }
.subscribecontainer input.event {  border:0; padding:0; margin:2px 0 0 0; }
.subscribecontainer .search {color:#fff;}
.subscribecontainer .search input.subscribe { width: 220px; color:#fff; background: #000; float:right;}
.subscribecontainer .search input { width: 230px; border:0; float:left; height:20px; margin: 2px 0 0 0; color:#362f2d; font-weight:bold; line-height:20px; padding-left:5px; background:url(../images/background/bg_searchbox.gif) no-repeat;}
.subscribecontainer input.subscribebutton { float:right;}
.subscribecontainer span.newsletter { color:#fff; font-size: 1.2em; font-weight: bold; text-align:right; display:block;}

/* breadcrumb */
ul.breadcrumb { list-style:none; margin:0; font-size: 0.95em;  padding: 6px 0; display:block; width:100%; float:left;}
ul.breadcrumb li { float:left; margin-right:3px; }
ul.breadcrumb li a { color: #fff; }

ul.sublisting {margin-left:15px; list-style:round; color: #33CCCC;}

/* footer */
.footer { width: 1072px; height:47px;  margin-top:20px; margin-bottom:30px; }
.footer ul { list-style:none; margin:0; display:block; width:692px; float:left;  margin-bottom:13px; padding:0; margin-top:20px;color: #fff; }
.footer ul li { float:left; border-right: 1px solid #fff; padding: 0 10px;  }
.footer ul li.last { border-right: 0px; }
.footer ul li a { color: #fff; }
.footer ul li a:hover {color:#33CCCC;}
.footer span.slogan  { float:right; width: 365px; text-align:right; padding:0; color:#fff;margin:20px 15px 13px 0;}

/* themes */
.onecolumn { margin-bottom:10px; float:left; width:728px;  }
.onecolumn h1 { margin-bottom:10px; padding: 3px 0; font-size:1.7em; }
.onecolumn p { /*font-size: 0.9em !important;*/ margin-bottom:20px; }
.onecolumn p img { margin: 0 5px 5px 0; }
.onecolumn p span.onecolumnspan { margin:0 0 5px 0 ; padding:0; font-size:1.75em; display:block;   }
.onecolumn p img.email {margin:0px; float:none; vertical-align:middle;}

.onecolumn .toptitle { border-bottom:1px dashed #fff; margin-bottom:10px; width:100%; float:left;  }
.onecolumn .toptitle h1 { font-size:1.4em; padding: 3px 0; float:left; margin-bottom: 0px;}
.onecolumn .toptitle span.onetitle { float:right; margin-top:5px; }
.onecolumn .toptitle span.onetitle a.email { color:#000; padding-left:15px; background:url(../images/icon/icon_email.gif) no-repeat 0px 3px;  }

.errmsg { color: #ff0000}
.formheading { width: 200px; float:left; line-height: 25px;}
.forminput { float:left; line-height: 25px; }
.forminput input[type=text] { width: 300px; }
.forminput textarea { width: 300px; }


.red { color: #BF1A20 !important; }
.turq { color: #33CCCC !important; }

/* events page */
.content ul.subnav { list-style:none; padding:0; margin:0; width:100%; float:left; margin-bottom:10px; }
.content ul.subnav li { background-color:#58585a; /*width:75px;*/padding: 0 5px; height:17px; margin-right:2px; float:left; line-height:17px; font-size:1.1em; text-align:center; }
.content ul.subnav li a { color:#fff !important; font-weight:bold; display:block; }
.content ul.subnav li.on { background-color: #33CCCC; }
.content ul.subnav li.last { margin-right:0px; }
.content h1 { color:#33CCCC; /*border-bottom:1px solid #669999;*/ }
.content h2.events {color:#fff; }
.content p span.turq { color:#33CCCC; }
.content a { color:#33CCCC !important; }
.turqnavlink ul li.on { background-color: #33CCCC;}
.dashed {border-top: 1px dashed #fff; }

.eventitem { margin-bottom:15px; float:left; border-bottom:1px dashed #fff; padding-bottom: 15px; width: 100%;}
.eventitem .img { float:left; width:130px; margin-right:15px; }
.eventitem .desc { float:left; width:583px; }
.eventitem .desc .title { color:#fff; font-size:1.4em;  margin:0 0 3px 0; padding:0; font-weight:bold; vertical-align:text-top; }
.eventitem .desc .title a { color:#fff!important; }
.eventitem .desc .act { width: 380px;}
.eventitem .desc .title span.date { color:#fff; font-size:0.9em; margin:0; padding:0; }
.eventitem .desc .title span.time { color:#fff; font-size:0.9em; margin:0; padding:0; }
.eventitem p { margin:0; padding:0;  }
.eventitem p.summary {margin-top: 5px; }
.eventitem p.more { text-align:right; margin:0; padding:0; }
.eventitem h2 { color:#fff; border-bottom:1px dashed #fff; font-size:1.4em;  margin:0 0 3px 0; padding:0; }
.galleryitem { float:left; margin-bottom:5px; margin-right:5px; width:130px; height:130px; text-align:center;}


/* new event listing layouting */
.eventitem .desc .datetimeinfo { float: right; width: 200px; display:inline; text-align:right; margin:0 0 3px 5px; padding:0; font-size:1.4em; font-weight:bold; vertical-align:text-top;}
.eventitem .desc .datetimeinfo span.date { color:#fff; font-size:0.9em; margin:0; padding:0; }
.eventitem .desc .datetimeinfo span.time { color:#fff; font-size:0.9em; margin:0; padding:0; }
.eventitem .desc .textinfo { float: left; display:inline; } 
.eventitem .desc .textinfo p { margin:0; padding:0;  }
.eventitem .desc .textinfo p.title { width:374px; display:block; color:#fff; font-size:1.4em;  margin:0 0 3px 0; padding:0; font-weight:bold; vertical-align:text-top; }
.eventitem .desc .textinfo p.summary {margin-top: 5px; }
.eventitem .desc .textinfo p.more { text-align:right; margin:0; padding:0; }

.searchlist .item {margin-bottom: 10px;}
.searchlist .item h3 {font-size: 1.0em; }
.searchlist .item a {font-size: 1.0em; color:#33CCCC; }
.searchlist .item .morelink a { float:right; }


/* have your say */
.haveyoursayimg { /*margin-right:15px;*/color: #33CCCC; float:left;}
.haveyoursay { border: 1px solid #33CCCC; background-color:#464646; /*margin-right:15px;*/width:300px;  color: #fff; float:left;}
.haveyoursay p  { margin:3px 0 0 0;  }
.haveyoursay p span.hys { padding:3px; color:#fff; background-color:#33CCCC; }
.haveyoursay .question { padding:15px;}
.haveyoursay .question p { font-size:1.3em; font-weight:bold; margin-bottom:10px; }
.haveyoursay .question ul { list-style:none; margin:0; padding: 0 0 10px 50px; }
.haveyoursay .question ul input.view { border:0; background-color: #999999; color:#fff; width:105px; height:15px; font-weight:bold;  font-size:0.55em;}
.haveyoursay .question p.view a { color:#fff; text-align:center; font-size:0.6em; text-transform:uppercase; display:block; }


/* email to a friend form */
.emailfriendform { background: #fff; width: 460px; height: 370px; margin: 20px; padding: 10px; text-align:center;}
table.formtable { border: 1px solid #33CCCC; width: 420px; text-align:left; }
table.formtable input {width:250px;}
table.formtable input.button {width: 100px;}

/* ticketing disclaimer */
.ticketingdisclaimer { color: #fff; background: url(../images/background/bg_wallpaper.jpg) repeat; width: 400px; height: 110px; margin: 20px; padding: 10px;}