/* This stylesheet refers only to classes that stay the same across the site*/

html, body {
height: 100%;
margin: 0;
padding: 0;
border: 0;
background-color:#ffffff;
font-family:Arial Black, Arial, sans-serif;
text-align: center;
margin-left: 0;
padding: 0;
color: #000;
font-size: 11px;
line-height: normal
}

img  {
border: 0;
display: inline;
  }
  
strong {
font-weight: bold;
}

em {
font-style:italic;
}

  /* Wrapper */
#shim {					/*centres the wrapper vertically.*/
visibility: hidden;
width: 100%;
height: 50%;                                                                   
margin-top: -295px;/* Half the height of #wrapper. */
float: left;
z-index: 0;
}

#wrapper {
background: transparent;
color: #ffffff;
width: 860px;
height: 590px;
margin: 0 auto;
background-image:url(../images/wholecurlyframe.png);
background-repeat:no-repeat;
background-position: 0 -46px;
margin:auto;
z-index: 1;
clear: both;
	
/*
*
* Issue: IE4 doesn't allow a negative margin-top.
*
* This code positions blueBox relatively and uses the IE4ever hack (<http://exanimo.com/css/ie4ever>) to overwrite the rule for other browsers.
* The content will be centered but will crop if the window is not small enough to accommodate it.
*
*/
position: relative;
top: -295px;
/* IE4ever Hack: Hide from IE4 **/
position: static;
/** end hack */
}
/*
*
* Issue: IE5mac interprets negative values as positive.
*
* I haven't figured out a workaround for this yet. The content won't be vertically centered but it won't be messed up by the previous code either.
*
*/

/* Hide from IE5mac \*//*/
#shim {
	display: none;
}
	html, body {
	height: auto;
}
/* end hack */
/* ]]> */
		
#wrap {	
position: relative;		/* allows absolute positioning inside the wrapper */
	
}

 /* Inner layout */
#mainbody{
position:relative;
left: 45px;
top: -25px;
width: 770px;
height: 420px;
overflow: hidden;
color: #000000;
z-index:5;
background-color: white;
border: 0;
text-align: left;	
}

#sidecolumn {
margin-top: -20px;
margin-right: 10px;
width: 200px;
height: auto;
padding: 0;
background-color: transparent;
text-align: center;
float: right;
}

.bodytext {
font-family: Arial;
background-color: #fff;
color: #000;
text-decoration: none;
word-spacing: -0.15em;
text-align: left;
letter-spacing:normal;
line-height: 1.3em;
font-size: 1.2em;
margin-left: 10px;
margin-right: 10px;
}

h1 {
font-family: Arial Black;
background-color: transparent;
color: #000;
text-decoration: none;
word-spacing: -0.2em;
text-align: center;
letter-spacing: 0;
line-height: 1em;
font-size: 3em;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 20px;
}

h2 {
font-family: Arial Black;
background-color: transparent;
color: #444;
text-decoration: none;
word-spacing: -0.1em;
text-align: center;
letter-spacing: 0;
line-height: 1.1em;
font-size: 1.8em;
margin-bottom: 0px;
margin-top: 15px;
text-align: left;
padding-left: 5px;
}

h3 {
font-family: Arial Black;
background-color: transparent;
color: #CC0033;
text-decoration: none;
word-spacing: normal;
text-align: center;
letter-spacing: 0;
line-height: 1.1em;
font-size: 1.8em;}

h4 {
font-family: Arial;
background-color: #fff;
color: #000;
text-decoration: none;
word-spacing: -0.15em;
text-align: left;
letter-spacing: 0;
line-height: 0.1em;
font-size: 1.4em;
font-weight: bold;
text-transform: uppercase;
padding-left: 10px;
margin-bottom: 2px;
margin-top: 7px;
}

h5 {
font-family: Arial Black;
background-color: transparent;
color: #444;
text-decoration: none;
word-spacing: -0.05em;
text-align: left;
letter-spacing: 1px;
line-height: 1.2em;
font-size: 1em;
font-variant: small-caps;
}

