@charset "utf-8";
/* CSS Document */

*
{
	margin:0px;
	padding:0px;
}

a
{
	color:#9C416D;
}

a:hover
{
	color:#666666;
}

body {
	background-image:url(../images/bg_01.gif);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#FFF;
	background-attachment:fixed;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0px;
	padding: 0px;
}


#container {
	width: 1103px;
	margin: 0px;
	text-align: left;
	background-image:url(../images/containerbg.png);
	background-repeat:repeat-y;
	display:inline-block;
	height: auto;

}

*html #container 
{
	behavior: url(/scripts/iepngfix.htc);
}


#thankyouText
{
	position:absolute; 
	width:300px; 
	height:30px; 
	margin-left:250px; 
	margin-top:20px; 
	color:#9C416D; 
	font-weight:bold;
}

.pageTitle
{
	color:#666666; 
	font-size:24px;
	margin-left:-3px;
	width:300px;
}


#header {
	background-image:url(../images/header.gif);
	width: 1000px;
	margin-left: 51px;
	height: 105px;
	margin-top:10px;
}


#header_panel {
	background-image:url(../images/header_panel.jpg);
	width: 1000px;
	margin-left: 51px;
	height: 224px;
}

#header_panel img{
	
	margin-left: 32px;
	margin-top: 12px;
	
}
#header_newsletter {position:absolute; margin-left: 710px; margin-top: 0px; width: 400px;}
#header_newsletter form input {font-size: 11px; border: none; background: none; width: 183px;}

#header_panel_hero 
{
	position: absolute; 
	background-image:url(../images/home_header_panel_herobg.png); 
	width: 427px; 
	height: 176px; 
	margin-left: 532px; 
	margin-top: 21px; 
	color: #fff;
}

/**html #header_panel_hero 
{
	behavior: url(/scripts/iepngfix.htc);
}*/



#mainContent {
	margin-left: 70px;
}


#welcome_panel {
	background-image:url(../images/welcome_panel.jpg);
	margin-top: 10px;
	padding-top: 0px;
	width: 550px;
	float: left;
	height: 450px;
}


.home_maintext{
	margin-left: 40px;
	margin-top: 30px;
	width: 470px;

}



#newsevents_panel {
	background-image:url(../images/news_events_panel.jpg);
	margin-top: 10px;
	width: 390px;
	margin-left: 20px;
	float: left;
	height: 455px;
}
#staff_panel {
	background-image:url(../images/staff_panel.jpg);
	margin-top: 10px;
	width: 390px;
	margin-left: 20px;
	float: left;
	height: 640px;
}

#footer {
	clear: both;
	background-image:url(../images/footer.jpg);
	background-position:center top;
	width: 959px;
	margin-left: 70px;
	height: 139px;
	margin-top: 30px;
}



<!--menu-->
#menu {}
#menu ul { padding-top: 61px; padding-left: 121px;}
#menu ul li {float: left; display:block; letter-spacing: 1px; font-size: 11px;
}

#menu ul li a {color: #9c416e; text-decoration: none; list-style-type:none; width: 121px; height: 26px; background-image:url(../images/menu_tab_link.jpg);
text-transform:uppercase;
text-align:center;
display:block;
padding-top: 18px;
}

#menu ul li a:hover{color: #fff; text-decoration: none;background-image:url(../images/menu_tab_hover.jpg); float: left; display:block;
list-style-type:none; width: 121px; height: 26px; padding-top: 18px;}

#menu ul li a.selected {color: #fff; text-decoration: none;background-image:url(../images/menu_tab_selected.jpg); float: left; display:block;
list-style-type:none; width: 121px; height: 26px; padding-top: 18px; text-align: center;
text-transform:uppercase;}

.topwelcometext { color: #fff; width: 250px; margin-left: 260px; font-size: 14px; height:130px; overflow:auto;}






#newsevents_menu {}
#newsevents_menu ul { padding-top: 15px; padding-left: 20px; margin: 0px; }
#newsevents_menu ul li {float: left; display:block; letter-spacing: 1px; font-size: 11px;
}

