/* CSS Document */
body {
	font-family: "Lucida Sans", LucidaGrande, Arial, Helvetica, sans-serif;
	font-size: .7em;
	margin: 0px;
}
html,body{height:100%;}

.data1	{display: block; padding : 0; margin: 0; white-space : nowrap; position: absolute; top:23px; left: 2px; width:16px; height:16px; z-index: 40;}
.data2	{display: block; padding : 0; margin: 0; white-space : nowrap; position: absolute; top:23px; left:19px; width:16px; height:16px; z-index: 39;}
.data3	{display: block; padding : 0; margin: 0; white-space : nowrap; position: absolute; top:23px; left:36px; width:16px; height:16px; z-index: 38;}
.data4	{display: block; padding : 0; margin: 0; white-space : nowrap; position: absolute; top:23px; left:53px; width:16px; height:16px; z-index: 37;}
.data5	{display: block; padding : 0; margin: 0; white-space : nowrap; position: absolute; top:23px; left:70px; width:16px; height:16px; z-index: 36;}

.data6	{display: block; padding : 0; margin: 0; white-space : nowrap; position: absolute; top:40px; left: 2px; width:16px; height:16px; z-index: 35;}
.data7	{display: block; padding : 0; margin: 0; white-space : nowrap; position: absolute; top:40px; left:19px; width:16px; height:16px; z-index: 34;}
.data8	{display: block; padding : 0; margin: 0; white-space : nowrap; position: absolute; top:40px; left:36px; width:16px; height:16px; z-index: 33;}
.data9	{display: block; padding : 0; margin: 0; white-space : nowrap; position: absolute; top:40px; left:53px; width:16px; height:16px; z-index: 32;}
.data10	{display: block; padding : 0; margin: 0; white-space : nowrap; position: absolute; top:40px; left:70px; width:16px; height:16px; z-index: 31;}

.data11	{display: block; padding : 0; margin: 0; white-space : nowrap; position: absolute; top:57px; left: 2px; width:16px; height:16px; z-index: 30;}
.data12 	{display: block; padding : 0; margin: 0; white-space : nowrap; position: absolute; top:57px; left:19px; width:16px; height:16px; z-index: 29;}
.data13 	{display: block; padding : 0; margin: 0; white-space : nowrap; position: absolute; top:57px; left:36px; width:16px; height:16px; z-index: 28;}
.data14 	{display: block; padding : 0; margin: 0; white-space : nowrap; position: absolute; top:57px; left:53px; width:16px; height:16px; z-index: 27;}
.data15 	{display: block; padding : 0; margin: 0; white-space : nowrap; position: absolute; top:57px; left:70px; width:16px; height:16px; z-index: 26;}

.data16 	{display: block; padding : 0; margin: 0; white-space : nowrap; position: absolute; top:74px; left: 2px; width:16px; height:16px; z-index: 25;}
.data17 	{display: block; padding : 0; margin: 0; white-space : nowrap; position: absolute; top:74px; left:19px; width:16px; height:16px; z-index: 24;}
.data18 	{display: block; padding : 0; margin: 0; white-space : nowrap; position: absolute; top:74px; left:36px; width:16px; height:16px; z-index: 23;}
.data19 	{display: block; padding : 0; margin: 0; white-space : nowrap; position: absolute; top:74px; left:53px; width:16px; height:16px; z-index: 22;}
.data20 	{display: block; padding : 0; margin: 0; white-space : nowrap; position: absolute; top:74px; left:70px; width:16px; height:16px; z-index: 21;}

