/* CSS Document */
body
{
text-align:center;
background:#EDEDED;
margin:0;
font-family:verdana;
color:#00294B;
}
#container
{
position:relative;
margin:0 auto;
width:901px;

}
#container1
{
position:relative;
margin:0 auto;
width:900px;
background:#FFFFFF;
}
html>body #container1
{
position:absolute;
}
#subcon
{
position:relative;
float:left;
background:url(img/greyback.gif) repeat-y #FFFFFF;
margin-bottom:-32px;
}
html>body #subcon
{
position:absolute;
}
#top
{
position:relative;
margin:0 auto;
width:490px;
height:148px;
text-align:left;
}
#base
{
position:relative;
margin:0 auto;
top:-32px;
padding-right:132px;
float:left;
width:900px;
height:40px;
padding-top:10px;
text-align:right;
background:url(img/base.gif) no-repeat #ffffff;
}
html>body #base
{
  top:0;
width:768px;
/* ---- start of right segment ---- */
}
#rightsegment
{
width:410px;
height:410px;
position:relative;
background:url(img/tr.jpg) no-repeat;
}
#rightsegmentabout
{
width:410px;
height:410px;
position:relative;
background:url(img/trabout.jpg) no-repeat;
}
#rightsegmentnews
{
width:410px;
height:410px;
position:relative;
background:url(img/trnews.jpg) no-repeat;
}
#rightsegmentcomp
{
width:410px;
height:410px;
position:relative;
background:url(img/trcomp.jpg) no-repeat;
}
#rightsegmentevents
{
width:410px;
height:410px;
position:relative;
background:url(img/trevents.jpg) no-repeat;
}
#rightsegmentartists
{
width:410px;
height:410px;
position:relative;
background:url(img/trartists.jpg) no-repeat;
}
#rightsegmentshop
{
width:410px;
height:410px;
position:relative;
background:url(img/trshop.jpg) no-repeat;
}
#rightsegmentlinks
{
width:410px;
height:410px;
position:relative;
background:url(img/trlinks.jpg) no-repeat;
}
#rightsegmentproduction
{
width:410px;
height:410px;
position:relative;
background:url(img/trproduction.jpg) no-repeat;
}
#rightsegmentmedia
{
width:410px;
height:410px;
position:relative;
background:url(img/trmedia.jpg) no-repeat;
}
#rightsegmenthistory
{
width:410px;
height:410px;
position:relative;
background:url(img/trhistory.jpg) no-repeat;
}
#rightsegmentsignup
{
width:410px;
height:410px;
position:relative;
background:url(img/trsignup.jpg) no-repeat;
}
#rightsegmentanorak
{
width:410px;
height:410px;
position:relative;
background:url(img/tranorak.jpg) no-repeat;
}
/* ---- end of right segment ---- */
.right
{
width:410px;
float:left;
position:relative;
text-align:left;
background:url(img/right.gif) repeat #FFFFFF;
}
.left
{
width:490px;
float:left;
position:relative;
}
#contentcontainer
{
position:relative;
margin:0 auto;
width:490px;
height:627px;
background:url(img/bl.jpg) no-repeat;
background-position:bottom left;
}
html>body #contentcontainer
{

min-height:570px;
background:none;
}
/* ---- Content style ---- */
#content
{
padding:20px 20px 0 0;
float:right;
top:0;
width:310px;
background:url(img/content.jpg) no-repeat;
position:relative;
font-family:verdana;
text-align:left;
font-size:70%;
line-height:150%;
}
html>body #content
{
width:290px;
}
#contentabout
{
padding:20px 20px 0 0;
float:right;
top:0;
width:310px;
background:url(img/contentabout.jpg) no-repeat;
position:relative;
font-family:verdana;
text-align:left;
font-size:70%;
line-height:150%;
}
html>body #contentabout
{
width:290px;
}
#contentnews
{
padding:20px 20px 0 0;
float:right;
top:0;
width:310px;
background:url(img/contentnews.jpg) no-repeat;
position:relative;
font-family:verdana;
text-align:left;
font-size:70%;
line-height:150%;
}
html>body #contentnews
{
width:290px;
}
#contentcomp
{
padding:20px 20px 0 0;
float:right;
top:0;
width:310px;
background:url(img/contentcomp.jpg) no-repeat;
position:relative;
font-family:verdana;
text-align:left;
font-size:70%;
line-height:150%;
}
html>body #contentcomp
{
width:290px;
}
#contentevents
{
padding:20px 20px 0 0;
float:right;
top:0;
width:310px;
background:url(img/contentevents.jpg) no-repeat;
position:relative;
font-family:verdana;
text-align:left;
font-size:70%;
line-height:150%;
}
html>body #contentevents
{
width:290px;
}
#contentartists
{
padding:20px 20px 0 0;
float:right;
top:0;
width:310px;
background:url(img/contentartists.jpg) no-repeat;
position:relative;
font-family:verdana;
text-align:left;
font-size:70%;
line-height:150%;
}
html>body #contentartists
{
width:290px;
}
#contentshop
{
padding:20px 20px 0 0;
float:right;
top:0;
width:310px;
background:url(img/contentshop.jpg) no-repeat;
position:relative;
font-family:verdana;
text-align:left;
font-size:70%;
line-height:150%;
}
html>body #contentshop
{
width:290px;
}
#contentlinks
{
padding:20px 20px 0 0;
float:right;
top:0;
width:310px;
background:url(img/contentlinks.jpg) no-repeat;
position:relative;
font-family:verdana;
text-align:left;
font-size:70%;
line-height:150%;
}
html>body #contentlinks
{
width:290px;
}
#contentproduction
{
padding:20px 20px 0 0;
float:right;
top:0;
width:310px;
background:url(img/contentproduction.jpg) no-repeat;
position:relative;
font-family:verdana;
text-align:left;
font-size:70%;
line-height:150%;
}
html>body #contentproduction
{
width:290px;
}
#contentmedia
{
padding:20px 20px 0 0;
float:right;
top:0;
width:310px;
background:url(img/contentmedia.jpg) no-repeat;
position:relative;
font-family:verdana;
text-align:left;
font-size:70%;
line-height:150%;
}
html>body #contentmedia
{
width:290px;
}
#contenthistory
{
padding:20px 20px 0 0;
float:right;
top:0;
width:310px;
background:url(img/contenthistory.jpg) no-repeat;
position:relative;
font-family:verdana;
text-align:left;
font-size:70%;
line-height:150%;
}
html>body #contenthistory
{
width:290px;
}
#contentsignup
{
padding:20px 20px 0 0;
float:right;
top:0;
width:310px;
background:url(img/contentsignup.jpg) no-repeat;
position:relative;
font-family:verdana;
text-align:left;
font-size:70%;
line-height:150%;
}
html>body #contentsignup
{
width:290px;
}
#contentanorak
{
padding:20px 20px 0 0;
float:right;
top:0;
width:310px;
background:url(img/contentanorak.jpg) no-repeat;
position:relative;
font-family:verdana;
text-align:left;
font-size:70%;
line-height:150%;
}
html>body #contentanorak
{
width:290px;
}
/* ---- End of Content Style ---- */
#content h1
{
font-size:120%;
line-height:100%;
}

