/* New CSS Document - clean format for otherness */





/* Sets default padding and margins to 0 */
	* {
	margin:0;
	padding:0;
	}





	
/* Background colour beyond web site areas */

body	{
	margin:0;
	padding:10px 0 10px 0;
	background-color:#ccc;
	background-image: url(../images/graph_lght.jpg);
	background-attachment: fixed;
	}




/* Sets width, centres and adds borders to web site area */

#wrapper {
	width:975px;
	background-color: #9FB6D7;
	background-image: none;
	margin-top: 0px;
	padding-top:0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 1px solid #333;
	}





/* Sets default font */
body,h1,h2,h3,h4,p,ul,ol,li,blockquote,td,tr,th {
	font-family: Arial, Helvetica, sans-serif;
	}




/* Headings */
h1,h2,h3,h4 {
	letter-spacing: 0.01em;
	font-weight: normal;
	}



h3,h4 {
	color:#B31E00;
	}


h1 {
	font-size: 2em;
	margin-top:0.15em;
	margin-bottom: 0.15em;
	padding-bottom:0;
	color: #B31E00;
	}



h2 {
	font-size: 1.25em;
	color: #006666;
	margin-top:1.1em;
	margin-bottom: 0.25em;
	width:688px;
	padding:5px;
	background: #ccc url(../images/graph_lght.jpg);
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	}


h2 a:link,h2 a:visited, h2 a:hover, h2 a:active {
	display: block;
	}


h2 a:link,h2 a:visited {
	text-decoration: none;
	}


h2 a:hover, h2 a:active {
	background: #006666 url(../images/gradient_lng.jpg);
	color: #B31E00;
	text-decoration: underline;
	}



h3 {
	font-size: 1.10em;
	margin-top:0.6em;
	margin-bottom: 0.15em;
	padding-bottom:0em;
	}



h4 {
	font-size: 1.0em;
	margin-top:0.5em;
	margin-bottom: 0.1em;
	padding-bottom:0;
	}



/* Sets main body font size for P, li and table */

p, li,td  {
	font-size: 0.85em;
	line-height: 1.6;
	color: #111;
	letter-spacing: 0.03em;
	}


blockquote p {
	font-weight: bold;
	color: #666;
	text-indent: -0.2em;
	margin-bottom: 0.15em;
	margin-top: 1.25em;
	}


p {
margin-bottom:0.45em;
	}



/*lists - basic not navigation lists*/

ul {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 30px;
	padding-left:20px;
	line-height: 1.4em;
	list-style: square;
	}
	
	
	

li {
	margin-bottom:0.23em;
	}






ul.no_bullets {
	margin-left: 2em;
	padding-left: 0px;
	list-style-type: none;
	}





/*Lists within a list*/

ul li ol li {
	margin-left:3em;
	font-size: 1.0em;
	list-style: disc;
	}
	
ul ul li {
	margin-top: 0.1em;
	margin-bottom: 0.2em;
	margin-left: 1em;
	list-style: disc;
	}




ul li ol {
	margin-top:0.4em;
	margin-bottom:0.4em;
	}





/*text variations*/


.bold_presentation {
	font-weight: bold;
	}


.hilight {
	color: #B31E00;
	font-weight: bold;
	}


.data_feint {
	color: #666;
	}

.credit_caps {
	color: #B31E00;
	font-weight: bold;
	text-transform: uppercase;
	}
	

.alt_highlight {
	font-weight: bold;
	color: #006666;
	}

.italics_presentation {
	font-style: italic;
	}


.white {
	color: #fff;
	}
	
#content p.date {
	color:#B31E00;
	font-size: 0.7em;
	letter-spacing: 0.04em;
	font-weight: bold;
	text-transform: lowercase;
	margin-top:0.35em;
	}







/*links - not navigation*/

a:link {
	color: #006666;
	text-decoration: underline;
	background: transparent;
	}

a:visited {
	color: #002D2D;
	text-decoration: underline;
	background: transparent;
	}

a:hover {
	color: #fff;
	text-decoration: none;
	background: #006666;
	}

a:active {
	color: #fff;
	text-decoration: none;
	background: #B31E00;
	}








/*All header - heading, strapline, gradient etc*/

#header {
	margin-top:0px;
	margin-bottom:15px;
	padding:12px;
	background-color: #fff;
	background-image: url(../images/gradient_lng.gif);
	background-repeat: repeat-y;
	background-position: right 0px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	}
	

#header h2 {
	color: #B31E00;
	letter-spacing: -0.02em;
	font-size: 2.1em;
	margin-top:0.15em;
	margin-bottom: 0.1em;
	padding:0;
	background: transparent;
	border: none;
	font-weight: bold;
	}


.logo {
	width:185px;
	height:47px;
	background: url(../images/logo.gif);
	border: none;
	}

.logo a:link img, .logo a:visited img, .logo a:hover img, .logo a:active img {
	border: none;
	}



#header a:link,#header a:visited {
	background-color: transparent;
	background-image: none;
	text-decoration: none;
	}