#newsevents_menu ul li a {color: #9c416e; text-decoration: none; list-style-type:none; width: 121px; height: 22px; background-image:url(../images/Newsmenu_tab_link.jpg);
text-transform:uppercase;
text-align:center;
display:block;
padding-top: 15px;
}

#newsevents_menu ul li a:hover{color: #fff; text-decoration: none;background-image:url(../images/Newsmenu_tab_hover.jpg); float: left; display:block;
list-style-type:none; width: 121px; height: 22px; padding-top: 15px;}

#newsevents_menu ul li.selected a{color: #fff; text-decoration: none;background-image:url(../images/Newsmenu_tab_selected.jpg); float: left; display:block;
list-style-type:none; width: 121px; height: 22px; padding-top: 15px; text-align: center;
text-transform:uppercase;}

#newsevents_menu ul li.selected {color: #fff; text-decoration: none;background-image:url(../images/Newsmenu_tab_selected.jpg); float: left; display:block;
list-style-type:none; width: 121px; height: 22px; padding-top: 15px; text-align: center;
text-transform:uppercase;}

.newseventsline{height: 1px; background-color:#9c416e; margin-top: 37px; margin-left: 20px; width: 345px;}
.contactline{height: 1px; background-color:#9c416e; margin-top: 20px; margin-left: 0px; margin-bottom: 20px;}

#newseventsHolder{ margin-left: 30px; margin-top: 15px;}
#newseventsHolder a { color: #9c416e; text-decoration:none; font-weight: bold;}
#newseventsHolder a:hover {color: #9c416e; text-decoration:underline; font-weight: bold; }
#newseventsHolderImage{float: left; ; width: 107px; height: 70px; overflow: hidden; text-align:center;}
#newseventsHolderInfoBox{float: left; margin-left: 5px; width: 202px; font-size: 11px; 
background-image:url(../images/newseventsinfobg.gif); height: auto; padding-top: 3px; padding-left: 10px; padding-right: 10px;}
#newseventsHolderInfoBox span {margin: 0px; font-size: 12px; color: #9c416e; font-weight: bold; text-transform:uppercase; padding: 0px;}



#StaffHolder{ margin-left: 25px; margin-top: 10px; }
#StaffHolder a { color: #9c416e; text-decoration:none; font-weight: bold;}
#StaffHolder a:hover {color: #9c416e; text-decoration:underline; font-weight: bold; }
#StaffHolderImage{float: left; background-image:url(../images/newseventsimgholder.jpg); width: 110px; height:auto; background-repeat:no-repeat;}
#StaffHolderInfoBox{float: left; margin-left: 8px; width: 207px; font-size: 11px; display: inline-block; 
background-image:url(../images/newseventsinfobg.gif);  padding-top: 3px; padding-left: 10px; padding-right: 5px; padding-bottom: 5px;}
#StaffHolderInfoBox span {margin: 0px; font-size: 12px; color: #9c416e; font-weight: bold; text-transform:uppercase; padding: 0px;}



#DocumentInfoBox{float: left; margin-left: 8px; width: 335px; font-size: 11px; display: inline-block;}
#DocumentInfoBox a {color:#000000;}
#DocumentInfoBox a:hover {color:#9c416e; text-decoration:none;}
#DocumentInfoBox span {margin: 0px; font-size: 12px; color: #9c416e; font-weight: bold; text-transform:uppercase; padding: 0px;}


.clearer{clear: both;}
#paginator {  margin-left: 30px; margin-top: 15px; width: 330px; }
#paginator a {color: #555555; text-decoration:none;  }
#paginator a:hover {color: #555555; text-decoration:underline;  }


#madeby {
	position: absolute;
	background-image:url(../images/madeby.gif);
	background-repeat:no-repeat;
	background-position: center right;
	line-height: 56px;
	padding-top: 18px;
	margin-left: 850px;
	margin-top: -50px;
	width: 75px;
	z-index: 5;
	color: #fff;
	font-size: 10px;
	}
	
	
