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

body { color: #545454; 	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 10pt;
	background: #eff4f3;
}

html {
overflow-y:scroll;
}



/* structure */

#header {
	width:800px;
}


#page-wrap {
list-style: none;
	width: 800px;
	margin: auto;
	border: 0px;
    margin-top: 30px;
	background: url(images/background-content.jpg) repeat-y;
	}

#maincontent {
border-top: 1px solid #c0c0c0;
float: right;
margin-right: 70px;
width:470px;
padding: 0px 0px 5px 0px;
}

#map {
	width:800px;
	margin-top: 30px;
	margin-bottom: 20px;
}

#view-map{
	width:800px;
	
	margin-bottom: 30px;
}


/* Navigation */

#sidebar {
float: left;
/*margin-left: 60px;*/
padding: 0px 0px 0px 0px;
padding-left: 60px;
margin-top: 60px;
}


	
#nav, #nav ul { /* all lists */
		padding: 0px 10px 0px 0px;
		margin: 0;
		list-style: none;
		float : left;
		width :11em;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 2em;
		margin-bottom : -1px;
		width: 12em;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 12.5em;
		margin-top : -1.35em;
	}
	
	#nav li ul li a{ /* second-level lists */
		line-height : 1.75em;
		font-weight : normal;
		border-top-style: dotted;
		border-width: .12em;
		width: 11em;

	}
	
	
	#nav li a {
		width: 12em;
		width :11.5em;
		display : block;
		color : #545454;
		font-weight : bold;
		text-decoration : none;
		background-color : white;
		border : none;
		padding : 0 0.5em;
	}
	
	#nav li a:hover {
		color : white;
		background-color : #405075;
		
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
		 
	}
	

#news {	
clear: left;
padding: 20px 0px 60px 0px;
}

#news {	padding: 20px 0px 60px 0px;
}

#news  a {
	width: 94px;
	background: url(images/news.jpg) bottom center no-repeat;
	margin: 0px;
	display: block;
	height: 47px;
	float: left;
	text-indent: -9999px;
			}
				
#news  a:hover {
	background-position: top center;
	}
	



#logos {
clear: left;
padding: 10px 0px 0px 0px;}

#logo2 {
padding: 10px 0px 10px 0px;}


#sidebar {
float: left;
margin-left: 60px;
padding: 0px 0px 0px 0px;
margin-top: 60px;

}



#image {
	padding: 10px 0px 0px 0px;
}


#footer {
	height:3%;
	border-top: 1px solid #c0c0c0;
	clear: both;
	padding: 5px 0px 4px 0px;
	color: #405075;
	width: 720px;
	margin: auto;
	height: 40px;
}

#footer p {
	text-align: center;
	
	font-size: 80%;
	line-height: normal;
	color: #405075;

}
	
/* lists */

.can-we-help ul{
		margin-left: 0px;
	}

.can-we-help li{
	list-style: none;
	font-size:9pt;
	margin-left: 0px;
	}
	
.volunteer li{
	
	text-decoration: none;
	color:#a8869d;
	list-style: none;
	padding: 3px 0px 0px 0px;
	font-size:9pt;
	}
	
.supporters li{
	text-decoration: none;
	color:#a8869d;
	list-style: none;
	padding: 3px 0px 0px 0px;
	}

.facilities li{
	text-decoration: none;
	color:#808080;
	list-style: none;
	padding: 3px 0px 0px 0px;
	}
	
.open-access li{
	text-decoration: none;
	list-style: none;
	padding: 0px 0px 0px 0px;
	font-size: 9pt;
	}
	
.opening-hours li{
	text-decoration: none;
	color:#808080;
	list-style: none;
	padding: 3px 0px 0px 0px;
	}
	
.swop li{
	text-decoration: none;
	color:#808080;
	list-style: none;
	padding: 3px 0px 0px 0px;
	}
	
.drug-alcohol li{
	text-decoration: none;
	color:#808080;
	list-style: none;
	padding: 3px 0px 0px 0px;
	font-size: 10pt;
	}
	

.equal-ops{
	border-top: 1px solid #c0c0c0;
}

.equal-ops a{
	padding: 0px 0px 0px 0px;
}

/* tables */

.table {

width:470px;
font-size:10px;



}
.table tr{
margin-left:10px;
width:470px;
}

.table td{
padding:5px 5px 5px 10px;
}


.table-1 {

width:470px;
}

.table-1 tr{
width:470px;
}

.table-1 td{
padding:5px 5px 5px 5px;

}


.table-3 {
background-color: #a8869d;
width:470px;
font-size: 11px;
color:  #fff;
}
.table-3 td {
border-bottom:dotted 2px #fff;
}