#header a:hover,#header a:active {
	background-color: transparent;
	background-image: none;
	text-decoration: underline;
	}


.strapline {
	color: #B31E00;
	letter-spacing: -0.01em;
	font-size: 1.2em;
	font-weight: normal;
	margin-top:5px;
	}


#top_info {
	float: right;
	margin-right: 12px;
	}

#top_info ul {
	list-style: none;
	margin-top:0;
	padding-right:0px;
	}

#top_info li {
	font-size: 0.75em;
	color: #fff;
	text-align: right;
	margin-bottom:0.15em;
	padding-bottom:0;
	font-weight: bold;
	list-style: none;
	line-height: 1.15em;
}


#top_info a:link,#top_info a:visited {
	text-decoration: none;
	color: #fff;
	background:transparent;
	padding:2px;
	}

#top_info a:hover {
	text-decoration: none;
	color: #fff;
	background:#B31E00;
	}


#top_info a:active {
	text-decoration: none;
	color: #B31E00;
	background:#fff;
	}







/*All right column styles - links, photos, headings and captions*/


#right_column {
	width: 185px;
	margin-right:12px;
	margin-top:0;
	padding: 6px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #000;
	border-top: 1px solid #ccc;
	border-right: 1px solid #000;
	background: #B31E00;
	float:right;
	margin-bottom:10px;
	}
	
	
	
	

.nav_photo {
	margin-top:10px;
	margin-left: 4px;
	width:190px;	
	}
	
	
	
	
.nav_photo p {
	font-size: 0.75em;
	color: #fff;
	text-align: center;
	margin-top:-5px;
	padding-top:0;
	padding-right:5px;
	margin-bottom:0px;
	letter-spacing: -0.01em;
	}
		
		



.nav_photo img {
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	border-top: 3px solid #999;
	border-left: 3px solid #999;
	padding:1px;
	background: #fff;
	margin-top:10px;
	}
		
		
	
#right_column p a:link, #right_column p a:visited {
	color: #fff;
	text-decoration: none;
	background-color:transparent;
	padding:5px;		
	}
	
#right_column p a:hover, #right_column p a:active {
	color: #FF0000;
	text-decoration: underline;
	background-color:#fff;
	}
	
#right_column a:hover img,#right_column a:active img {
	
	border: 2px solid #006666;
	}
	
	
	
	
	

/*right column link list boxes*/

.nav {
	background: #006666 url(../images/gradient_lng_rev.gif) -160px 0px;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	border-top: 3px solid #ccc;
	border-left: 3px solid #ccc;
	margin-top: 5px;
	margin-left: 4px;
	width:170px;
	}
	
	
.nav h3 {
	color:#fff;
	background:#7D1600;
	font-size: 1.05em;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 2px;
	margin-bottom: 0;
	border: solid 1px #fff;
	}


.nav ul {
	list-style: none;
	margin-left:-5px;
	padding-left:5px;
	margin-top:3px;
	margin-bottom:8px;
	padding-top:0;
	padding-right:5px;
	text-indent: 0px;
	}


.nav li {
	font-size: 0.8em;
	margin-bottom:0px;
	text-indent: 0px;
	line-height: 1.1;
	padding-bottom:0;	
	}



.nav a:link {
	color: #fff;
	text-decoration: none;
	background: transparent;
	padding: 3px 3px 3px 12px;
	display:block;
	width:155px;
	}
	
	
.nav a:visited {
	color: #fff;
	text-decoration: none;
	background: transparent;
	padding: 3px 3px 3px 12px;
	display:block;
	width:155px;
	}
	

.nav a:hover {
	color: #fff;
	text-decoration: none;
	background:#7D1600;
	padding: 3px 3px 3px 12px;
	}



.nav a:active {
	color: #fff;
	text-decoration: none;
	background: #B31E00;
	padding: 3px 3px 3px 12px;
	}





/*right column photos - with captions and style for without*/

	

.nav_photo_with_cap {
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
	padding:2px;
	background: #fff;
	margin: 1px auto;	
	}
		
	
	
	
	
	
	
	
	
	
/*uniform size cd boxes - not used at the moment?*/

.cd_cover img{
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
	padding:1px;
	margin-bottom:14px;
	margin-top:14px;
	margin-right:11px;
	background: #fff;
	}





.right_image {
	margin-top: 20px;
	margin-right:12px;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	border-top: 3px solid #ccc;
	border-left: 3px solid #ccc;
	padding:1px;
	width:151px;
	height:250px;
	background: url(../images/background-final.jpg);	
	}








/*Main content area*/

#content {
	padding:10px 12px 12px;
	width:700px;
	border-right: 1px solid #006666;
	border-top: 1px solid #006666;
	border-bottom: 1px solid #006666;
	background: #fff url(../images/blue_gradient.gif) repeat-y right top;
	float:left;
	margin-bottom:5px;
	}



/*Gives breathing space on right of main text*/

#content p,#content blockquote p,#content ul {
	width:580px;
	}






/*narrow photo strip - display as block - borders, background and margins*/