#pcc {
	position: absolute;
	background-image:url(../images/preston_city_council.gif);
	background-repeat:no-repeat;
	background-position: center right;
	padding-top: 0px;
	margin-left: 740px;
	width: 92px;
	height:41px;
	z-index: 5;
	color: #fff;
	font-size: 10px;
	margin-top:-33px;
	}
	
#madeby .madebylink:link {
	color: #999;
	font-weight:normal;
	text-decoration: none;
}
#madeby .madebylink:visited {
	color: #999;
		font-weight:normal;
	text-decoration: none;
}
#madeby .madebylink:hover {
	color: #999;
		font-weight:normal;
	text-decoration: underline;
	
}
#madeby .madebylink:active {
	color: #999;
		font-weight:normal;
	text-decoration: none;
}

#address {letter-spacing: 1px; margin-left: 30px; padding-top: 45px; font-size: 10px; color: #9c416e;}
#openinghours{letter-spacing: 1px; margin-left: 30px; padding-top: 35px; font-size: 10px; color: #9c416e;}

#footer a { color: #9c416e; text-decoration:none; font-weight: bold;}
#footer a:hover {color: #9c416e; text-decoration:underline; font-weight: bold; }



#HeroTitleType {font-size: 16px; color: #fe007e; text-transform:uppercase;}
#HeroImage {background-image: url(../images/hero_img_bg.png); width: 178px; height: 138px; margin-left: -12px; margin-top: -5px; text-align:center;}

*html #HeroImage
{
	behavior: url(/scripts/iepngfix.htc);
}



#HeroImage img {margin-left: 0px;}
	
#HeroTitle {font-size: 22px; color: #fff; text-transform:uppercase; width: 200px; margin-top: 23px; }
#HeroDate {font-size: 18px; color: #fff; }
#HeroReadMore {font-size: 16px; color: #fe007e; text-transform:uppercase;}
#HeroReadMore a { color: #fe007e; text-decoration:none; }
#HeroReadMore a:hover {color: #fe007e; text-decoration:underline; }


#WideLayout{ background-image:url(../images/widelayout_strip.jpg); width: 999px; background-repeat:repeat; display: inline block; margin-left: -19px;}
#WideLayoutTop { background-image:url(../images/widelayout_top.jpg); width: 999px; height: 35px;}
#WideLayoutMiddle { width: 999px; height: 35px; background-image:url(../images/widelayout_main.jpg);  background-repeat:no-repeat; display: block; 
height:auto; min-height: 700px;}
#WideLayoutBottom { background-image:url(../images/widelayout_bottom.jpg); width: 999px; height: 46px;}


#ArtistPanel {
	background-image:url(../images/artist_panel.gif); width: 892px; height: 329px; margin-left: 52px; margin-bottom:15px;}
	
#ArtistResults { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #9c416e; width: 892px; margin-bottom: 15px; margin-left: 52px;}

#ArtistResults a { color: #9c416e; text-decoration:none; }
#ArtistResults a:hover {color: #fff; text-decoration:none; background-color: #9c416e; }

#ArtistTitle {margin-left: 52px;}

#ArtistSearchPanel 
{
	background-image:url(../images/artist_search_panel.jpg); 
	position: absolute; 
	width: 459px; 
	height: 35px; 
	margin-left:450px;
	top: 371px;
	background-repeat:no-repeat;
}

#ArtistSearchPanel form { margin-left: 240px; margin-top: 2px; }

#ArtistSearchPanel form select {border: none; font-size: 12px; background:none;}



#ArtistImagesHolder {float: left; width: 238px;}

#ArtistImage { padding-top: 8px; margin-left: 8px;  }

#ArtistStripes {position: absolute;}

#ArtistWriteUp{ float: left; width: 610px; height: 230px; overflow:auto; margin-top: 20px; padding-right: 20px; color: #9c416e;}

#ArtistWriteUp h1 {margin: 0px; z-index: 2;}

#ArtistThumbs {margin-top: 10px; margin-left: 9px;}