#content A {font-size:95%; text-decoration: underline; color:#012542; font-weight:bold;}
#content A:link {position:relative; text-decoration: underline; color:#012542; font-weight:bold; text-align:right; right:0;}
#content A:visited {position:relative; text-decoration:underline; color:#012542; font-weight:bold; text-align:right; right:0;}
#content A:active {position:relative; text-decoration: underline; color:#0a5c90; font-weight:bold; text-align:right; right:0;}
#content A:hover {position:relative; text-decoration: underline; color:#0a5c90; font-weight:bold; text-align:right; right:0;}
#content.norm A  { position:relative; float:right; font-size:95%; text-decoration: underline; color:#012542; font-weight:bold; text-align:right; right:0; }
#content.norm A:link {font-size:95%; text-decoration: underline; color:#012542; font-weight:bold; }
#content.norm A:visited  {font-size:95%; text-decoration: underline; color:#012542; font-weight:bold;  }
#content.norm A:active {font-size:95%; text-decoration: underline; color:#012542; font-weight:bold; }
#content.norm A:hover {font-size:95%; text-decoration: underline; color:#012542; font-weight:bold;  }

#contentnews A {position:relative; float:right; font-size:95%; text-decoration: underline; color:#012542; font-weight:bold; text-align:right; right:0;}
#contentnews A:link {position:relative; text-decoration: underline; color:#012542; font-weight:bold; text-align:right; right:0;}
#contentnews A:visited {position:relative; text-decoration:underline; color:#012542; font-weight:bold; text-align:right; right:0;}
#contentnews A:active {position:relative; text-decoration: underline; color:#0a5c90; font-weight:bold; text-align:right; right:0;}
#contentnews A:hover {position:relative; text-decoration: underline; color:#0a5c90; font-weight:bold; text-align:right; right:0;}