.strip {
	display: block;
	border-top: 1px solid #999999;
	border-right: 1px solid #006666;
	border-bottom: 1px solid #006666;
	border-left: 1px solid #999999;
	padding:1px;
	background: #fff;
	margin-top: 16px;
	margin-bottom: 16px;
	}


#content p.strip_caption {
	font-size: 0.65em;
	color: #B31E00;
	margin-top:-15px;
	text-align: right;
	padding-right:0px;
	margin-right:6px;
	width:698px;
	}
	
	

/*Links on phot strip*/
#content p.strip_caption a:link,#content p.strip_caption a:visited {
	color: #B31E00;
	}

#content p.strip_caption a:hover,#content p.strip_caption a:active {
	color: #006666;
	}












/*footer area*/

#footer {
	clear: both;
	margin-top: 15px;
	padding-top:3px;
	padding-bottom:5px;
	border-top: 1px solid #999999;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #999999;	
	background-color: #006666;
	background-image: url(../images/gradient_1024.gif);
	background-repeat: repeat-y;
	}
	
	
	
	#footer h2 {
	color: #B31E00;
	letter-spacing: -0.02em;
	font-size: 1.75em;
	margin-top:0;
	padding-top:0;
	margin-bottom: 0.05em;
	padding-left:12px;
	background: transparent;
	border: none;
	font-weight: bold;
	float:left;
	}



#footer p {
	text-align: left;
	padding-left: 15px;
	font-size: 0.85em;
	color:#006666;
	clear:both;
	}
	
	


#footer p a:link,#footer a:visited {
	color: #006666;
	text-decoration: none;
	padding:2px;
	}



#footer p a:hover {
	text-decoration: none;
	color:#fff;
	background: #006666;
	}


#footer p a:active {
	text-decoration: none;
	color:#fff;
	background:	#B31E00;
	}



.photo_right {
	float: right;
	padding-left:10px;
	}
	
	



#w3block	{
	float: right;
	margin-left: 12px;
	border-style: none;
	margin-top:6px;
	background:transparent;
}


#w3block a:hover, #w3block a:hover {
background:transparent;
}

img.w3c_icon {
border:none;
}





	










/*Image list for audio extracts - CD at present*/

ul.archive {
	margin-left:15px;	
	}


ul.archive li{
	margin-left:20px;
	padding-left:10px;
	margin-bottom:8px;
	list-style: url(../images/cd_list.gif) outside;
	}


ul.archive li a:link,ul.archive li a:visited,ul.archive li a:hover,ul.archive li a:active {
	padding:2px;
	}




/*New style for right hand image and caption links - one link only for both*/

#right_column .nav_link {
	display:block;
	margin-top:17px;
	font-size: 0.8em;
	text-align: center;
	margin-right: auto;
	margin-left: auto;	
	}




#right_column .nav_link a:link,.nav_link a:visited {
	color:#fff;
	background: transparent;
	text-decoration: none;
	display:block;
	padding:1px;
	word-spacing: -0.04em;
	}


#right_column .nav_link a:hover {
	background: #fff;
	text-decoration: none;
	color:#B31E00;
	padding:1px;
	}



#right_column .nav_link a:active {
	background: #006666;
	color:#fff;
	text-decoration: none;
	padding:1px;
	}



#right_column .nav_link img {
	display:block;
	padding:2px;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	border-top: 3px solid #DDDDDD;
	border-left: 3px solid #DDDDDD;
	background: #DDDDDD;
	padding:2px;
	margin-right: auto;
	margin-left: auto;	
	}



#right_column .nav_link a:link img {
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	border-top: 3px solid #DDDDDD;
	border-left: 3px solid #DDDDDD;
	background: #DDDDDD;
	padding:2px;
	}
	
	
	
#right_column .nav_link a:visited img {
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	border-top: 3px solid #DDDDDD;
	border-left: 3px solid #DDDDDD;
	padding:2px;
	}
	
#right_column .nav_link a:hover img {
	background: #fff;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	border-top: 3px solid #fff;
	border-left: 3px solid #fff;
	padding:2px;
	}
	
	
#right_column .nav_link a:active img {
	background: #006666;
	border:3px solid #006666;
	padding:2px;
	}
	
	


/*Adds right hand space to web process page*/
#web_process p,#web_process blockquote p,#web_process ul {
	padding-right:80px;
	}
	
	
.site a:link,.site a:visited{
	font-weight: bold;
	color: #006666;
	}
	
	
.site a:hover,.site a:active{
	font-weight: bold;
	color: #fff;
	}



#news{
border-bottom:1px dashed #B31E00;
padding-bottom:0.6em;
margin-bottom:0.8em;
}

#content #news p {
padding-left:30px;
}
	
#news h3 {
	margin-top: 0.75em;
	padding-top: 0.8em;
	border-top: 1px dotted #006666;
	margin-bottom:0.45em;
	font-size: 1.15em;
}

#news h3.noborder {
border:none;
}

#content #news p.date {
	color:#004444;
	font-size: 0.75em;
	letter-spacing: 0.04em;
	font-weight: bold;
	margin-top:0.35em;
	text-transform: none;	
	}