.table tr,.table td { border-bottom: 3px solid #fefefe; }

.table-supporters {

width:470px;
}

.table-supporters tr{
width:470px;
}

.table-supporters td{
padding: 0px 20px 0px 5px;

}

.table-supporters2 td{
padding: 10px 0px 0px 5px;

}



/* text */

h1 {
font-family: arial,"Helvetica",verdana,sans-serif;
color:#a8869d;
font-size:18px;
width:450px;
}


p {
	font-size:12px;
	line-height:1.6em;
	margin-bottom:1.4em;
	color:#666;
}

h2 {
color:#a8869d;
}

h3.sub_header{
border-bottom: 1px solid #c0c0c0;
width:230px;
}

.date {
	color: #808080;
	padding-right: 70px;
	padding-top: 0px;
	float: right;
}

h4 {
color:#a8869d;

}




/* rollover links */
.adult-services a { color: #808080; text-decoration: none; }
.adult-services a:hover { color:#3a538c; text-decoration: underline; }
.adult-services p { color: #808080; border: 0px; }

#rollover-links { padding: 0px 0px 0px 100px; }
#rollover-links a { color: #a8869d; }
#rollover-links a:hover { color:#3a538c; text-decoration: underline; }

#swop-link { padding: 0px 0px 0px 80px; }
#swop-link a { color: #a8869d; }
#swop-link a:hover { color:#3a538c; text-decoration: underline; }


.can-we-help a{ color: #545454 }
.can-we-help a:hover{ color:#3a538c; text-decoration: underline; }
.can-we-help p { color: #808080; border: 0px; }


.contact a { color: #545454; }
.contact a:hover { color:#3a538c;text-decoration: underline; }

.creche a{ color: #545454; }
.creche a:hover { color:#3a538c; text-decoration: underline; }

.young-peoples-services a { color: #545454; }
.young-peoples-services a:hover { color:#3a538c; text-decoration: underline; }

.faqs a { color: #545454; }
.faqs a:hover { color:#3a538c; text-decoration: underline; }

.swop-contact a { color: #545454; }
.swop-contact a:hover { color:#3a538c; text-decoration: underline; }

.handbook a { color: #545454; }
.handbook a:hover { color:#3a538c; text-decoration: underline; }

.links a { color: #545454; }
.links a:hover { color:#3a538c; text-decoration: underline; }
.links p { color: #808080;	border: 0px; }

.tools a { color: #545454; }
.tools a:hover { color:#3a538c; text-decoration: underline; }

.jobs p { color: #808080; border: 0px; }
.jobs a { color: #808080; }
.jobs a:hover { color:#3a538c; text-decoration: underline; }

.donate p { color: #808080; border: 0px; }

.policies a { color: #545454; }
.policies a:hover { color:#3a538c; text-decoration: underline; }
.policies p { color: #808080; border: 0px; }

.equal-ops a { color: #545454; }
.equal-ops a:hover { color:#3a538c; text-decoration: underline; }
.equal-ops p { color: #808080;	border: 0px; }

.volunteer a { color: #545454; }
.volunteer a:hover { color:#3a538c; text-decoration: underline; }
.volunteer p { color: #808080; border: 0px; }

.supporters a { color: #a8869d; text-decoration: none; }
.supporters a:hover { color:#3a538c; text-decoration: underline; }
.supporters p { color: #808080; border: 0px; }

.event a { color: #545454; text-decoration: none; }
.event a:hover {	color:#3a538c; text-decoration: underline; }
.event p { color: #545454; border: 0px; }

.swop a { color: #808080; text-decoration: none; }
.swop a:hover { color:#3a538c; text-decoration: underline; }
.swop p { color: #808080; border: 0px; }

.outreach a { color: #545454; }
.outreach a:hover { color:#3a538c; text-decoration: underline; }

.drop-in a { color: #545454; }
.drop-in a:hover { color:#3a538c; text-decoration: underline; }

.swop-contact a{ color: #545454; }
.view-map{ color:#3a538c; text-decoration: underline; }

/* feedback */


fieldset { background: transparent; margin:0px; padding:0px; border: 0px solid #000; }
	fieldset.logoutform dt { width: 150px; }

label.opt { font-weight: normal; }

	dl { clear: left; }

		dt {
			color: #808080;
			float: left;
			text-align: left;
			width:120px; 
			margin: 0px 15px 15px 0px;
			padding: 3px 0px 0px 0px;
			font-size: 0.8em;
			line-height: 1.3em;
			font-weight: bold;
			}

		dd {
			color: #545454;
			float: left;
			width: 100px;
			text-align: left;
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 0px 0px;
			font-size: 0.8em;
			line-height: 1.3em;
			}

input.text, input, input.file, textarea, select {
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 3px 5px;
	background-color: transparent;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #e1dcdc;
	font-size: 1em;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 10pt;
	
	}
input, textarea {width:250px}
input.submit, input.reset {
	color: #fff;
	font-size: 1em;
	margin: 0px 0px 0px 0px;
	padding: 2px 20px 2px 20px;
	border: 0px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
	cursor: default;
	}

	input.submit:hover { background-color: #3a538c; text-shadow: 0 -1px 1px rgba(0,0,0,1.0); }