a.darklink:link, a.darklink:visited{text-decoration:none; color: #7792a1;}	
a.darklink:hover{text-decoration:none; color: #ABC4D1;}

.data1img {background-image: url(../images/001.gif); width:16px; height:16px;}
.data2img {background-image: url(../images/002.gif); width:16px; height:16px;}
.data3img {background-image: url(../images/003.gif); width:16px; height:16px;}
.data4img {background-image: url(../images/004.gif); width:16px; height:16px;}
.data5img {background-image: url(../images/005.gif); width:16px; height:16px;}

.data6img {background-image: url(../images/006.gif); width:16px; height:16px;}
.data7img {background-image: url(../images/007.gif); width:16px; height:16px;}
.data8img {background-image: url(../images/008.gif); width:16px; height:16px;}
.data9img {background-image: url(../images/009.gif); width:16px; height:16px;}
.data10img {background-image: url(../images/010.gif); width:16px; height:16px;}

.data11img {background-image: url(../images/011.gif); width:16px; height:16px;}
.data12img {background-image: url(../images/012.gif); width:16px; height:16px;}
.data13img {background-image: url(../images/013.gif); width:16px; height:16px;}
.data14img {background-image: url(../images/014.gif); width:16px; height:16px;}
.data15img {background-image: url(../images/015.gif); width:16px; height:16px;}

.data16img {background-image: url(../images/016.gif); width:16px; height:16px;}
.data17img {background-image: url(../images/017.gif); width:16px; height:16px;}
.data18img {background-image: url(../images/018.gif); width:16px; height:16px;}
.data19img {background-image: url(../images/019.gif); width:16px; height:16px;}
.data20img {background-image: url(../images/020.gif); width:16px; height:16px;}


.links a {display:block; width: 172px; margin-left:2px; height: 16px; text-decoration: none; color: white;}
.links a span {display: none;}
.links a:hover {background: none;}

div#icons a:hover {height:20px; }
div#icons a span {display: none;}

ul.calender{list-style-type:none; margin: 0; padding: 0; clear: both;}
ul.calender li{display:block; float: left;}
ul.calender a span {display: none; font-size:8px; text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* david added below rule */
#calendar .schedule {
	position:relative;
	top:9px;
	width:100%;
}
#calendar td, #calendar th {
	width:10px;
	color:white;
	text-align:center;
}
#calendar th.wkdayletter {
	font-size:8px;
	font-weight:normal;
	background-color:#abc4d1;
	text-align:center;
}
#calendar th.wkendletter {
	font-size:8px;
	font-weight:normal;
	background-color:#bfb3b3;
	text-align:center;
}
#calendar td.month {
	font-size:9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#abc4d1;

	text-align:left;
}
#calendar td.month a:link, #calendar td.month a:visited {
	color:#abc4d1;
	text-decoration:none;
}
#calendar td.month a:hover {
	color:#cf9b9b;
}
#calendar td.wkday {
	text-align:center;
	font-size:8px;
	color: #abc4d1;
	background-color:#abc4d1;
}
#calendar td.wkend {
	text-align:center;
	font-size:8px;
	color:#bfb3b3;
	background-color:#bfb3b3;
}

#calendar td.set {
	text-align:center;
	font-size:8px;
	color: #333;
	color:white;
	background-color:#cc3300;
}
#calendar td.set a:link, #calendar td.set a:visited {
	color:#c30;
	text-decoration:none;
}
#calendar td.set a:hover {
	color:#3F1717;
	color:white;
	text-decoration:none;
}


#calendar td.spacer {
	text-align:center;
	font-size:8px;
	color: #333;
	color:white;
}


#container {
	position: relative;
	width:740px;
	margin-right:auto;
	margin-left:auto;	
	height:100%;
	margin-bottom:50px;
}

#leftcol {
	position: absolute;
	left:0px;
	top:35px;
	width:180px;
	z-index: 10;
}

#centercol	{
	position: absolute;
	left: 1px;
	top:70px;
	width:185px;
	padding:0;
	margin:0;
	z-index: 5;
}

#rightcol{
	position: absolute;
	left:218px;
	width: 252px;
	top:0;
}


#icons{
	position: absolute;
	left:680px;
	top:35px;
	width:60px;
	text-align: center;
}

#jointcol {
	position: absolute;
	left:217px;
	width:464px;
	top:35px;
	padding-top:0;
	z-index: 15;
}
#jointcolprj {
	position: absolute;
	left:217px;
	width:464px;
	top:35px;
	padding-top:0;
	z-index: 15;
}