#ArtistsThumbs img {}

#ArtistThumbs a {border: 1px solid #f0e3e9; padding: 1px; width: 35px; line-height: 50px; display:inline-block;}
#ArtistThumbs a:hover {border: 1px solid #555; padding: 1px; display:inline-block;}



#ImageEnlarge {position: absolute; z-index: 999; font-size: 11px; margin-left: 5px; margin-top: 5px;}



#EventPanel {
	background-image:url(../images/event_panel.gif); width: 892px; height: 319px; margin-left: 52px; margin-bottom:15px;}
	
#EventResults { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #9c416e; width: 892px; margin-bottom: 15px; margin-left: 52px;}

#EventTitle {margin-left: 52px; height:30px; width:903px;}

#EventSearchPanel {
	background-image:url(../images/event_search_panel.jpg); 
	position: absolute; 
	width: 435px;
	top:370px; 
	height: 39px; 
	margin-left: 510px; 
	background-repeat:no-repeat;
	background-position:center top;
}

#EventSearchPanel form { margin-left: 217px; margin-top: 4px; }

#EventSearchPanel form select {border: none; font-size: 12px; background:none;}


#searchButtonHolder{float:left; margin-left: 5px; padding-top:3px;}

#DropDownHolder{float:left; width: 190px; padding-top:5px;}

#EventImagesHolder {float: left; width: 245px;}

#EventImage { padding-top: 8px; margin-left: 8px;  }


#EventStripes {position: absolute;}

#EventWriteUp{ float: left; width: 610px; height: 280px; overflow:auto; margin-top: 20px; padding-right: 20px; color: #9c416e; }

#EventWriteUp h1 {margin: 0px; z-index: 2; font-size: 20px;}

#EventThumbs {margin-top: 10px; margin-left: 9px;}

#EventThumbs img {}

#EventThumbs  a {border: 1px solid #f0e3e9; padding: 1px; width: 35px; line-height: 50px; display:inline-block;}
#EventThumbs  a:hover {border: 1px solid #555; padding: 1px; display:inline-block;}




#NewsSearchPanel {
background-image:url(../images/news_search_panel.jpg); 
	position: absolute; 
	width: 410px;
	top:370px; 
	height: 39px; 
	margin-left: 555px; 
	background-repeat:no-repeat;
	background-position:center top;
}

#NewsSearchPanel form { margin-left: 176px; margin-top: 2px; }

#NewsSearchPanel form select {border: none; font-size: 12px; background:none;}


#getinvolved_panel {
	background-image:url(../images/getinvolved_panel.jpg);
	margin-top: 10px;
	padding-top: 0px;
	width: 550px;
	float: left;
	height: 450px;
}

#getinvolved_panel a{
	color: #9c416e;
	text-decoration: none;
	
}
#getinvolved_panel a:hover{
	color: #9c416e;
	text-decoration: underline;
	
}
.getinvolved_maintext{
	margin-left: 40px;
	margin-top: 10px;
	width: 470px;


}
#getinvolvedTitle {margin-left: 36px; margin-top: 35px;}

#InfoButtons { margin-left: 24px; margin-top: 10px; font-weight: bold;}
#InfoButtons a { color: #fff; text-decoration: none; padding-top: 9px; padding-left: 32px; display: block;}
#InfoButtons a:hover {color: #fff; text-decoration: underline; padding-top: 9px; padding-left: 32px; display: block;}



#ButtonInfoSheet {
	background-image:url(../images/button_infosheet.jpg); width: 345px; height: 35px; margin-bottom: 5px;}
#ButtonAnyForms { background-image:url(../images/button_anyforms.jpg); width: 345px; height: 35px; margin-bottom: 5px}


#about_panel {
	background-image:url(../images/about_panel.jpg);
	margin-top: 10px;
	padding-top: 0px;
	width: 550px;
	float: left;
	height: 640px;
}
.about_maintext{
	margin-left: 30px;
	width: 470px;
}

.overflowHolder
{
	overflow:auto; 
	height:590px; 
	margin-top:20px; 
	width:550px;
}