h6 {
text-transform: uppercase;
color: #444;
margin:0;
line-height: normal;
font-size: 1.1em;
}

.grey {
color: #444;
font-size: 1.6em;}

/*Navigation Bars (without positioning*/
#BHbar{
	position: absolute;
	left: 45px;
	width: 770px;
	height: 25px;
	overflow: hidden;
	color: #CC0033;
	z-index:10;
	background-color: #CCC;
	padding-top: 5px;
	font-size: 1.1em;
	display: block;
	text-align:center;
}

  

#BHbar a:hover{
	color: #CC0033; 
}  

#BHbar ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align:center;
}

#BHbar li{
	float: left;
	display: inline-block;
	height: 25px;
	margin: 0;
	padding:1px 7px; /*padding inside each tab*/
	text-decoration: none;
	color: #CC0033;
	background: #CCC; /*background of tabs (default state)*/
	font-size: 1em;
	text-align:center;
}

#BHbar li a {
	text-decoration: none;
	color: #444;
}


#BHbar li a:visited{
	color: #444;
}

#BHbar li a:hover, #musiclinksbar li.selected a{
	color: #CC0033; 
	}
  
#eventslinksbar{
	position: absolute;
	left: 45px;
	width: 770px;
	height: 30px;
	overflow: hidden;
	color: white;
	padding: 0px;
	z-index:10;
	background-color: #00A39B;
	margin: 0;
	font-size: 1em;
}

#musiclinksbar{
	position: absolute;
	left: 45px;
	width: 770px;
	height: 30px;
	overflow: hidden;
	color: white;
	padding: 0px;
	z-index:10;
	background-color: #CC0033;
	margin: 0;
	font-size: 1em;
}

#musiclinksbar ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#musiclinksbar li{
	display: inline;
	margin: 0;
}

#musiclinksbar li a{
	float: left;
	display: block;
	height: 30px;
	margin: 0;
	padding:7px 7px; /*padding inside each tab*/
	text-decoration: none;
	color: white;
	background: #CC0033; /*background of tabs (default state)*/
	font-size: 1em;
}

#musiclinksbar li a:visited{
	color: white;
}

#musiclinksbar li a:hover, #musiclinksbar li.selected a{
	background: #00A39B; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

#eventslinksbar ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#eventslinksbar li{
	display: inline;
	margin: 0;
}

#eventslinksbar li a{
	float: left;
	display: block;
	height: 30px;
	margin: 0;
	padding: 7px 7px; /*padding inside each tab*/
	text-decoration: none;
	color: white;
	background: #00A39B; /*background of tabs (default state)*/
}

#eventslinksbar li a:visited{
	color: white;
}

#eventslinksbar li a:hover, #eventslinksbar li.selected a{
	background: #CC0033; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

/*Typography - no colours*/
.quote {
padding-top: 10px;
padding-bottom: 10px;
width: 190px;
border-top-width: 2px;
border-bottom-width: 2px;
border-top-style: solid;
border-bottom-style: solid;
font-family: Arial Black;
background-color: transparent;
color: #444;
text-decoration: none;
word-spacing: -0.05em;
text-align: center;
letter-spacing: normal;
line-height: 1.2em;
font-size: 1.1em;
font-variant: small-caps;
margin-top: 20px;
margin-bottom: 20px;
}

.ctext
{padding-top: 10px;
padding-bottom: 10px;
position: absolute;
top: 310px;
left: 110px;
text-align: center;
width: 550px;
margin-top: -5px;
font-family: Arial Black;
background-color: #fff;
color: #444;
text-decoration: none;
word-spacing: -0.05em;
text-align: center;
letter-spacing: 1px;
line-height: 1.2em;
font-size: 1.1em;
font-variant: small-caps;
}


/* Default links   */
a:link, a:visited {
text-decoration : underline;
background: transparent; 
}

a:hover {
text-decoration : none;
background: transparent; 
}

a:active {
text-decoration : none;
background: transparent;  
}