.datacentercol	{
	float: left;
	position: relative;
	left:0;
	top:0;
	width:190px;
	z-index: 5;
}

.datarightcol{
	float: left;
	position: relative;
	width: 240px;
	left:35px;
	top:0;
}

#homepagecentercol	{
	/*xfloat: left;
	xposition: relative;
	xleft:-1px;
	xtop:25px;*/
	width:190px;
	z-index: 5;

	/*  below are new rules */
	position:absolute;
	top:95px;
	left:-1px;
}
#homepagerightcol{
	/*xfloat: left;
	xposition: relative;
	xleft: 30px;
	xtop: 11px;*/
	width: 250px;
	
	/*  below are new rules */
	position:absolute;
	top:80px;
	left:217px;
}

#contentcentercol	{
	float: left;
	position: relative;
	left:-1px;
	top:22px;
	width:190px;
	z-index: 5;
}

#contentrightcol{
	float: left;
	position: relative;
	width: 250px;
	left: 28px;
	top: 20px;
}
#contentrightcol p{
	margin-top:0;
	padding-top:0;
}

.newblock{
	float: left;
	clear: both;
	left: 0;
	border-bottom: 1px dashed #ccc;
	margin: 0 0 2px 0;
	width:470px;
}
.newblock h6{
	color: #fff;
	font-size: 8pt;
	text-align: left;
	padding: 8px 0 0 0;
	margin:0;
	display:block;
	
}

.albumtitle {
	position: absolute;
	width: 600px;
	top: 30px;
	left:50px;
}

.alignphoto {
	position: absolute; 
	top: 50px;
	left: 50px;
}

.centeralign {
	text-align: center;
}

.colour{
	position:absolute;
	top:35px;
	left:-15px;
}
.colouralbum{
	position:absolute;
	top: 540px;
	left: 35px;
}
.colourswatch{
  margin-bottom: 2px;
  display:block;
 }

.contentimg{
	margin-right: 5px; 
	margin-bottom: 0px; 
	margin-top: 0px; 
	margin-left: -2px;
	padding-left: 0px;
	padding-right: 4px;
	padding-top:0px;
	padding-bottom:0px;
}
 
.dataimg{
	float: left;
	margin-right: 7px;
}

.dataitemimg{
	margin-left: -1px;
}

.displaynone{display:none;}

.featimg{
 	margin-top:15px;
}

.float{clear:both;}

.images { position: relative;left:3px; width: 255px;}

.img1 { position: relative; left: 0px; width: 78px; height: 88px; top: 0px;  float: left; background-image: url(../images/ladies.jpg);}
.img2 { position: relative; left: 8px; width: 79px; height: 88px; top: 0px; float: left; background-image: url(../images/cones.jpg);}
.img3 { position: relative; width: 78px; height: 88px; top: 0px; float: right; background-image: url(../images/spa.jpg);}

.leftalign {
	text-align: left;
}

.leftalign a{
	text-decoration:none;
}

.month{width: 92px;}

.news { 
	position: relative; 
	top:410px;
}

.nextquote{
	position: absolute;
	top: 531px;
	left:0;
	width: 180px;
	text-align:right;
}

.newsimg{
	float: left;
	margin-right: 4px;
}

.rightalign {
	text-align: right;
}

.small{
	font-size: .8em;
}

.spacing {
	letter-spacing: .15em;
}

table.albumlinks {
	position:absolute;
	top: 570px;
	right:50px;
}
table.switcherlinks{
	position:absolute;
	top:570px;
	left:50px;
}

.newsteaser {
	margin-top:15px;
}
#eventinfo{
	display: block;
	float: left;
	position: relative;
	left: 0px;
	top: 1em;
	width:470px;
	z-index: 5;
}

#newscontent{
	clear: left;
	position: relative;
	width: 450px;
	left: 2px;
	top: 5px;
	z-index: 150;
}

#newscontent ul.newsdetails{
	list-style: none;
	margin-left: 5px;
	padding-left: 0px;
	font-size: 12pt;
}