#aboutTitle {margin-left: 36px; margin-top: 35px;}




#ArtistResultsListing { padding-top: 0px; border-bottom: 0px solid #9c416e; width: 940px; margin-bottom: 15px; margin-left: 3px;}


#ArtistResults strong.selected { color: #fff; background-color: #9c416e;}
#ArtistResultsListing  a { color: #9c416e; text-decoration:none; }
/*#ArtistResultsListing  a:hover {color: #9c416e; text-decoration:underline; }*/

#ArtistResultsListing ul { margin: 0px;}
#ArtistResultsListing ul li { list-style-type:none; display: inline-block; float: left; margin: 0px; width: 279px; height: 72px; background-color: #eee; margin-right: 10px; margin-bottom: 10px; padding-top: 10px; padding-left: 10px; height: 135px;}

#ArtistResultsListing ul li img{float: left;}

#ArtistResultsListing ul li a { display: inline-block; }



#EventResultsListing { padding-top: 0px; padding-bottom: 10px; border-bottom: 0px solid #9c416e; width: 940px; margin-bottom: 15px; margin-left: 15px;}
#EventResults strong.selected { color: #fff; background-color: #9c416e;}
#EventResultsListing  a { color: #9c416e; text-decoration:none; }
#EventResultsListing  a:hover {color: #9c416e; text-decoration:underline; }

#EventResultsListing ul { margin: 0px;  }
#EventResultsListing ul li { list-style-type:none;  float: left; margin: 0px; width: 279px;  background-color: #eee; margin-right: 10px; margin-bottom: 10px; padding-top: 10px; padding-left: 10px; height: 135px;}

#EventResultsListing ul li img {   float: left; display: inline-block;}

#EventResultsListing ul li span {   width: 140px; float: left; margin-left: 10px;  }

#EventResultsListing ul li a {   width: 140px; float: left; margin-left: 10px; }


#BackToResults { padding-top: 0px; padding-bottom: 0px; border-bottom: 0px solid #9c416e; width: 940px; margin-bottom: 15px; margin-left: 52px;}

#BackToResults  a { color: #9c416e; text-decoration:none; }
#BackToResults  a:hover {color: #9c416e; text-decoration:underline; }




#NewsResultsListing { padding-top: 0px; padding-bottom: 10px; border-bottom: 0px solid #9c416e; width: 940px; margin-bottom: 15px; margin-left: 50px;}
#NewsResults strong.selected { color: #fff; background-color: #9c416e;}
#NewsResultsListing  a { color: #9c416e; text-decoration:none; }
#NewsResultsListing  a:hover {color: #9c416e; text-decoration:underline; }

#NewsResultsListing ul { margin: 0px;  }
#NewsResultsListing ul li { list-style-type:none;  float: left; margin: 0px; width: 279px;  background-color: #eee; margin-right: 10px; margin-bottom: 10px; padding-top: 10px; padding-left: 12px; height: 200px; overflow:hidden; padding-bottom:10px;}

#NewsResultsListing ul li img {   float: left; width: 107px;  overflow:hidden; margin-bottom:10px;}

#NewsResultsListing ul li span {   width: 140px; float: left; margin-left: 10px;  }

#NewsResultsListing ul li a {   width: 210px; float: left; margin-left: 118px; }

#pccLogo {position: absolute; margin-left: 300px; margin-left: 700px;
	margin-top: -40px;}
	
#googleMap { margin-left: 25px; margin-top: 5px;}	

#leftColPadding
{
	margin-top:10px; padding-bottom:20px;
}




.galleryList
{
	list-style:none;
	color:#999999;
	margin:0px;
	padding:0px;
	margin-top:10px;
}

.galleryList li
{
	margin-bottom:3px;
	font-weight:bold;
}

#linkHolder .galleryList li a
{
	color:#999999;
}

#linkHolder .galleryList li a:hover
{
	color:#072C60;
}

#linkHolder .galleryList li a .selected
{
	color:#072C60;
}