html { font-family:Helvetica, Arial; padding:0px; margin:0px; background-color: #FFF;  } 
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:#00aeef;  }
h1 span.h1span { font-weight:normal; color:#00a0da; }
h2 { }
h3 { margin:0 0 10px 0;padding:0;font-size:80%; }
h4 { margin:0 0 10px 0;padding: 0; font-size: 0.9em; color:#0098c9; 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 {  color:#0098c9; background-color: inherit; text-decoration: none; }
a:hover { 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-color: #ffffff; /*height:100%;*/ position: relative;}

.topbar { width:1072px; font-size: 1.1em;}
.topbar .greybar
{
    width: 1072px;
    font-size: Large;
    background-color: #000000;
    height: 25px;
    font-family: 'AvantGarde Bk BT';
}
.topbar .greybar .navlinks { width: 770px; padding: 0 15px; background-color:#000000; 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:#000000;}
.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;}
.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;}
.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;}

/*Main headers */
.topbar .greybar .navlinks li:hover, 
.topbar .greybar .navlinks li.sfhover {background:#FFFFFF}
.topbar .greybar .navlinks li:hover a.pinknav, 
.topbar .greybar .navlinks li.sfhover a.pinknav {color:#ffffff; background-color:#0098c9}
.topbar .greybar .navlinks li:hover a.rednav, 
.topbar .greybar .navlinks li.sfhover a.rednav {color:#ffffff; background-color:#0098c9}
.topbar .greybar .navlinks li:hover a.orangenav, 
.topbar .greybar .navlinks li.sfhover a.orangenav {color:#ffffff; background-color:#0098c9}
.topbar .greybar .navlinks li:hover a.greennav, 
.topbar .greybar .navlinks li.sfhover a.greennav {color:#ffffff; background-color:#0098c9}
.topbar .greybar .navlinks li:hover ul,
.topbar .greybar .navlinks li.sfhover ul {left:auto;background:#000000; 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} 


/* Sub lists added -color */
.topbar .greybar .navlinks li li:hover ul,
.topbar .greybar .navlinks li li.sfhover ul {left:175px; background:#0098c9}
.topbar .greybar .navlinks li ul.pinknav li:hover,
.topbar .greybar .navlinks li ul.pinknav li.sfhover { background:#0098c9; }
.topbar .greybar .navlinks li ul.rednav li:hover,
.topbar .greybar .navlinks li ul.rednav li.sfhover { background:#0098c9; }
.topbar .greybar .navlinks li ul.orangenav li:hover,
.topbar .greybar .navlinks li ul.orangenav li.sfhover { background:#0098c9; }
.topbar .greybar .navlinks li ul.greennav li:hover,
.topbar .greybar .navlinks li ul.greennav li.sfhover { background:#0098c9; }
.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:#0098c9}
.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:#0098c9; }
.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: 280px; text-align:right;padding-right:15px;  }
.topbar .greybar .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;}
.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:3px 15px; font-size:0.85em; } 
.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:#000; overflow:hidden; }
.innercontainer .contentcontainer .content
{
    padding: 5px 0 15px 0;
    width: 728px;
    float: left;
    background: #fff;
    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:#0098c9; }
.items .item p { margin:0; }
.items .item p.more { text-align:right; }
.homeitemspacer
{
    padding: 15px 0px 0px 0px;
}

.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:#FFFFFF; }
.hermesitem img { float:left; margin: 0 5px 5px 0; }
.hermesitem p { margin:0; }
.hermesitem p.more { text-align:right; }

.leftcolumn { width: 249px; margin-right: 8px; float:left; text-align:right; } 
.leftcolumn img { /*border:1px solid #000;*/ }
.leftcolumn h3 { color:#00aeef; font-size:1.4em; margin-top:5px; }
.leftcolumn p { font-size: 0.95em; }
.leftcolumn p a { color: #fff !important; }
.leftcolumn p span.leftcolumn { color:#00aeef; }
.rightcolumn { width: 440px; float:left; } 
.rightcolumn p {  }
.rightcolumn p span.rightcolumn { color: #00aeef; font-size:1.6em; }

.calendarcontainer
{
    /*background:url(../images/background/bg_calendar.gif) no-repeat;*/
    height: 295px;
    width: 300px;
    float: left;
    margin-bottom: 15px;
    padding: 13px 14px 10px 25px;
    overflow: hidden;
}
.cwhite { width: 232px; height:200px; background-color:#000; border:0px solid #FFFFFF; /*margin-bottom:5px;*/margin:13px 14px 10px 14px; }
.cwhite .whatson { background-color: #ffffff; color:#000; 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:#000000; }
.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:#000000; border-right:2px solid #fff; border-bottom:2px solid #fff; text-align:center;}
.cwhite .calendar table th { color: #FFFFFF; width: 26px; height:19px; background-color: #000000; 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:#0098C9;  }
.cwhite .calendar table td.on {  background-color:#0098C9;  }
.cwhite .calendar table td a { color: #FFFFFF; display:block; width:26px; height:19px; line-height:19px; } 

.subscribecontainer { text-align:right; float:right; padding-right:70px; font-size:0.8em; }
.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; }

/* 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: #0098C9; }

/* footer */
.footer { width: 1072px; background:url(../images/background/bg_footer_orange.png) no-repeat; height:62px;  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: #000; }
.footer ul li { float:left; border-right: 1px solid #000; padding: 0 10px;  }
.footer ul li.last { border-right: 0px; }
.footer ul li a { color: #000; }
.footer ul li a.pink { color: #000; }
.footer .footerbottom { float:left; width: 100%; color: #000;   }
.footer .footerbottom .supported { width:752px; float:left; }
.footer .footerbottom .supported p { float:left; }
.footer .footerbottom .supported img { display:inline; padding-left:10px;  }
.footer .footerbottom p { line-height:28px; }
.footer .footerbottom .slogan p { float:right; width: 365px; text-align:right; color:#000; margin:20px 15px 13px 0;}


/* themes */
.onecolumn { margin-bottom:10px; float:left; width:728px;  }
.onecolumn h1 { margin-bottom:10px; padding: 3px 0;}
.onecolumn p { /*font-size: 0.9em !important;*/ margin-bottom:20px; }
.onecolumn p img { /*float:left;*/ margin: 0 5px 5px 0; /*border:1px solid #000;*/ }
.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;}

.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; }

/* pink = white 2009 */
.pinkcontent h1 { color:#0098C9;border-bottom:1px solid #0098C9; }
.pinkcontent p span.pink { color:#0098C9; }
.pinkcontent a { color:#0098C9 !important; }
.pinknavlink ul li.on { background-color: #ffffff;}
.pinkcontent ul.sublisting { list-style:round; color: #0098C9;}
.pinkfooter {  background:url(../images/background/bg_footer_orange.png) no-repeat; }


.green { color: #0098c9 !important; }
.blue { color: #0098c9 !important; }
.orange { color: #0098c9 !important; }
.red { color: #0098c9 !important; }
.pink { color: #0098c9 !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:#fff; /*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:red !important; font-weight:bold; display:block; }
.content ul.subnav li.on { background-color: #ffffff; }
.content ul.subnav li.last { margin-right:0px; }

.eventitem { margin-bottom:5px; float:left;}
.eventitem .img { float:left; width:80px; margin-right:5px; }
.eventitem .desc { float:left; width:610px; }
.eventitem .desc .title { color:#0098c9; border-bottom:1px solid #0098c9; font-size:1.4em;  margin:0 0 3px 0; padding:0; font-weight:bold; }
.eventitem p { margin:0; padding:0;  }
.eventitem p.more { text-align:right; margin:0; padding:0; }
.eventitem p span.date { /*color:#FFFFFF;*/color:red; font-size:1em; margin:0; padding:0; }
.eventitem p span.time { /*color:#000000;*/color:red; font-size:1em; margin:0; padding:0; }
.eventitem h2 { color:#0098c9; border-bottom:1px solid #0098c9; font-size:1.4em;  margin:0 0 3px 0; padding:0; }

.eventitem .gimg { float:left; width:130px; margin-right:5px; }
.eventitem .gdesc { float:left; width:560px; }
.eventitem .gdesc .title { color:#0098c9; font-size:1.4em;  margin:0 0 3px 0; padding:0; font-weight:bold; vertical-align:text-top; }
.eventitem .gdesc .title a { color:#0098c9!important; }
.eventitem .gdesc .act { width: 400px;}
.galleryitem { float:left; margin-bottom:5px; margin-right:5px; width:130px; height:130px; text-align:center;}

.searchlist .item {margin-bottom: 10px;}
.searchlist .item h3 {font-size: 1.0em; }
.searchlist .item a {font-size: 1.0em; color:#FFFFFF; }
.searchlist .item .morelink a { float:right; }

.feature { width: 352px; margin: 14px 14px 0 0; }
.feature .featureimage { width: 352px; text-align:center;}
.feature .featuretext { width: 347px; overflow: hidden; margin-left: 5px;}
.feature .featuretext span.featuretitle { font-size: 2.0em; padding:0px 0 5px 0; margin:0 0 10px 0; color: #0098c9;}
.feature .featuretext span.more { text-align:right; float:right;}

.homeitems {width: 337px;float:left; /*border:1px solid #ed0b70;*/ padding: 5px;}
.homeitems .item { width: 332px; margin-bottom:10px; }
.homeitems .item .thumb { float:left; width:80px;}
.homeitems .item .thumb img { float:left; /*margin: 0 5px 5px 0;*/}
.homeitems .item .text { float:left; width:237px;}
.homeitems .item .text h4 { font-size: 1.5em; margin:0; padding:0; text-transform: uppercase; /*letter-spacing:0.15em;*/ color:#0098c9; }
.homeitems .item .text p { margin:0; }
.homeitems .item .text p.more { text-align:right; }


.highlights { width: 352px; float:left; margin: 14px 0 0 0; }
.highlights .item { width: 352px; }
.highlights .item .thumb { width:130px; margin: 0 8px 0 0; }
.highlights .item .text { width: 212px; float:left; }
.highlights .item .text h4 { font-size: 1.45em; margin:0; padding:0; color:#0098c9; }
.highlights .item .text p { margin:0; }
.highlights .item .text p.more { text-align:right; }
.highlights .highlightspacer {height: 14px;}
.highlights a { color:#0098c9 !important; }


/* have your say */
.haveyoursayimg { /*margin-right:15px;*/color: #ed0b70; float:left;}
.haveyoursay { border: 1px solid #FFFFFF; background-color:#000000; /*margin-right:15px;*/width:300px;  color: #FFFFFF; float:left;}
.haveyoursay p  { margin:3px 0 0 0;  }
.haveyoursay p span.hys { padding:3px; color:#fff; background-color:#000000; }
.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: #000000; color:#FFFFFF; width:105px; height:15px; font-weight:bold;  font-size:0.55em;}
.haveyoursay .question p.view a { color:#FFFFFF; text-align:center; font-size:0.6em; text-transform:uppercase; display:block; }


/* ticketing disclaimer */
.ticketingdisclaimer { color:#fff; background: #000000; width: 400px; height: 110px; margin: 20px; padding: 10px;}
