/*
Community Retailing Network
www.communityretailing.co.uk

Original CSS by Andrzej Dzirba, www.TartanProject.com
Adapted by The Graphics Company Ltd, www.graphics.coop
*/



/* Begin Typography & Colors */

body, html {
font-size: 1em; 
font-family: Helvetica, Arial, Sans-Serif;
color: #333;
text-align: center;
background: #e0dbd4; 
margin: 0;
padding: 0;
}

a {
text-decoration: none;
color: #579400;
border-bottom: 1px dotted #579400;
}

	a:link {
	color: #579400;
	border-bottom: 1px dotted #579400;
	}
	
	a:visited {
	color: #798d5c;
	border-bottom: 1px dotted #798d5c;
	}
	
	a:hover, a:focus, a:active {
	color: #333;
	border-bottom: 1px solid #333;
	}

h1, h2, h3, h4, h5 {
padding: 0;
margin: 0;
font-weight: bold;
}

h2 {
font-size: 2em;
color: #8dbe48;
margin: 0 0 0.5em 0;
padding: 0 0 0.5em 0;
}

	h2 a:hover, h3 a:hover {
	color: #ddd;
	text-decoration: none;
	}

h3 {
font-size: 1.4em;
line-height: 1.4em;
padding: 0.5em 0 0.8em 0;
}

p, li {
font-size: 1em;
line-height: 1.5em;
margin: 0;
padding: 0 0 0.8em 0;
}

	p.datePosted {
	color: #584b3e;
	}
	
q {
font-style: italic;
}

	/* IE7 and below don't use CSS quote marks, so we turn them off and put them in the content for now (Nov 2008) */
	q:lang(en-GB) { quotes: "" "" "" ""; }
	
	/* Safari doesn't respond to the above, so we turn quotes off using the before and after pseudo class selectors: */
	q:before { content: ''; }
	q:after { content: ''; }
	q q:before { content: ''; }
	q q:after { content: ''; }
	
	/* One day when IE7 is history, we'll turn them on again and strip them from the content: */
	/* q:lang(en-GB) { quotes: “ ” ‘ ’ } */
	
	blockquote {
	font-style: italic;
	font-weight: bold;
	}


span {
	white-space: nowrap;
}

abbr, acronym { 
	cursor: help;
	border-bottom: 1px dashed #bbb;
}

abbr.noTitle, acronym.noTitle {
	cursor: auto;
	border: 0;
}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

.clear {
	clear: both;
}


#footer p {
color: #fff;
margin: 0;
text-align: left;
font-size: 0.7em;
padding: 0 0 0.7em 1.4em;
}

#footer a:link {
	color: #fff;
	border-bottom: 1px dotted #fff;
	}

	#footer a:visited {
		color: #fff;
		border-bottom: 1px dotted #fff;
		}
	
	#footer a:hover, #footer a:focus, #footer a:active {
		color: #fff;
		border-bottom: 1px solid #fff;
		}

table.openingTimes {
margin-bottom: 1em;
}

table.openingTimes caption {
	display: none;
}

table.openingTimes th {
	font-size: 1.1em;
	font-weight: bold;
	vertical-align: top;
	padding: 9px 2em 5px 2em;
	background: #e0dbd4;
	}

table.openingTimes td {
	font-size: 1.1em;
	vertical-align: top;
	padding: 9px 2em 5px 2em;
	background: #e0dbd4;
	}



/* End Typography & Colors */



/* Begin Structure */

#page {
margin: 0 auto;
text-align: left;
background: url(/styles/backgrounds/bg.gif) repeat;
width: 978px;
}

#header {
background: url(/styles/backgrounds/top-new.jpg) no-repeat;
height: 170px;
width: 978px;
}

	#logo {
	float: left;
	padding-left: 10px; 
	width: 220px;
	height: 155px;
	}
	
	#searchbox {
	float: right;
	width: 266px;
	height: 146px;
	margin-right: 20px; 
	background: url(/styles/backgrounds/searchbg.gif);
	}

#jumpLinksTop {
position: absolute;
top: 0;
left: 300px;
}

#main {
font-size: 0.7em;
margin: 0 auto; 
width: 935px;
}

	#memberPage #main {
	padding-top: 10px;
	}

#navigation
{
float: left; 
width: 200px;
padding-bottom: 10px;
}

	#memberPage #navigation
	{
	display: none; 
	}

#content {
float: left;
width: 497px;
padding: 0 15px 15px 15px;
}

	#memberPage #content {
	float: left;
	width: 935px;
	padding: 0 0 15px 0;
	}

	#memberPage #content h2 {
	font-size: 2.4em;
	color: #fff;
	background: #81b735 url(/styles/backgrounds/green-corner-TR.gif) no-repeat top right;
	border: 0;
	padding: 0.7em 40px 0.5em 20px;
	margin: 0;
	}
		