#contentartists A {position:relative; float:right; font-size:95%; text-decoration: underline; color:#012542; font-weight:bold; text-align:right; right:0;}
#contentartists A:link {position:relative; text-decoration: underline; color:#012542; font-weight:bold; text-align:right; right:0;}
#contentartists A:visited {position:relative; text-decoration:underline; color:#012542; font-weight:bold; text-align:right; right:0;}
#contentartists A:active {position:relative; text-decoration: underline; color:#0a5c90; font-weight:bold; text-align:right; right:0;}
#contentartists A:hover {position:relative; text-decoration: underline; color:#0a5c90; font-weight:bold; text-align:right; right:0;}

#base { font-family:verdana; font-size:50%; line-height:150%; text-decoration: underline; color:#012542; font-weight:bold; text-align:left;}
#base A {position:relative;  font-size:95%; text-decoration: underline; color:#012542; font-weight:bold; text-align:left; left:50px;}
#base A:link {position:relative; text-decoration: underline; color:#012542; font-weight:bold; text-align:left; left:50px;}
#base A:visited {position:relative; text-decoration:underline; color:#012542; font-weight:bold; text-align:left; left:50px;}
#base A:active {position:relative; text-decoration: underline; color:#0a5c90; font-weight:bold; text-align:left; left:50px;}
#base A:hover {position:relative; text-decoration: underline; color:#0a5c90; font-weight:bold; text-align:left; left:50px;}

#base img { font-family:verdana; font-size:50%; line-height:150%; text-align:right; right:100px; float:right;}
#base img A {position:relative; float:left; font-size:95%; text-decoration: underline; color:#012542; font-weight:bold; text-align:left; right:50px;}
#base img A:link {position:relative; text-decoration: underline; color:#012542; font-weight:bold; text-align:left; right:50px;}
#base img A:visited {position:relative; text-decoration:underline; color:#012542; font-weight:bold; text-align:left; right:50px;}
#base img A:active {position:relative; text-decoration: underline; color:#0a5c90; font-weight:bold; text-align:left; right:50px;}
#base img A:hover {position:relative; text-decoration: underline; color:#0a5c90; font-weight:bold; text-align:left; right:50px;}

