/*
Stylesheet version 2 - October 2005
2004 
- reworked from version 1.
  simplified
  some changes to bullets and headings
  extra styles for history page elements
2005
 - where possible, relative sizes
 - changes to some colours for better contrast
2006
 -move some inline style out of pages into here
2007,8
 misc photo/logo things
*/

/* Generic : Colour, typeface*/
BODY {
	COLOR: #000000; 
	BACKGROUND-COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

/* Links */

A {
	TEXT-DECORATION: none;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	background: transparent;
	border: none; 
}

A:link {
	COLOR: #003399;
}

A:visited {
	/* Better contrast */
	COLOR: #660099;
}

A:hover {
	TEXT-DECORATION: underline;
}

A:active {
	COLOR: #cc0000;
}


/* heading styles */
H1 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 120%; 
	COLOR: #990000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

H2 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 110%; 
	COLOR: #333333; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

H3 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 100%; 
	COLOR: #333333; 
	FONT-STYLE: italic; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

H4 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 90%; 
	COLOR: #333333; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

/* special text styles */

div.lelauditext {
	FONT-WEIGHT: bolder; 
	COLOR: #009933;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}


table.lelaudi {
BORDER: 1px solid black;
PADDING: 0em;
COLOR: #000000; 
empty-cells: show;
}

tr.lelaudiheadertext{
vertical-align: top;
BORDER: 1px solid black;
FONT-WEIGHT: bold;
COLOR: #000000;
FONT-SIZE: 90%;
FONT-FAMILY: Arial, Helvetica, sans-serif;
}

tr.lelauditext{
vertical-align: top;
BORDER: 1px solid black;
COLOR: #000000;
FONT-SIZE: 90%;
FONT-FAMILY: Arial, Helvetica, sans-serif;
}


/* Specific items */

/* Standard logo */
IMG.logo {
	border: 0;
	border-style: none;
	padding: 0;
}

/* Page title*/

.title {
	FONT-SIZE: 130%; 
	/* Color changed from gray for better contrast */
	COLOR: #505050;
	TEXT-ALIGN: RIGHT;
}

/* sidebar */

A.sidebar {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 90%;
}

SPAN.sidebar {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 90%;
}

UL.sidebar {
	list-style-image: url("../images/bluebullet.gif"); 
	list-style-type: disc;
}

P.sidebar {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 90%;
	COLOR: #000000;
}


/* Footer copyright text */

.footer {
	FONT-SIZE: 80%
}

/* Photos etc */

IMG.photo {
	/* Color as RGB instead of gray */
	border: solid thick #C0C0C0;
}

IMG.border {
  border: 0.1em;
}


IMG.noborder {
	border: 0;
	border-style: none;
	padding: 0.1em;
}

/*hspace="10" vspace="5" border="0" align="left"*/

IMG.aboutphoto {
border: 0;
border-style: none;
margin: 0.5em 0.5em 0.5em 0.5em;  
float: left;
}

IMG.null {
		WIDTH: 0.1em;
		HEIGHT: 0.5em;
}
IMG.validationlogo {
/*
		width: 88px;
		height: 31px;
	  width: 6.5em;
		height: 2em;
*/
		border: 0;
	  border-style: none;
	  padding: 0;
}

IMG.artscouncil {
    width: 266px;
		height: 199px;
		border: 0;
	  border-style: none;
	  padding: 0;
}
div.left {float: left;  /*this doesnt work right in IE Mac without a width statement*/
				  margin: 0 .75em 0.25em 0;
					clear: both;
				  
				   }

/*for inline photos in a within a report*/
div.inlinephotoleft {float: left;  /*this doesnt work right in IE Mac without a width statement*/
				  margin: 0 .75em 0.25em 0;
				  
				   }

div.inlinephotoleft img {border: 0;
										     height: 239px;
												 width: 279px;} /*to turn this off as it causes images to jump all over the show*/

/* for inline pix but keeping image size */												 
div.inlinepixleft {float: left;  /*this doesnt work right in IE Mac without a width statement*/
				  margin: 0 .75em 0.25em 0;
				  
				   }												 
div.inlinepixleft img {border: 0;}
												 
												 
div.inlinephotoleft p {clear:left;			
			font-size:80%;
			text-align: center;
			margin: 0px; 
			padding: 0.25em 0 1em 0; }

div.inlinephotoright {float: right;  /*this doesnt work right in IE Mac without a width statement*/
				margin: 0 0em 0.25em 0.75em;  
				   }
				
div.inlinephotoright img {border: 0} /*to turn this off as it causes images to jump all over the show*/

div.inlinephotoright p {clear:left;			
			font-size:80%;
			text-align: center;
			margin: 0px; 
			padding: 0.25em 0 1em 0; 
					 }

/* index */

DIV.concert {
text-align: center;
}

/* History page */

LI.concert-year {
	
	FONT-WEIGHT: normal;
}

LI.event-year {
	COLOR: #000000;
	FONT-WEIGHT: normal;
}

SPAN.year {
/* Changed for better contrast */
        COLOR: #0000BF;
	FONT-WEIGHT: bold;
}

SPAN.event-year {
	FONT-WEIGHT: bold;
}

SPAN.month {
	FONT-SIZE: 90%;	
	FONT-WEIGHT: bold;
}

SPAN.work {
	FONT-STYLE: italic;
}
SPAN.event-title {
	FONT-STYLE: italic;
}


SPAN.event-month {
	FONT-SIZE: 90%;	
	FONT-WEIGHT: bold;
}


/* Misc */
/*
Accessibility links only visible without stylesheets
*/

.skiplink { display: none; } 

.access {
	visibility: hidden;
}




/* used to make the red line in the header and footer */
TD.null {
	FONT-SIZE: 0.1em;
	BACKGROUND-COLOR: #C00000;
}
div.spacer {  clear:both }

/* Thanks to www.webcredible.co.uk for this one */
#validationlogo ul { 
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

#validationlogo li {
  float: left;
	display: block;
	margin: 0 0.2em;
	padding: 0;
	text-align: center;
}

/*
## Table properties
##
*/

/*cellspacing="7" cellpadding="0" width="100%" border="0"*/

TABLE.pageheader {
padding: 0;
width: 100%;
border: 0;
}


/*
##cellspacing="7" cellpadding="0" width="100%" border="0"
*/

TABLE.pagebody {
padding: 0;
width: 100%;
border: 0;
}

/* ##valign="top" align="left" */

TR.pagebody {
vertical-align: top;
text-align: left;
}

/* ##width="25%" */

TD.sidebar {
width: 25%;
padding-right: 2%;
/* quirks of Opera, IE w.r. inheritance of vertical-align */
vertical-align: top;
}

/*##cellspacing="10" cellpadding="0" width="100%" border="0"*/

TABLE.pagefooter {
padding: 0;
width: 100%;
border: 0;
}

TD.logo {
width: 25%;
}

TD.content {
width: 75%;
}
UL.nobullet {
list-style: none;
}