#newscontent ul.newsdetails li.item {
	margin-top: 10px;
	padding-top: 0px;
}

p.newsteaser {
	margin: 5px 0 0 0;
	padding-left: 10px;
	font-size: 10pt;
	color: #cdeeff;
}

.red8 {
	cursor:pointer;
}
.red8 a:hover{
	text-decoration:none;
}

.twocolumn ul{
	float:left;
	width:99%;
	list-style-type:none;
	padding-left:10px;
}
.twocolumn ul li{
	float:left;
	width:45%;
}


.threecolumn ul{
	float:left;
	padding: 0;
	margin: 0 5px 0 5px;
	width:99%;
	list-style-type:none;
	
}
.threecolumn ul li{
	float:left;
	width:33%;
}




.fourcolumn ul{
	float:left;
	width:99%;
	list-style-type:none;
	padding-left:10px;
}
.fourcolumn ul li{
	float:left;
	width:28%;
}
.newssnippet{
	margin-top:10px;
	padding-top:5px;
	padding-left:5px;
	clear:both;
	border-top: 1px dashed #abc4d1;
}
.newssnippet img{
	float:left;
	width:80px;
	margin-bottom:10px;
}
.newssnippet .content{
	clear:both;
	margin-top:0;
	padding-top:5px;
	font-size:12px;
	color:#A7CCDF;
}

p.contenttext{
	font-size:12px;
	color:#abc4d1;
}

#mailinglistwrapper{
	margin:-16px 0;
	padding:0;
	border-top:1px dashed #abc4d1;
	border-bottom:1px dashed #abc4d1;
	width:468px;
	height:420px;
	overflow:auto;
	/*xposition:relative;
	xtop:2px;*/
	position:absolute;
	top:18px;
}

#banner{
	/*xposition:relative;*/
	margin:0;
	padding:0;
}
#banner .logo {
	position: relative;
	left: 15px;
	top: 0;
	width: 160px;
	height:100px;
	background-image: url(../images/logowhite.gif);
	background-repeat:no-repeat;
	cursor: pointer;
	float:left;
	padding-right:0;
	border-right:1px dashed #7792a1;
	z-index:10;
}
.bannerright {
	position:relative;
	top:10px;
	left:28px;
}
.bannerright h2{	display: inline; font-size: 1.2em; font-weight: bold; color: #7792a1;}
.bannerright h1{
	position:relative;
	top:0;
	left:0;
	font-size: 230%;
	font-weight: bold; 
	color: #333;
	margin:31px 0 0 0;
}
.bannerright h5{
	display: inline; 
	position:relative;
	top:-2px;
	left:0;
	font-size: 1em; 
	font-weight: bold; 
	color: #333;
	font-size:115%;
}
.bannerright .link{
	position:relative;
	left:2px;
	top:0;
}
.forumcontent{
	position:absolute;
	top:98px;
	left:0;
	width:100%;
	height:800px;
	margin-top:10px;
	overflow:visible;
}
a.genlink:link, a.genlink:visited{
	color:#C2E0EF;
	font-weight:bold;
	text-decoration:none;
}
a.genlink:hover{
	color:#FF5F65;
	text-decoration:underline;
}
.directorydetails {
	float: left;
	position: relative;
	margin-top:2px;
	margin-bottom:2px;
	left:0;
	top:0;
	width:470px;
	z-index: 5;
}
.directoryblock {
	float: left;
	position: absolute;
	
	top:80px;
	width:470px;
	z-index: 5;
}
.directorydetails div.title{
	position:relative;
	display:inline;
	float:left;
	width:50px;
}
.directorydetails h5 span.notbold{
	font-weight:normal;
}

.newblock .directorydetails h6{
	padding-left:0;
}
a.maillink:link, a.maillink:visited{
	color:#C2E0EF;
	font-weight:normal;
	text-decoration:underline;
}
a.maillink:hover{
	color:#FF5F65;
}

.sitemapcentercol	{
	float: left;
	position: relative;
	left:-1px;
	top:25px;
	width:190px;
	z-index: 5;
	
}

.sitemaprightcol{
	float: left;
	position: relative;
	width: 250px;
	left: 28px;
	top: 25px;
}
.sectiondiv{
	clear:both;
}
.sectiondiv ul{
	list-style-type:none;
}
.sectiondiv li{
	list-style-type:decimal;11:18 21/09/2007links
	
}
table.links{width:176px;}

#contentcentercol div.websitesection{
	position:relative;
	margin-top:25px;
}