#baseleft
{
position:relative;
float:left;
width:318px;
}
#basesection
{
float:left;
position:relative;
height:190px;
width:900px
}
#basesection1
{
float:left;
position:relative;
height:190px;
width:900px
}
html>body #basesection1
{
position:absolute;
}
#baseleftb
{
position:absolute;
float:left;
text-align:left;
width:160px;
height:210px;
top:-210px;
z-index:2;
}
html>body #baseleftb
{
background:url(img/bl.jpg) no-repeat;
}
#baseright
{
position:relative;
float:left;
text-align:left;
width:582px;
height:190px;
top:-32px;
}
/*---- Right Middles ----*/
#rightmid
{
width:410px;
height:300px;
padding-left:35px;
text-align:left;
background:url(img/hpr.jpg) no-repeat;
font-size:70%;
}
html>body #rightmid
{
width:375px;
}
#rightmidabout
{
width:410px;
height:300px;
padding-left:35px;
text-align:left;
background:url(img/hprabout.jpg) no-repeat;
font-size:70%;
}
html>body #rightmidabout
{
width:375px;
}
#rightmidnews
{
width:410px;
height:300px;
padding-left:35px;
text-align:left;
background:url(img/hprnews.jpg) no-repeat;
font-size:70%;
}
html>body #rightmidnews
{
width:375px;
}
#rightmidcomp
{
width:410px;
height:300px;
padding-left:35px;
text-align:left;
background:url(img/hprcomp.jpg) no-repeat;
font-size:70%;
}
html>body #rightmidcomp
{
width:375px;
}
#rightmidevents
{
width:410px;
height:300px;
padding-left:35px;
text-align:left;
background:url(img/hprevents.jpg) no-repeat;
font-size:70%;
}
html>body #rightmidevents
{
width:375px;
}
#rightmidartists
{
width:410px;
height:300px;
padding-left:35px;
text-align:left;
background:url(img/hprartists.jpg) no-repeat;
font-size:70%;
}
html>body #rightmidartists
{
width:375px;
}
#rightmidshop
{
width:410px;
height:300px;
padding-left:35px;
text-align:left;
background:url(img/hprshop.jpg) no-repeat;
font-size:70%;
}
html>body #rightmidshop
{
width:375px;
}
#rightmidlinks
{
width:410px;
height:300px;
padding-left:35px;
text-align:left;
background:url(img/hprlinks.jpg) no-repeat;
font-size:70%;
}
html>body #rightmidlinks
{
width:375px;
}
#rightmidproduction
{
width:410px;
height:300px;
padding-left:35px;
text-align:left;
background:url(img/hprproduction.jpg) no-repeat;
font-size:70%;
}
html>body #rightmidproduction
{
width:375px;
}
#rightmidmedia
{
width:410px;
height:300px;
padding-left:35px;
text-align:left;
background:url(img/hprmedia.jpg) no-repeat;
font-size:70%;
}
html>body #rightmidmedia
{
width:375px;
}
#rightmidhistory
{
width:410px;
height:300px;
padding-left:35px;
text-align:left;
background:url(img/hprhistory.jpg) no-repeat;
font-size:70%;
}
html>body #rightmidhistory
{
width:375px;
}
#rightmidsignup
{
width:410px;
height:300px;
padding-left:35px;
text-align:left;
background:url(img/hprsignup.jpg) no-repeat;
font-size:70%;
}
html>body #rightmidsignup
{
width:375px;
}
#rightmidanorak
{
width:410px;
height:300px;
padding-left:35px;
text-align:left;
background:url(img/hpranorak.jpg) no-repeat;
font-size:70%;
}
html>body #rightmidanorak
{
width:375px;
}
/*---- End Of Right Middles ----*/
#shop
{
position:relative;
top:65px;
}
#competition
{
position:relative;
top:155px;
}
#historyhead
{
  width:329px;
position:relative;
top:-32px;
right:62px;
float:right;
}
img.x
{
position:absolute;
left:0px;
z-index:3;
}
#bl
{
float:left;
position:relative;
background:url(img/bbl.jpg) no-repeat;
height:190px;
width:318px;
font-size:70%;
text-align:left;
padding-left:50px;
}
html>body #bl
{
width:268px;
}
A { font-size:95%; text-decoration: underline; color:#012542; font-weight:bold;}
A:link {text-decoration: underline; color:#012542; font-weight:bold;}
A:visited {text-decoration:underline; color:#012542; font-weight:bold;}
A:active {text-decoration: underline; color:#0a5c90; font-weight:bold;}
A:hover {text-decoration: underline; color:#0a5c90; font-weight:bold;}
#disco
{
position:relative;
float:right;
width:370px;
height:25px;
text-align:left;
font-size:70%;
}
.disco
{
position:relative;
float:right;
width:370px;
height:85px;
text-align:left;
font-size:70%;
}
/*---- Menu ----*/
#menu
{
padding-top:20px;
min-height:500px;
left:50px;
position:relative;
width:110px;
float:left;
text-align:left;
padding-left:10px;
top:0;
background:url(img/menu.jpg) no-repeat #A20000;
z-index:4;
}
html>body #menu
{
width:100px;
}
.button
{
left:10px;
margin-bottom:14px;

}

/*--------------*/

td.w
{
color:#000000;
}

td.w A
{
display:block;
background:#ff0000;
}
td.w A:hover
{
background:#0000ff;
}
#center
{
position:absolute;
left:50%;
right:50%;
z-index: 2;
}
#fade
{
position:absolute;
}
#bg
{
width:901px;
z-index:6;
margin:0 auto;
top:0;
left:0;
text-align:center;
position:absolute;
height:1200px;
width:901px;
background-color:#FFFFFF;


}
#q
{
/*  width:490px;
  height:640px;
background:url(img/AliCampbell01.jpg) no-repeat;
position:relative;*/
background:transparent;
margin:0 auto;
z-index:5;
}
table
{
  margin:0 auto;
  position:relative;
width:290px;
}
.eventstable { width:600px; }
td
{
font-size:70%;
}
td.main
{
font-family:verdana;
text-align:left;
font-size:70%;
line-height:150%;
}
td.h
{
color:#ffffff;
}
td A { font-size:100%; text-decoration: underline; color:#012542; font-weight:normal;}
td A:link {text-decoration: underline; color:#012542; font-weight:normal;}
td A:visited {text-decoration:underline; color:#012542; font-weight:normal;}
td A:active {text-decoration: underline; color:#0a5c90; font-weight:normal;}
td A:hover {text-decoration: underline; color:#0a5c90; font-weight:normal;}

.comment
{
background:#F0F0F0;
/*border:solid 1px #00ffff;*/
padding:5px;
}
.datetime
{
background:#E4E4E4;
}
#videotop
{
position:relative;
width:900px;
height:148px;
background:url(img/videopagetop.jpg) no-repeat;
}
#videomiddle
{
position:relative;
width:900px;
background:url(img/videopagemiddle.jpg) no-repeat;
}
#videobottom
{
  text-align:left;
float:left;
position:relative;
width:900px;
height:201px;
background:url(img/videopagebase.jpg) no-repeat;
}
#vidsubcon
{
position:relative;
float:left;
background:url(img/videowebback.jpg) repeat-y #FFFFFF;
margin-bottom:-32px;
}
html>body #vidsubcon
{
position:absolute;
}

#vidcontent p { padding-right:100px; }
#vidcontent
{
  font-family:verdana;
text-align:left;
font-size:70%;
line-height:150%;
position:relative;
float:right;
text-align:left;
padding:20px 0 0 20px;
background:url(img/videocontentmid.jpg) no-repeat;
width:740px;
}
html>body #vidcontent
{
width:720px;
}
#baseleftbv
{
position:absolute;
float:left;
text-align:left;
width:160px;
height:210px;
top:-210px;
z-index:2;
background:url(img/bl.jpg) no-repeat;
}
html>body #baseleftbv
{

}
#vidcontent A {position:relative; font-size:95%; text-decoration: underline; color:#012542; font-weight:bold; text-align:right; right:0;}
#vidcontent A:link {position:relative; text-decoration: underline; color:#012542; font-weight:bold; text-align:right; right:0;}
#vidcontent A:visited {position:relative; text-decoration:underline; color:#012542; font-weight:bold; text-align:right; right:0;}
#vidcontent A:active {position:relative; text-decoration: underline; color:#0a5c90; font-weight:bold; text-align:right; right:0;}
#vidcontent A:hover {position:relative; text-decoration: underline; color:#0a5c90; font-weight:bold; text-align:right; right:0;}
object.test
{
float:right;
}
.menub A {position:relative; font-size:95%; text-decoration: none; color:#FFFFFF; font-weight:bold; text-align:left; right:0;}
.menub A:link {position:relative; text-decoration: none; color:#FFFFFF; font-weight:bold; text-align:right; right:0;}
.menub A:visited {position:relative; text-decoration:none; color:#FFFFFF; font-weight:bold; text-align:right; right:0;}
.menub A:active {position:relative; text-decoration: none; color:#FFFFFF; font-weight:bold; text-align:right; right:0;}
.menub A:hover {position:relative; text-decoration: none; color:#FFFFFF; font-weight:bold; text-align:right; right:0;}

HR {
background-color: #DCDCDC; /* mozilla */
border: 0px; /* fixes mozilla height */
clear: left;
color: #DCDCDC; /* ie */
float: left;
height: 1px;
margin: 0px 0px 0px 0px;
width: 99%;
}
.eventstr td
{
padding:5px;

}
.eventsvenue A {cursor:pointer; display:block; position:relative; font-size:95%; text-decoration: none; color:#FFFFFF; font-weight:bold; text-align:left; right:0;}
.eventsvenue A:link {cursor:pointer; display:block; position:relative; text-decoration: none; color:#FFFFFF; font-weight:bold; text-align:right; right:0;}
.eventsvenue A:visited {cursor:pointer; display:block; position:relative; text-decoration:none; color:#FFFFFF; font-weight:bold; text-align:right; right:0;}
.eventsvenue A:active {cursor:pointer; display:block; position:relative; text-decoration: none; color:#FFFFFF; font-weight:bold; text-align:right; right:0;}
.eventsvenue A:hover {cursor:pointer; display:block; position:relative; text-decoration: none; color:#FFFFFF; font-weight:bold; text-align:right; right:0;}

p{ margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0;}

.social { margin-top:-30px;margin-left:20px; height:95px;display:block;}

.twitter a { width:42px;height:43px;background:url(/img/ico_twit.jpg) 0 0; display:block; float:left; }
.twitter a:hover { width:42px;height:43px;background:url(/img/ico_twit.jpg) 0 -43px; display:block; }
.twitter a:active { width:42px;height:43px;background:url(/img/ico_twit.jpg) 0 -86px; display:block; }

.facebook a { width:42px;height:43px;background:url(/img/ico_facebook.jpg) 0 0; display:block;  float:left;}
.facebook a:hover { width:42px;height:43px;background:url(/img/ico_facebook.jpg) 0 -43px; display:block; }
.facebook a:active { width:42px;height:43px;background:url(/img/ico_facebook.jpg) 0 -86px; display:block; }

.ilike a { width:42px;height:43px;background:url(/img/ico_ilike.jpg) 0 0; display:block;  float:left;}
.ilike a:hover { width:42px;height:43px;background:url(/img/ico_ilike.jpg) 0 -43px; display:block; }
.ilike a:active { width:42px;height:43px;background:url(/img/ico_ilike.jpg) 0 -86px; display:block; }

.lastfm a { width:42px;height:43px;background:url(/img/ico_last.jpg) 0 0; display:block;  float:left;}
.lastfm a:hover { width:42px;height:43px;background:url(/img/ico_last.jpg) 0 -43px; display:block; }
.lastfm a:active { width:42px;height:43px;background:url(/img/ico_last.jpg) 0 -86px; display:block; }

.myspace a { width:42px;height:43px;background:url(/img/ico_myspace.jpg) 0 0; display:block;  float:left;}
.myspace a:hover { width:42px;height:43px;background:url(/img/ico_myspace.jpg) 0 -43px; display:block; }
.myspace a:active { width:42px;height:43px;background:url(/img/ico_myspace.jpg) 0 -86px; display:block; }