body{padding:0px; margin:0px; background:#000033; color:#FFFFFF; font:normal 11px Arial, Helvetica;} /* TODO change bg colour to #333366*/



#H1 {
  FONT-WEIGHT: bolder; FONT-SIZE: 20px; MARGIN-LEFT: 5px; COLOR: #000033; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 0.3em
}
H3 {
  FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 0.1em
}
H2 {
  MARGIN-TOP: 30px; FONT-WEIGHT: bold; FONT-SIZE: 18px; MARGIN-LEFT: 15px; COLOR: #00ffff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
P {
  FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-top: 0px;
}
.whcopy {
  FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
a.whcopy:link{
  FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; FONT-WEIGHT: normal
}
a.whcopy:hover{
  FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; FONT-WEIGHT: normal
}
a.whcopy:visited{
  FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; FONT-WEIGHT: normal
}

.bhcopy {
  FONT-SIZE: 11px; COLOR: #66ffff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
a.bhcopy:link{
  FONT-SIZE: 11px; COLOR: #66ffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; FONT-WEIGHT: normal
}
a.bhcopy:hover{
  FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; FONT-WEIGHT: normal
}
a.bhcopy:visited{
  FONT-SIZE: 11px; COLOR: #66ffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; FONT-WEIGHT: normal
}

.blcopy {
  FONT-SIZE: 11px; COLOR: #66ffff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.head2 {
  FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #00ffff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.head2wh {
  FONT-WEIGHT: bold; FONT-SIZE: 16px; MARGIN-LEFT: 15px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif
}

.head3 {
  FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #66FFFF; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.head3wh {
  FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.head4wh {
  FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.head4 {
  FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #66FFFF; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.head5 {
  FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #00FFFF; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.subhead {
  FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif
}

A {
  FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #66ffff
}
A.copy {
  FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #3399cc; FONT-FAMILY: Arial, Helvetica, sans-serif
}
A.arrowlink {
  FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ccffff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
A.noul {
  FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #3399cc; FONT-FAMILY: Arial, Helvetica, sans-serif
}
A.arrowlink:hover {
  COLOR: #00ffff
}
A.arrowlink:visited {
  COLOR: #3399cc
}
A.actlink {
  FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #66ffff
}
A.actlink2 {
  FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #66ffff
}
.arrowindent {
  MARGIN-TOP: 0px; LIST-STYLE-POSITION: outside; LIST-STYLE-IMAGE: url(images/whats_on/sm_arrow.gif);margin-left:-25px; padding-left:35px;;
}
li{padding-left:-5px;}
DIV.piccopy {
  MARGIN-LEFT: 10px
}
.media {
  MARGIN-TOP: 30px; MARGIN-LEFT: 30px; WIDTH: 176px
}
td.mediabody {
  PADDING-TOP: 28px; PADDING-LEFT: 22px; PADDING-RIGHT: 22px;
}
td.mediapurple {
  PADDING-TOP: 6px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; BACKGROUND-COLOR: #666699
}
td.mediaplain {
  PADDING-LEFT: 6px; PADDING-RIGHT: 6px;
}
.vidtitle {
  FONT-WEIGHT: bold; FONT-SIZE: 11px; WIDTH: 180px; COLOR: #000033; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #66ffff
}
.vidtitlesml {
  FONT-WEIGHT: bold; FONT-SIZE: 11px; WIDTH: 180px; COLOR: #000033; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #66ffff
}
.mediaright {
  MARGIN-TOP: 15px; MARGIN-LEFT: 10px; MARGIN-RIGHT: 15px
}
.mediaquote {
  FONT-SIZE: 11px; COLOR: #33cccc; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.whatbold {
  FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #3399cc; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.presstitle {
  FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #3399cc; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.abouttitle {
  FONT-SIZE: 9px; COLOR: #66ffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.aboutreview {
  FONT-SIZE: 9px; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.aboutauthor {
  FONT-SIZE: 9px; COLOR: #CCFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
td.popwincell {padding: 8px 10px 4px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.closepopwin { font-family: Arial, Helvetica, sans-serif; color:#000033; font-size: 12px; font-weight: bold}
a.closepopwin:link{ font-family: Arial, Helvetica, sans-serif; color:#000033; font-size: 12px; font-weight: bold;}
a.closepopwin:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
a.closepopwin:active{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
a.closepopwin:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration:underline;}

.vrfooter { font-family: Verdana, Arial, Helvetica, sans-serif; color:#AAAAB7; font-size: 9px; font-weight: normal; text-decoration:none;}
a.vrfooter:link{ font-family: Arial, Helvetica, sans-serif; color:#AAAAB7; font-size: 9px; font-weight: normal; text-decoration:none;}
a.vrfooter:visited{ font-family: Arial, Helvetica, sans-serif; color:#AAAAB7; font-size: 9px; font-weight: bold; text-decoration:none;}
a.vrfooter:active{ font-family: Arial, Helvetica, sans-serif; color:#AAAAB7;font-size: 9px; font-weight: bold; text-decoration:none;}
a.vrfooter:hover{ font-family: Arial, Helvetica, sans-serif; color:#AAAAB7; font-size: 9px; font-weight: bold; text-decoration:underline;}

.homenewsul{
  margin-top: 0px; list-style-position: outside; list-style-image: url(images/whats_on/sm_arrow.gif);margin-left:-10px; padding-left:35px;;
}
a.newshomelink{
  font-weight: bold; font-size: 10px; color: #ccffff; font-family: arial, helvetica, sans-serif
}

.space4{height:4px;}
.space8{height:8px;}

.lblue11B { font-family:Arial, Helvetica, sans-serif; color:#B2DFE5; font-size:11px; font-weight: bold; text-decoration:none;}
a.lblue11B:link, a.lblue11B:visited, a.lblue11B:active{ font-family: Arial, Helvetica, sans-serif; color:#B2DFE5; font-size: 11px; font-weight:bold; text-decoration:none;}
a.lblue11B:hover{ color:#FFFFFF; font-size: 11px; font-weight: bold; text-decoration:underline;}

.navtbl {border-collapse:separated; border-spacing:0;}
.hmtbl {background-color:#000033;}

.komtbltd {padding:4px 0 4px 0; background-color:#333366;}
.logotbltd {height:88px;background-color:#000033;}
.navtbltd {border-width:1px; border-style: solid none solid none; border-color:#0099CC; background-color:#333366;font-size: 4px; }

.tblpad12{padding:12px;}



/* index specific */
#h1copy {margin-top:13px; margin-left:10px;letter-spacing:0.03em }
h1{font-family:arial, helvetica, verdana,sans-serif;  font-weight: bold; font-size: 18px; color: #66ffff;line-height:1.2em; }
.head1{font-family:arial, helvetica, verdana,sans-serif;  font-weight: bold; font-size: 19px; color: #66ffff;line-height:1.2em; }
.col2{ font-size: 18px;  font-weight: bold; color: #3399cc;}
.col3{ font-size: 19px;  font-weight: bold; color: #3399cc;}
.col4{ font-size: 21px;  font-weight: bold; color: #FFFFFF;}
.lrg { font-size: 28px ; font-weight: bold;  color: #3399cc}
h2  {font-family:arial, helvetica, verdana,sans-serif; font-size: 16px; font-weight: bold; color: #33cccc;}
.h2sml {font-family:arial, helvetica, verdana,sans-serif; font-size: 11px; font-weight: bold; color: #33cccc;}
p {font-family:arial, helvetica, verdana,sans-serif; font-size:11px;}
#sub {letter-spacing:0.1em ;  margin-left:10px; }
.picdescrip {font-size:12px; font-family:arial, helvetica, verdana,sans-serif; font-weight:bold; color:#ccffff; pading:10px 0px 10px 10px; text-decoration:none}
image.act {padding: 10px 15px 15px 15px}
/*body {background-image: url(navimages/background.gif); background-color:#333366; background-repeat: repeat-x; font-family:arial, helvetica, verdana, sans-serif;}*/
a { color: #66ffff}
a:hover { color: #ffffff}
a:visited { color: #66ffff}

/* acts specific

body { font-family:arial, helvetica, verdana, sans-serif; ; background-color: #000033}
.pic1{width:70px; height:50px; margin-left:15px; border-style: solid; border-width: 2px; color:#000033 ;} */

/* merch specific
body { font-family:arial, helvetica, verdana, sans-serif; ; background-color: #000033}
.medcopy {margin-top:30px; margin-right:30px;}

*/
/* contact specific*/
.indent{margin-left:20px;margin-top:30px; background-color: #333366}
.h2 { font-family:arial, helvetica, verdana, sans-serif; font-size:12px; font-weight:bold; color:#00FFFF; margin-top:50px;}
.details { font-family:arial, helvetica, verdana, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF;}
.address { font-family:arial, helvetica, verdana, sans-serif; font-size:12px; font-weight:bold; color:#00FFFF;}
.box {position:relative; background-color: #000033; top:5px; left: 5px; height: 0px; width: 210px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; margin:8px 8px; padding-left:3px;}
image.pad {margin-top:5px; margin-left:5px;}

.acts{margin-left:20px; margin-top:15px; width:260px;}
.pic{margin-left:15px; margin-top:15px;}

.cas-banner {border: solid 6px #000033;}