.websitesection img{
	float:left;
	margin:0 5px 5px 0;
	
}
.imagelinkitem{
	position:relative;
	float:none;
	clear:both;
	padding:0;
	margin:0;
	
}
.imagelinkitem{
	margin-bottom:5px;
}
.imagelinkitem h5{
	margin:0;
	padding:0;
	display:block;
}
.designedby {
	margin-top:8px;
}
a.save9link:link, a.save9link:visited {
	color:#C2DFEF;
	text-decoration:none;
}
a.save9link:hover{
	color:#7392a5;
}
#mailinglist p.unsubscribetext a{}
.rightalign div.address{
	display:inline;
	margin:0;
	padding:0;
	margin-right:3px;
}
.leftalign div.address p{
	margin:0;
}
.thumbnail{
	position:relative;
	float:left;
	width:88px;
	height:88px;
	margin-right: 6px;
	margin-bottom:10px;
	padding:0;
	overflow:hidden;
}
.projectthumbnail{
	position:relative;
	float:left;
	width:88px;
	margin-right: 6px;
	margin-bottom:10px;
	padding:0;
	overflow:hidden;
}

.eventthumbnail{
	position:relative;
	float:left;
	width:87px;
	margin-right: 6px;
	margin-bottom:10px;
	padding:0;
	overflow:hidden;
}
.thumbnail img{
	position:relative;
	top:0;
	left:0;
	padding:0;
	margin:0;
}


#contentcentercol img{
	position:relative;
	top:1px;
}
.projectsnippet{
	margin-top:10px;
	margin-left:-1px;
	padding-top:10px;
	padding-left:0;
	clear:both;
	border-top: 1px dashed #abc4d1;
}
.projectsnippet p.teaser{
	margin:0;
}
.newsitem{
	position:relative;
	margin-left: 0;
	width:249px;
	margin-bottom: 8px;
	background-color: transparent;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	padding-top:2px;
}
.moreitems {
	margin-top:6px;
}
.resultheader{
	float: left;
	clear: both;
	left: 0;
	border-bottom: 1px dashed #ccc;
	padding-top:12px;
	margin: 10px 0 2px 0;
}

#contactinfo .details{
	position:absolute;
	top:315px;
	left:0;
}
#projectcentercol	{
	float: left;
	position: absolute;
	left:-1px;
	top:81px;
	width:190px;
	z-index: 5;
}

#projectrightcol{
	float: left;
	position: absolute;
	width: 250px;
	left: 218px;
	top: 81px;
}
#newscentercol	{
	float: left;
	position: absolute;
	left:-1px;
	top:95px;
	width:190px;
	z-index: 5;
}

#newsrightcol{
	float: left;
	position: absolute;
	width: 250px;
	left: 218px;
	top: 95px;
}



.fringetable{
	margin-bottom:20px;
	width:470px;
	border-collapse: collapse;
}

.fringetable td{
	padding:0.4em;

}


.fringetable .date{
	
	font-weight:bold;
}

.fringetable .timehead{
	width:10%;
	font-weight:bold;
	
}

.fringetable .eventhead{
	width:45%;
	font-weight:bold;
}

.fringetable .venuehead{
	width:45%;
	font-weight:bold;
}

.linkslist{
	padding-top:8px;

}



fieldset.contactform label{
	font-weight: bold;
    line-height: normal;
    text-align: left;
    margin-right: 10px;
    position: relative;
    display: block;
    float: left;
    width: 125px;
}