#memberContent {
float: left; 
padding: 20px 56px 20px 20px;
border-right: 1px solid #8dbe48;
border-bottom: 1px solid #8dbe48;
border-left: 1px solid #8dbe48;
}
	
	#memberContent h3 {
	font-size: 1.6em;
	color: #81b735;
	padding-top: 1em;
	padding-bottom: 0.5em;
	}
	
	#memberContent p {
	font-size: 1.2em;
	}
	
		#memberContent p.intro {
		font-size: 1.4em;
		}
	
	#memberContent img {
	float: right;
	clear: right; /* stops the photos wrapping at reduced font sizes */
	margin-left: 20px;
	margin-bottom: 10px;
	}

#extra-content {
width: 198px;
float: right;
background: url(/styles/backgrounds/right_bg.gif) repeat-y;
padding-left:10px;
margin-bottom:10px;
}
	#memberPage #extra-content {
	display: none;
	}

#jumpLinksBottom {
position: static;
height: 1px;
padding: 0;
margin: 0;
}

#footer {
padding-top: 10px;
margin: 0 auto;
width: 938px;
clear: both;
background: #584b3e;
}

	#memberPage #footer {
	display: none;
	}

#bottom {
background: url(/styles/backgrounds/footer.jpg);
width: 978px;
height: 36px;
}

.map {
padding-bottom: 1.2em;
padding-left: 0.35em;
}

/* End Structure */


/* Begin jumplinks */

.jumpLinks ul { list-style: none; }
	.jumpLinks a, .jumpLinks a:link, .jumpLinks a:hover, .jumpLinks a:visited { position: absolute; left: 0px; top:-1000px; width: 1px; height: 1px; overflow: hidden; }
	.jumpLinks a:active, .jumpLinks a:focus { position: static; width: auto; height: auto; }


/* Begin Images */

p img {
	padding: 0;
	max-width: 100%;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

img.publication {
	float: right;
	border: 1px solid #584b3e;
	padding: 0;
	margin: 0 0 10px 10px;
	display: inline;
	}

a img {
	border: 0;
	}

.logoblock img {
	float: left;
	margin-bottom: 20px;
	margin-right: 30px;
	}

.logoblock {
	float: left;
	width: 100%;
	padding-top: 5px;
	padding-left: 10px;
	}

/* End Images */


/* Begin Content typography */

#content p {
padding-left: 0.35em;
font-size: 1.2em;
}
	
#content h2 {
padding-left: 0.35em;
border-bottom: 1px solid #000;
}

#content h3 {
font-size: 1.4em;
padding-left: 0.35em;
padding-bottom: 0.35em;
}

#content hr {
display: block;
clear: both;
}

#content ul {
margin-top: 0;
}

#content li {
font-size: 1.1em;
padding-bottom: 0;
}

#content .namesRoles li {
list-style-type: none;
padding-bottom: 0.5em;
}

#content a {
font-weight: bold;
}

/* End Content typography */




/* Start Various Tags & Classes*/

.hidden {
	display: none;
	}

.navigation {
	display: block;
	text-align: center;
	}

/* End Various Tags & Classes*/


#extra-content h2 {
font-family: arial;
background: #8dbe48;
color: #fff;
padding: 0.35em 8px 0.35em 7px;
font-weight: normal;
font-size: 1.68em;
}

#logo a:link, #logo a:visited, #logo a:hover, #logo a:focus, #logo a:active {
border-bottom: 0;
}

#searchbox h3 {
font-size: 1.4em;
font-weight: bold;
text-align:center;
margin-top: 1.4em;
}

#searchbox input
{
display: block;
text-align: center;
margin:0 auto;
width: 200px;
margin-top: 0.4em;
}

input#searchsubmit {
background: #8dbe48;
}

.news h3 {
font-weight: normal;
font-size: 1.9em;
color: #8dbe48;
padding: 0.5em 4px 0 7px;
}

.news h4 {
font-weight: bold;
color: #333;
font-size: 1.2em;
padding-top: 0.7em;
padding-right: 4px;
padding-left: 7px;
}

.news p {
font-size: 1.2em;
padding-right: 4px;
padding-left: 7px;
}

.news ul {
padding-left: 15px;
}


/* Begin navigation */

#navigation ul {
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
background-color: #584b3e;
}

	#navigation ul ul {
	position: relative;
	top: 7px;
	background: transparent;
	}
	
#navigation a:link, #navigation a:visited {
color: #fff;
border-bottom: 0;
}

#navigation a:hover, #footer a:focus, #footer a:active {
color: #fff;
border-bottom: 1px solid #fff;
}

.category_li {
padding: 12px 20px 10px 20px;
border-bottom: 1px solid #73695e;
font-size: 1.4em;
font-weight: bold;
}

.category_current {
background-color: #716356;
}

	.category_current a:hover, .category_current a:focus, .category_current a:active{
	color: #ddd;
	}

.category_li ul {
font-weight: normal;
display: block;
line-height: 1.3em;
}

.category_child {
font-size: 0.85em;
line-height: 1.2em;
padding-bottom: 6px;
padding-left: 15px;
background: url(/styles/backgrounds/grey-arrow.gif) no-repeat 0 2px;
}

li li.current_li {
font-weight: bold;
background: url(/styles/backgrounds/white-arrow.gif) no-repeat 0 2px;
}

/* End navigation */