fieldset{

	border-color: #61A7CB;
	border-style:none;
}

    
fieldset.contactform #name, #email, #tel, #company{
	margin-bottom:10px;
}

fieldset.contactform #name{
	margin-left:0px;
}



fieldset.contactform #email{
	margin-left:0px;
}

fieldset.contactform #tel{
	margin-left:0px;
}

fieldset.contactform #company{
	margin-left:0px;
}

.buttons{
	
	margin-top:10px;
}

.success_message{
	margin-top:15px;
	width:450px;
	margin-bottom:20px;
}

.info_message{
	width:450px;
}

#searchResultsContainer  ul  {
	padding: 0;
	margin: 0;
	border: 0;
	list-style: none;
}

#searchResultsContainer  ul img  {
	border: 0;
}

/* search term highlighting */
#searchResultsContainer ul li p span {
	background: #496777;
	font-weight: bold;
	color: #fff;
}

.w3chtml{
	position: absolute;
	width:80px;
	top:237px;
	height: 78px;
	margin-left: 3px;
	margin-top:10px;
	margin-bottom:5px;	
	
}
.w3chtml a{
		display:block;
		width:80px;
		height: 40px;
		
}

.w3ccss{
	position: absolute;
	width:80px;
	top:237px;
	height: 78px;
	margin-left: 93px;
	margin-top:10px;
	margin-bottom:5px;	
	
}
.w3ccss a{
		display:block;
		width:80px;
		height: 40px;
		
}
.YFAlink {

	position:relative;
	margin-left:78px;
	top: 50px;
	z-index:-1;
}

.YFA {
	position:relative;
	width:170px;
	height: 97px;
	margin-left:35px;
	top:20px;
}
.YFA a.YFAlogo{
	position:relative;
	display:block;
	width:170px;
	height: 97px;
	margin-left:77px;
	top:-0px;
	
}

.scarcouncil{
	position: absolute;
	width:170px;
	top:370px;
	height: 109px;
	margin-left: 5px;
	margin-top:10px;
	margin-bottom:5px;
	
}

.scarcouncil a{
		display:block;
		width:180px;
		height: 120px;
		
}

.artscouncil{
	position: absolute;
	width:80px;
	top:500px;
	height: 78px;
	margin-left: 5px;
	margin-top:10px;
	margin-bottom:5px;	
}

.artscouncil a{
		display:block;
		width:80px;
		height: 78px;
		
}

.yorkshireforward{
	position: absolute;
	width:80px;
	top:500px;
	height: 100px;
	left: 100px;
	margin-top:10px;
	margin-bottom:5px;
}

.yorkshireforward a{
		display:block;
		width:80px;
		height: 100px;
		
}

.creativecoast{
	background-image: url(../images/cclogo.gif);
	position: absolute;
	width:45px;
	
	top:440px;
	height: 75px;
	left: 121px;
	margin-top:10px;
	margin-bottom:5px;
	
}

.creativecoast a{
		display:block;
		width:45px;
		height: 75px;
}		
.gallery{
position:absolute;
top:-155px;
left:-250px;
width:470px;
_left: -225px;

}


.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -85px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 50px;
	height: 50px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}
.hoverbox .preview
{
	border-color: #000;
	width: auto;
	height: auto;
}

.gallerycontainer{
position: relative;
top:3px;
}

.gallaryheader{
margin: 10px 0 0 0;
position:relative;
top:0;
left:0;
font-size: 230%;
font-weight: bold; 
}

.thumbnail1 img{
border: 1px solid white;
margin: 0px 5px 5px 1px;
}

.thumbnail1:hover{
background-color: transparent;
}

.thumbnail1 span{
position: absolute;
left: -1000px;
visibility: hidden;

text-decoration: none;
}

.thumbnail1 span img{
padding: 0px;
max-width:254px;
max-height:300px;
border: 1px solid white;
margin:0;
}

.thumbnail1:hover span{
visibility: visible;
top: 65px;
left: 213px;
z-index: 50;
}