/* Reset common tags */
html, body, div, ul, ol, dl, dd, dt li, h1, h2, h3, h4, h5, p, a, form, blockquote, img, a img, fieldset {
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
	text-decoration: none;
	line-height: 1em;
}


/* -- HTML ------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------- */
html {
	background: #f5f5f5;
	font-size: 62.5%;
}


/* -- body ------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------- */
body {
	position: absolute;
	width: 970px;
	float: left;
	display: inline;
	left: 50%;
	margin: 0 0 0 -490px;
	padding: 0 5px;
	background: #f8f8f8;
	font-size: 1em;
	color: #777;
	font-family: Arial, Helvetica, sans-serif;
}


/* -- sidebar --------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#sidebar {
	width: 235px;
	height:550px;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}


/* -- logo ------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------- */
#logo {
	font-size: 1em;	
}
	#logo a {
		width: 235px;
		height: 191px;
		float: left;
		display: inline;
		text-indent: -999999px;
		background: url(../images/logo_shn.png) 0 0 no-repeat;
	}

/* -- Ru Clear -------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#ruclear {
	display:inline;
	position:relative;
	float:left;
	width:91px;
	height:30px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-image:url(../images/ruclear.gif);
}
	
/* -- navigation ------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------- */
#nav {
	width: 235px;
	list-style: none;
	margin: 18px 0 0 0;
	padding: 0;
	float: left;
	display: inline;
	text-transform: capitalize;
}
	#nav li {
		width: 235px;
		float: left;
		display: inline;
		margin: 0 0 0 0;
	}
	#nav li a {
		width: 195px;
		height: 18px;
		display: block;
		background: #eaf2e9;
		font-size: 1.2em;
		color: #777;
		padding: 6px 0 0 40px;
		border-bottom: 1px solid #d9d9d9;
	}
	#nav li a:hover {
		font-weight: bold;	
	}
	
	/* -- Current Styles -- */
	body.home #nav_home a,
	body.groups #nav_groups a,
	body.profile #nav_profile a,
	body.network_info #nav_network a,
	body.links #nav_links a,
	body.news #nav_news a,
	body.sexual_health_services_directory #nav_sexual a,
	body.all_events #nav_events a,
	body.research #nav_research a,
	body.jobs #nav_jobs a,
	body.clinic #nav_clinic a,
	body.contact #nav_contact a,
	body.strategic_direction #nav_strategy a,
	body.meetings #nav_groups a,
	body.questions #nav_groups a {
		width: 193px;
		height: 18px;
		color: #fff;
		background: #aedaa8;
		font-weight: bold;
		border: 1px solid #72c267;
	}
	body.home #nav_home a:hover,
	body.groups #nav_groups a:hover,
	body.profile #nav_profile a:hover,
	body.network_info #nav_network a:hover,
	body.links #nav_links a:hover,
	body.news #nav_news a:hover,
	body.sexual_health_services_directory #nav_sexual a:hover,
	body.all_events #nav_events a:hover,
	body.research #nav_research a:hover,
	body.jobs #nav_jobs a:hover,
	body.clinic #nav_clinic a:hover,
	body.contact #nav_contact a:hover,
	body.strategic_direction #nav_strategy a:hover,
	body.meetings #nav_groups a:hover,
	body.questions #nav_groups a:hover {
		color: #72c267;
	}
	
		/* -- Home -- */
		#nav #nav_home a {
			background: #eaf2e9 url(../images/nav/home.png) 7px 0 no-repeat;	
		}
		body.home #nav #nav_home a {
			background: #aedaa8 url(../images/nav/home.png) 7px -24px no-repeat;
		}
		
		/* -- Profile -- */
		#nav #nav_profile a {
			background: #eaf2e9 url(../images/nav/profile.png) 7px 0 no-repeat;	
		}
		body.profile #nav #nav_profile a {
			background: #aedaa8 url(../images/nav/profile.png) 7px -24px no-repeat;
		}
		
		/* -- News -- */
		#nav #nav_news a {
			background: #eaf2e9 url(../images/nav/news.png) 7px 0 no-repeat;	
		}
		body.news #nav #nav_news a {
			background: #aedaa8 url(../images/nav/news.png) 7px -24px no-repeat;
		}
		
		/* -- Projects -- */
		#nav #nav_projects a {
			background: #eaf2e9 url(../images/nav/projects.png) 7px 0 no-repeat;	
		}
		body.projects #nav #nav_projects a {
			background: #aedaa8 url(../images/nav/projects.png) 7px -24px no-repeat;
		}
		
		/* -- Groups -- */
		#nav #nav_groups a {
			background: #eaf2e9 url(../images/nav/groups.png) 7px 0 no-repeat;	
		}
		body.groups #nav #nav_groups a, body.meetings #nav #nav_groups a, body.questions #nav #nav_groups a {
			background: #aedaa8 url(../images/nav/groups.png) 7px -24px no-repeat;
		}
		
		/* -- Links -- */
		#content p.disclaimer {
			font-size: 0.9em;
			line-height: normal;
		}
		#nav #nav_links a {
			background: #eaf2e9 url(../images/nav/links.png) 7px 0 no-repeat;	
		}
		body.links #nav #nav_links a {
			background: #aedaa8 url(../images/nav/links.png) 7px -24px no-repeat;
		}
		
		/* -- Events -- */
		#nav #nav_events a {
			background: #eaf2e9 url(../images/nav/events.png) 7px 0 no-repeat;	
		}
		body.all_events #nav #nav_events a {
			background: #aedaa8 url(../images/nav/events.png) 7px -24px no-repeat;
		}
		
		/* -- Job Ops -- */
		#nav #nav_jobs a {
			background: #eaf2e9 url(../images/nav/jobs.png) 7px 0 no-repeat;	
		}
		body.jobs #nav #nav_jobs a {
			background: #aedaa8 url(../images/nav/jobs.png) 7px -24px no-repeat;
		}
		
		/* -- Network -- */
		#nav #nav_network a {
			background: #eaf2e9 url(../images/nav/network.png) 7px 0 no-repeat;	
		}
		body.network_info #nav #nav_network a {
			background: #aedaa8 url(../images/nav/network.png) 7px -24px no-repeat;
		}
		
		/* -- Clinic -- */
		#nav #nav_clinic a {
			background: #eaf2e9 url(../images/nav/clinic.png) 7px 0 no-repeat;	
		}
		body.clinic #nav #nav_clinic a {
			background: #aedaa8 url(../images/nav/clinic.png) 7px -24px no-repeat;
		}
		
		/* -- Strategy -- */
		#nav #nav_strategy a {
			background: #eaf2e9 url(../images/nav/strategy.png) 7px 0 no-repeat;	
		}
		body.strategic_direction #nav #nav_strategy a {
			background: #aedaa8 url(../images/nav/strategy.png) 7px -24px no-repeat;
		}
		
		/* -- Research -- */
		#nav #nav_research a {
			background: #eaf2e9 url(../images/nav/research.png) 7px 0 no-repeat;	
		}
		body.research #nav #nav_research a {
			background: #aedaa8 url(../images/nav/research.png) 7px -24px no-repeat;
		}
		
		/* -- Contact -- */
		#nav #nav_contact a {
			background: #eaf2e9 url(../images/nav/contact.png) 7px 0 no-repeat;	
		}
		body.contact #nav #nav_contact a {
			background: #aedaa8 url(../images/nav/contact.png) 7px -24px no-repeat;
		}



/* -- main ------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------- */
#main {
	width: 725px;
	float: left;
	display: inline;
	margin: 0 0 0 10px;
}


/* -- login ----------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#top_user_box {
	width: 715px;
	float: left;
	display: inline;
	font-size: 1.2em;
	padding: 10px 10px 5px 0;
	background: #0079c2;
	color: #fff;
}
	#top_user_box a {
		color: #bad0ec;
	}
		#top_user_box div.right a {
			padding-right: 70px;	
		}
		#top_user_box.logged_in div.right a {
			padding: 0;	
			font-weight: bold;
		}
	#top_user_box input {
		width: 143px;
		height: 18px;
		margin: 0;
		padding: 0;
	}
	
	#top_user_box div.col {
		width: 225px;
		float: right;
		display: inline;
		text-align: right;
	}
	
	#top_user_box dl {
		float: right;
		display: inline;
		margin-top: 5px;
	}
		#top_user_box dl dd {
			float: right;
			display: inline;
			margin-left: 10px;
		}
	
		#top_user_box #top_user_box_login {
			width: 58px;
			height: 21px;
			border: none;
			margin: 0;
			padding: 0;
			vertical-align: top;
			color: #fff;
			cursor: pointer;
			background: url(../images/btn_top_login_blue.png) 0 0 no-repeat;
		}
		
		#top_user_box #top_user_box_email {
			margin-top: 17px;
			border: 1px #015587 solid;
			background: #fff;/*url(../images/bg_top_user_box_email.png) 3px 50% no-repeat*/
		}
			#top_user_box #top_user_box_email:focus {
				background: #fff;	
			}
		
		#top_user_box #top_user_box_password {
			border: 1px #015587 solid;
			background: #fff; /*url(../images/bg_top_user_box_password.png) 3px 3px no-repeat*/	
		}
			#top_user_box #top_user_box_password:focus {
				background: #fff;	
			}
			
			
/* -- group info ------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------- */
#group_info {
	width: 725px;
	float: left;
	display: inline;
}
	#group_info div.image {
		width: 145px;
		height: 145px;
		float: left;	
		display: inline;
	}
	#group_info ul.info {
		width: 570px;
		float: left;
		display: inline;
		list-style: none;
		list-style-position: outside;
		margin: 0 0 0 10px;
	}
		#group_info ul.info li {
			border-bottom: 1px solid #d9d9d9;
			padding: 5px 0;
			margin: 0;
			font-size: 1.1em;
			line-height: 1.5em;
			color: #88bddd;
		}
			#group_info ul.info li a {
				color: #88bddd;	
			}
			#group_info ul.info li a:hover {
				color: #0079c2;	
			}
		#group_info ul.info li.title {
			font-size: 2.5em;
			color: #777;
			line-height: 1em;
			font-weight: bold;
		}
			#group_info ul.info li.title span.status {
				font-size: 0.5em;
				line-height: normal;
			}
		#group_info ul.info li.urls a {
			display: block;
		}
		
/* -- user info ------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------- */
#user_info {
	width: 725px;
	float: left;
	display: inline;
}
	#user_info div.image {
		width: 145px;
		height: 145px;
		float: left;	
		display: inline;
	}
	#user_info ul.info {
		width: 570px;
		float: left;
		display: inline;
		list-style: none;
		list-style-position: outside;
		margin: 0 0 0 10px;
	}
		#user_info ul.info li {
			border-bottom: 1px solid #d9d9d9;
			padding: 5px 0;
			margin: 0;
			font-size: 1.1em;
			line-height: 1.5em;
			color: #88bddd;
		}
			#user_info ul.info li a {
				color: #88bddd;	
			}
			#user_info ul.info li a:hover {
				color: #0079c2;	
			}
		#user_info ul.info li.name {
			font-size: 2.5em;
			color: #777;
			line-height: 1em;
			font-weight: bold;
		}
		#user_info ul.info li.address strong {
			display: block;
		}

/* -- group members --------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#group_members {
	width: 725px;
	float: left;
	display: inline;
	position: relative;
}
	/* #group_members a.prev, #group_members a.next {
		position: absolute;
		z-index: 3;
		width: 40px;
		height: 38px;
		cursor: pointer;
		text-indent: -999999px;
	}
	#group_members a.prev {
		top: 20px;
		left: 0;
		background: #e5ecf5 url(../images/icon_scroll_arrows.gif) 10px 0 no-repeat;	
	}
	#group_members a.next {
		top: 20px;
		right: 0;
		background: #e5ecf5 url(../images/icon_scroll_arrows.gif) 10px -38px no-repeat
	}*/
	
div.scrollable {
	width: 675px;
	width: 715px;
	margin: 18px 0 0 0;
	padding: 5px 5px 5px 5px;
	float: left;
	display: inline;
	overflow: hidden;
	background: #e5ecf5;
	position: relative;
	border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;
}
	#group_members ul.members {
		width: 715px;
		float:left;
		display:inline;
		position:relative;
		margin: 0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		list-style: none;
	}
	#group_members ul.members li {
		width: auto;
		float: left;
		display:inline;
		position:relative;
		margin-right: 5px;
		margin-top:5px;
		white-space: nowrap;
	}
		#group_members ul.members li a {
			color: #777;	
		}
			#group_members ul.members li a:hover {
				text-decoration: none;	
			}
		#group_members ul.members li p {
			float: left;
			display: inline;
			margin-top: 5px;
			margin-bottom:5px;
		}
		#group_members ul.members li img {
			float: left;
			display: inline;
			padding: 0 0.5em 0 0;
			vertical-align: bottom;	
		}
		#group_members ul.members li span.position {
			display: block;	
			color: #419acf;
		}
		
		
/* -- actions --------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#actions {
	width: 705px;
	height: 40px;
	float: left;
	display: inline;
	margin: 20px 0 0 0;
	padding: 10px 0 0 20px;
	list-style: none;
	font-size: 1.2em;
	border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;
}
	#actions li {
		width: 100px;
		margin-right: 20px;
		float: left;
		display: inline;
	}
	
	/* -- Add doc -- */
	#actions li.add_doc a {
		height: 29px;
		float: left;
		display: inline;
		padding: 0 0 0 35px;
		background: url(../images/actions/icon_add_document.jpg) 0 0 no-repeat;
	}
	
	/* -- Edit profile -- */
	#actions li.edit_profile a {
		height: 29px;
		float: left;
		display: inline;
		padding: 0 0 0 35px;
		background: url(../images/actions/icon_edit_profile.jpg) 0 0 no-repeat;
	}
	
	div.edit_profile_icon {
		position: absolute;
		top: 65px;
		right: 20px;
	}
	div.edit_profile_icon a {
		height: 26px;
		float: left;
		display: inline;
		padding: 3px 0 0 30px;
		background: url(../images/actions/icon_edit_profile.png) 0 0 no-repeat;
	}
		#content div.edit_profile_icon a:hover {
			text-decoration: none;
			background-position: 0 -29px;
		}
	
	/* -- Ask question -- */
	#actions li.ask_question a {
		height: 33px;
		float: left;
		display: inline;
		padding: 20px 0 0 75px;
		background: url(../images/icon_ask_question.jpg) 0 0 no-repeat;
	}
	
	/* -- Post news -- */
	#actions li.post_news a {
		height: 29px;
		float: left;
		display: inline;
		padding: 0 0 0 35px;
		background: url(../images/actions/icon_post_news.jpg) 0 0 no-repeat;
	}
	
	/* -- Edit news -- */
	#actions li.edit_news a {
		height: 29px;
		float: left;
		display: inline;
		padding: 0 0 0 35px;
		background: url(../images/actions/icon_edit_news.jpg) 0 0 no-repeat;	
	}
	
	/* -- Delete news -- */
	#actions li.delete_news a {
		height: 29px;
		float: left;
		display: inline;
		padding: 0 0 0 35px;
		background: url(../images/actions/icon_post_news.jpg) 0 0 no-repeat;	
	}
	
	/* -- Add article -- 
	#actions li.add_article {
		margin: 0;	
	} */
	#actions li.add_article a {
		height: 29px;
		float: left;
		display: inline;
		padding: 0px 0 0 35px;
		background: url(../images/actions/icon_add_article.jpg) 0 0 no-repeat;
	}
	
	/* -- Edit article -- */
	#actions li.edit_article a {
		height: 29px;
		float: left;
		display: inline;
		padding: 0 0 0 35px;
		background: url(../images/actions/icon_edit_article.jpg) 0 0 no-repeat;
	}
	
	/* -- Delete article -- */
	#actions li.delete_article a {
		height: 29px;
		float: left;
		display: inline;
		padding: 0 0 0 33px;
		background: url(../images/icon_delete_article.jpg) 0 0 no-repeat;
	}
	
	/* -- Add event -- */
	#actions li.add_event a {
		height: 29px;
		float: left;
		display: inline;
		padding: 0 0 0 35px;
		background: url(../images/actions/icon_add_event.jpg) 0 0 no-repeat;
	}
	
	/* -- Edit event -- */
	#actions li.edit_event a {
		height: 29px;
		float: left;
		display: inline;
		padding: 0 0 0 35px;
		background: url(../images/actions/icon_edit_event.jpg) 0 0 no-repeat;
	}
	
	/* -- Delete event -- */
	#actions li.delete_event a {
		height: 29px;
		float: left;
		display: inline;
		padding: 0 0 0 35px;
		background: url(../images/actions/icon_del_event.jpg) 0 0 no-repeat;
	}
	
	/* -- Add meeting -- */
	#actions li.add_meeting a {
		height: 29px;
		float: left;
		display: inline;
		padding: 0 0 0 35px;
		background: url(../images/actions/icon_add_meeting.jpg) 0 0 no-repeat;
	}
	
	/* -- Edit meeting -- */
	#actions li.edit_meeting a {
		height: 29px;
		float: left;
		display: inline;
		padding: 0 0 0 35px;
		background: url(../images/actions/icon_edit_meeting.jpg) 0 0 no-repeat;
	}
	
	/* -- Del meeting -- */
	#actions li.del_meeting a {
		height: 29px;
		float: left;
		display: inline;
		padding: 0 0 0 35px;
		background: url(../images/actions/icon_del_meeting.jpg) 0 0 no-repeat;
	}
	
	/* -- Ask a question -- */
	#actions li.ask_question a {
		height: 29px;
		float: left;
		display: inline;
		padding: 0 0 0 35px;
		background: url(../images/actions/icon_ask_question.jpg) 0 0 no-repeat;
	}
	
	/* -- Edit a question -- */
	#actions li.edit_question a {
		height: 29px;
		float: left;
		display: inline;
		padding: 0 0 0 35px;
		background: url(../images/actions/icon_edit_question.jpg) 0 0 no-repeat;
	}
	
	/* -- Delete a question -- */
	#actions li.del_question a {
		height: 29px;
		float: left;
		display: inline;
		padding: 0 0 0 35px;
		background: url(../images/actions/icon_del_question.jpg) 0 0 no-repeat;
	}
	
	/* -- Edit group info -- */
	#actions li.edit_group_info a {
		height: 29px;
		float: left;
		display: inline;
		padding: 0 0 0 35px;
		background: url(../images/actions/icon_edit_group_info.jpg) 0 0 no-repeat;
	}
	
	/* -- Manage media -- */
	#actions li.manage_media a {
		height: 29px;
		float: left;
		display: inline;
		padding: 0 0 0 35px;
		background: url(../images/actions/icon_manage_media.jpg) 0 0 no-repeat;
	}
	
	#actions li.delete {
		width: auto;	
	}
	
	#actions li a:hover {
		text-decoration: none;
		background-position: 0 -29px !important;
	}
	
	#actions li.end {
		margin: 0;	
	}
	

			
			
/* -- content --------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#content {
	width: 725px;
	float: left;
	display: inline;
	margin: 15px 0 0 0;
	padding: 0;
}
	#content h2 {
		height: 32px;
		padding: 9px 0 0 10px;
		font-size: 2.5em;
		background: url(../images/bg_h2.gif) 0 0 repeat-x;
		border-left: 1px #dedede solid; border-right: 1px #dedede solid;
	}
	#content a {
		color: #0079c2;
	}
	#content a:hover {
		text-decoration: underline;	
	}
	
	#content p {
		font-size: 1.2em;
		line-height: 1.4em;
		margin: 1.4em 10px;
	}
	
	#content div.content ul, #content div.content ol {
		margin: 1.5em 0 1.5em 30px;	
		clear: both;
		font-size: 1.2em;
		line-height: 1.4em;
	}
		#content div.content ul li, #content div.content ol li {
			margin: 0 0 1em 0;
		}
	
	#content table {
		margin: 0 10px;
		font-size: 1.2em;
		border-collapse: collapse;
		border: 1px solid #ddd;
		line-height: 1.4em;
	}
		#content table th, #content table td {
			padding: 5px;
			vertical-align: top;
		}
		#content table th {
			background: #72C267;
			color: #fff;
			border: 1px solid #ddd;
		}
		#content table td {
			border: 1px solid #ddd;	
		}
		
		#content table table, #content table table th, #content table table td {
			margin: 0;
			font-size: 1em;
			border: 0;
		}
	
	#content div.pag {
		width: 715px;
		float: left;
		display: inline;
		font-size: 2.5em;
		font-weight: bold;
		border-bottom: 1px dotted #d9d9d9;
		margin: 20px 0 15px 0;
		padding: 0 0 5px 10px;
		clear: both;
	}
		#content div.pag a {
			color: #777;	
		}
		
	#content div.clinics {
		width: 715px;
		float: left;
		display: inline;
		font-size: 2em;
		font-weight: bold;
		border-bottom: 1px dotted #d9d9d9;
		margin: 20px 0 15px 0;
		padding: 0 0 5px 10px;
		clear: both;
	}
		#content div.clinics a {
			color: #777;	
		}
	
	.distrikt {
		font-size: 2.5em;
		font-weight:bold;
		float:left;
		margin:0px 0px 0px 0px;
		padding:20px 10px 5px 10px;
		width:725px;
		wid\th:705px;
		border-bottom:1px solid #D9D9D9;
		color:#0079C2;
		text-align:left;
	}
	

/* -- Content class -- */
#content div.content {
	width: 725px;
	float: left;
	display: inline;
	background: #f0f0f0;
	padding: 0 0 5px 0;
}
	#content div.content h3 {
		font-size: 2.5em;
		padding: 0 10px;
		margin: 15px 0 0 0;
		font-weight: bold;
	}
	#content div.content h4 {
		font-size: 1.5em;
		font-weight: bold;
		padding: 0 10px;
	}
	#content div.content p.meta {
		margin: 0;
		padding: 0 10px;
	}
	#content div.content img.logo {
		position: relative;
		float: right;
		display: inline;
		margin: 0 30px 0 15px;
	}
	
	
/* -- Home page ------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
body.home #content {
	margin-top: 0;	
}
body.home #content div.intro {
	width: 709px;
	float: left;
	display: inline;
	padding: 10px 0 10px 10px;
	border: 3px solid #e7e7e7; border-top: none;
}
	body.home #content div.intro div.title {
		font-size: 2em;
		font-weight: bold;
		color: #787878;
		margin: 5px 0 0 0;
		display: block;
	}
	body.home #content div.intro p {
		margin: 10px 0 0 0;
		padding-right: 20px;
		text-align: justify;
	}
	body.home #content div.intro img {
		float: right;
		display: inline;
		margin: 10px 15px 0 15px;
	}
	
	/* -- Ad Panels -- */
	#content #adpanels {
		float: left;
		display: inline;
		margin: 10px 0 0 0;
	}
		#content #adpanels a {
			position: relative;
			width: 160px;
			height: 58px;
			float: left;
			display: inline;
			margin: 10px 0 0 0;
			padding: 10px 0 0 65px;
			font-size: 1.2em;
			background: #ededed;
			color: #646464;
			line-height: 1.1em;
		}
		#content #adpanels a.centre {
			width: 140px;
			padding-left: 85px;
			margin-left: 10px;
			margin-right: 10px;
		}
			#content #adpanels small {
				position: absolute;
				bottom: 5px;
				right: 5px;
			}
			#content #adpanels a:hover {
				background: #27c461;
				color: #fff;
				text-decoration: none;
			}
				#content #adpanels a strong {
					display: block;
					font-size: 1.1em;
				}
			
			/* -- news -- */
			#content #adpanels a.news {
				background: #ededed url(../images/adpanels/news.png) 0 0 no-repeat;
			}
			#content #adpanels a.news:hover {
				background: #27c461 url(../images/adpanels/news.png) 0 -68px no-repeat;	
			}
			
			/* -- groups -- */
			#content #adpanels a.groups {
				background: #ededed url(../images/adpanels/groups.png) 0 0 no-repeat;
			}
			#content #adpanels a.groups:hover {
				background: #27c461 url(../images/adpanels/groups.png) 0 -68px no-repeat;	
			}
			
			/* -- links -- */
			#content #adpanels a.links {
				background: #ededed url(../images/adpanels/links.png) 0 0 no-repeat;
			}
			#content #adpanels a.links:hover {
				background: #27c461 url(../images/adpanels/links.png) 0 -68px no-repeat;	
			}
			
			/* -- events -- */
			#content #adpanels a.events {
				background: #ededed url(../images/adpanels/events.png) 0 0 no-repeat;
			}
			#content #adpanels a.events:hover {
				background: #27c461 url(../images/adpanels/events.png) 0 -68px no-repeat;	
			}
			
			/* -- jobs -- */
			#content #adpanels a.jobs {
				background: #ededed url(../images/adpanels/jobs.png) 0 0 no-repeat;
			}
			#content #adpanels a.jobs:hover {
				background: #27c461 url(../images/adpanels/jobs.png) 0 -68px no-repeat;	
			}
			
			/* -- network -- */
			#content #adpanels a.network {
				background: #ededed url(../images/adpanels/network.png) 0 0 no-repeat;
			}
			#content #adpanels a.network:hover {
				background: #27c461 url(../images/adpanels/network.png) 0 -68px no-repeat;	
			}
			
			/* -- services -- */
			#content #adpanels a.services {
				background: #ededed url(../images/adpanels/services.png) 0 0 no-repeat;
			}
			#content #adpanels a.services:hover {
				background: #27c461 url(../images/adpanels/services.png) 0 -68px no-repeat;	
			}
			
			/* -- strategic -- */
			#content #adpanels a.strategic {
				background: #ededed url(../images/adpanels/strategic.png) 0 0 no-repeat;
			}
			#content #adpanels a.strategic:hover {
				background: #27c461 url(../images/adpanels/strategic.png) 0 -68px no-repeat;	
			}
			
			/* -- research -- */
			#content #adpanels a.research {
				background: #ededed url(../images/adpanels/research.png) 0 0 no-repeat;
			}
			#content #adpanels a.research:hover {
				background: #27c461 url(../images/adpanels/research.png) 0 -68px no-repeat;	
			}
	
	body.home #content div.section {
		width: 357px;
		position: relative;
		float: left;
		display: inline;
		margin: 10px 0 0 0;
		padding: 0 0 10px 0;
		/* border-bottom: 1px solid #ddd; */
	}
	
	body.home #content div.section.events {
		margin-right: 10px;	
	}
	
	body.home #content div.section dl dt {
		width: 285px;
		float: left;
		display: inline;
		overflow: hidden;
		background: #f1f1f1 background: #f1f1f1 url(../images/icon_events.jpg) 0 50% no-repeat;;
	}
	
	body.home #content div.section dl dd {
		width: 30px;
	}
	
	body.home #content div.section.news p {
		margin: 10px 0 0 0;	
	}
	

/* -- section --------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#content div.section {
	width: 725px;
	position: relative;
	float: left;
	display: inline;
	margin: 30px 0 0 0;
	padding: 0 0 10px 0;
	/* border-bottom: 1px solid #ddd; */
}
#content div.section p {
	margin: 1.4em 0;
	font-size: 1.1em;
	line-height: 1.4em;
}
#content div.section div.view_all {
	position: absolute;
	top: 15px;
	height: 11px;
	right: 10px;
}
	#content div.section div.view_all a.view_all {
		padding: 0 0 0 20px;
		background: url(../images/icon_view_all.gif) 0 50% no-repeat;	
	}
	
#content div.section dl {
	font-size: 1.2em;
	float: left;
	display: inline;
	margin: 0;
	padding: 0 0 0 10px;
	background: #f1f1f1;
}
	#content div.section dl dt, #content div.section dl dd {
		padding: 7px 0 0px 0;
		border-bottom: 1px solid #d9d9d9;
		height:28px;
	}
	#content div.section dl dt {
		width: 605px;
		padding-right: 10px;
		float: left;
		display: inline;
		background: #f1f1f1;
	}
	#content div.section dl dd {
		width: 90px;
		float: left;
		display: inline;
		text-align: right;
		border-left: #eaeaea;
		padding-right: 10px;
		background: #f3f3f3;
	}

	
/* -- section - homepage ---------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#content div.section dt.article {
	width: 595px;
	padding-left: 20px;
	background: #f1f1f1 url(../images/icon_article.gif) 0 50% no-repeat;
}
#content div.section dt.event {
	width: 595px;
	padding-left: 20px;
	background: #f1f1f1 url(../images/icon_events.jpg) 0 50% no-repeat;
}
#content div.section dt.meeting {
	width: 585px;
	padding-left: 20px;
	background: #f1f1f1 url(../images/icon_meetings.jpg) 0 50% no-repeat;
}
#content div.section dt.news {
	width: 585px;
	padding-left: 20px;
	background: #f1f1f1 url(../images/icon_news.png) 0 50% no-repeat;
}
#content div.section dt.question {
	width: 585px;
	padding-left: 20px;
	background: #f1f1f1 url(../images/icon_question.png) 0 50% no-repeat;
}

/* -- section - news -------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#content div.section.news h2 span.icon, body.news div.intro h2 span.icon, #content div.content.news h2 span.icon {
	padding-left: 40px;
	background: url(../images/icon_h2_news.png) 0 0 no-repeat;
}
#content div.section.news p {
	padding-left: 10px;	
}
body.home #content div.section.news {
	background: #f2f2f2;	
}
	
/* -- section - events ------------------------------------------------------------ */
/* -------------------------------------------------------------------------------- */
body.all_events #content div.section {
	margin-top: 0;	
}
#content div.section.events h2 span.icon, body.all_events #content div.event h2 span.icon {
	padding-left: 45px;
	background: url(../images/icon_h2_events.jpg) 0 0 no-repeat;
}
	#content div.section.events dl dt {
		width: 585px;
		padding-left: 20px;
		background: #f1f1f1 url(../images/icon_events.jpg) 0 5px no-repeat;
	}

/* -- section - groups ------------------------------------------------------------ */
/* -------------------------------------------------------------------------------- */
#content div.section.groups h2 span.icon, body.groups #content div.intro h2 span.icon {
	padding-left: 45px;
	background: url(../images/icon_h2_groups.jpg) 5px 5px no-repeat;
}

/* -- section - article ----------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#content div.section.article h2 span.icon, #content div.content.article span.icon, body.articles #content div.intro h2 span.icon {
	padding-left: 45px;
	background: url(../images/icon_h2_article.jpg) 0 0 no-repeat;
}
	#content div.section.article dl dt {
		width: 585px;
		padding-left: 20px;
		background: #f1f1f1 url(../images/icon_article.gif) 0 5px no-repeat;
	}

/* -- section - meeting ----------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#content div.section.meetings h2 span.icon, body.meetings #content div.meeting h2 span.icon {
	padding-left: 45px;
	background: url(../images/icon_h2_meetings.jpg) 3px 3px no-repeat;
}
	#content div.section.meetings dl dt {
		width: 490px;
		padding-left: 20px;
		background: #f1f1f1 url(../images/icon_meetings.jpg) 0 50% no-repeat;
	}
	#content div.section.meetings dl dd {
		width: 185px;
	}


/* -- start / end times ----------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#content div.times {
	width: 705px;
	border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;
	padding: 10px;
	margin: 1.5em 0;
	float: left;
	display: inline;
	font-style: italic;
	font-size: 0.9em;
	background: #e5ecf5;
}
	#content div.times p {
		margin: 0;
		padding: 0;
		line-height: normal;
		display: inline;
	}
	#content div.times p strong {
		color: #0079C2;
		font-style: normal;
		font-size: 1.1em;
	}
	#content div.times p.start {
		float: left;	
	}
	#content div.times p.end {
		float: right;
	}
	

/* -- section - links ------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#content div.link {
	width: 725px;
	float: left;
	display: inline;
	padding: 1.5em 0 5px 0;
	border-bottom: 1px solid #ddd;
}
#content div.link.alt {
	background: #eaeaea;	
}
body.links #content div.intro h2 span.icon {
	padding-left: 45px;
	background: url(../images/icon_h2_links.png) 0 0 no-repeat;
}

/* -- section - profile ----------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#content div.section dl.diary dt {
	width: 364px;
	overflow: hidden;
}
#content div.section dl.diary dd {
	width: 310px;
}

/* -- section - research ------------------------------------------------------------ */
/* -------------------------------------------------------------------------------- */
#content div.section.research h2 span.icon, body.research #content div.intro h2 span.icon {
	padding-left: 45px;
	background: url(../images/icon_h2_research.png) 0 0 no-repeat;
}


/* -- section - jobs -------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#content div.section.jobs h2 span.icon {
	padding-left: 45px;
	background: url(../images/icon_h2_jobs.png) 0 0 no-repeat;
}


/* -- section - Network info ------------------------------------------------------ */
/* -------------------------------------------------------------------------------- */
body.network_info #content div.intro h2 span.icon {
	padding-left: 45px;
	background: url(../images/icon_h2_network.png) 0 0 no-repeat;
}
body.network_info #content div.content {
	text-align: justify;	
}

body.network_info #content div.content ul, body.network_info #content div.content ol {
	padding-right: 10px;	
}


/* -- section - Network info ------------------------------------------------------ */
/* -------------------------------------------------------------------------------- */
body.clinic #content div.intro h2 span.icon {
	padding-left: 45px;
	background: url(../images/icon_h2_clinic.png) 0 0 no-repeat;
}


/* -- section - questions --------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#content div.section.questions h2 span.icon, body.questions #content div.question h2 span.icon, body.questions #content div.intro h2 span.icon {
	padding-left: 45px;
	background: url(../images/icon_h2_questions.png) 0 0 no-repeat;
}


/* -- section - Strategic direction ------------------------------------------------ */
/* -------------------------------------------------------------------------------- */
body.strategic_direction #content div.intro h2 span.icon {
	padding-left: 45px;
	background: url(../images/icon_h2_strategic_direction.png) 0 0 no-repeat;
}


/* -- section - Contact ---------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
body.contact #content div.intro h2 span.icon {
	padding-left: 45px;
	background: url(../images/icon_h2_contact.png) 0 0 no-repeat;
}

	
/* -- comments -------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#content div.status {
	float: right;
	display: inline;
	clear: both;
}
	#content div.status a {
		padding: 3px;
		border: 1px solid #0079C2;
		background: #e5ecf5;
	}


/* -- comments -------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#comments {
	width: 725px;
	float: left;
	display: inline;
	position: relative;
	margin: 1.5em 0;
}
	#comments h3 {
		color: #fff;
		font-size: 2.5em;
		padding: 5px 0 5px 10px;
		background: #d3e0f3;
		border-top: 1px solid #6aadda; border-bottom: 1px solid #6aadda;
	}
	
	#comments div.add_comment {
		position: absolute;
		right: 10px;
		top: 10px;
	}
		#comments div.add_comment a {
			height: 13px;
			padding: 3px 20px 0 0;
			display: block;
			background: url(../images/icon_add_comment.jpg) right 0 no-repeat;	
		}
	
	#comments div.comment {
		width: 725px;
		float: left;
		display: inline;
		margin: 1em 0 0 0;
		padding: 5px 0;
		background: #f4f4f4;
		border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5;
	}
	
	#comments div.user_img {
		width: 60px;
		float: left;
		display: inline;
	}
	
	#comments div.content {
		width: 655px;
		float: left;
		display: inline;
		margin: 1em 0 1em 10px;
	}
		#comments div.content p {
			font-size: 1.1em;
			line-height: 1.4em;
			margin: 0 0 0.5em 0;
		}
	
	#comments p.message {
		font-size: 1.2em;
		margin: 1.5em 0;
		font-style: italic;
		text-align: center;
		clear: both;
	}
	
	
/* -- Related docs ---------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#content div.related_docs {
	width: 200px;
	float: right;
	display: inline;
	background: #eaeaea;
	border: 1px solid #ddd;
	margin: 0 1em 1em 2em;
}
	#content div.related_docs strong {
		display: block;
		background: #ddd;
		padding: 5px;
		font-size: 1.2em;
	}
	
	#content div.related_docs ul {
		list-style: none;
		margin: 3px;
		padding: 0;
	}
		#content div.related_docs ul li {
			width: 190px;
			overflow: hidden;
			margin: 5px 0;	
		}
		#content div.related_docs ul li a {
			display: block;
			height: 13px;
			padding: 3px 0 0 20px;
			background: url(../images/page_white_text.png) 0 0 no-repeat;
		}

/* -- Related images -------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
div.images {
	width: 723px;
	float: left;
	display: inline;
	margin: 10px 0;
	border: 1px solid #ddd;
}
	div.images div.title {
		padding: 5px;
		font-weight: bold;
		font-size: 1.2em;
		background: #eaeaea;	
	}
	div.images div.image_wrapper {
		margin-left: 35px;
	}
	div.images div.image_box {
		width: 200px;
		height: 200px;
		float: left;
		display: inline;
		margin: 10px 0 10px 10px;
	}
		div.images div.image_box img {
			padding: 2px;
			border: 1px solid #ddd;
		}
		
		
/* -- clinics --------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
body.clinic #content dl {
	float: left;
	display: inline;
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 0 0 10px;
}
	body.clinic #content dl dt, body.clinic #content dl dd {
		float: left;
		display: inline;
		margin: 0 0 10px 0;
	}
	body.clinic #content dl dt {
		width: 150px;
		font-weight: bold;
		clear: left;
	}
	body.clinic #content dl dd {
		width: 550px;
		line-height: 1.2em;
	}


/* -- Jobs ------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------- */
body.jobs #content div.section {
	margin-top: 0;	
}
body.jobs #content dl.jobs, body.jobs #content dl.jobs_contact {
	float: left;
	display: inline;
	font-size: 1.2em;
	margin: 0 0 1.5em 10px;
}
	body.jobs #content dl.jobs dt, body.jobs #content dl.jobs dd, body.jobs #content dl.jobs_contact dt, body.jobs #content dl.jobs_contact dd {
		float: left;
		display: inline;
		margin: 0 0 10px 0;
	}
	body.jobs #content dl.jobs dt, body.jobs #content dl.jobs_contact dt {
		width: 150px;
		font-weight: bold;
		clear: left;
	}
	body.jobs #content dl.jobs dd, body.jobs #content dl.jobs_contact dd {
		width: 550px;
		line-height: 1.2em;
	}
	body.jobs #content p {
		margin: 0 0 1em 10px;	
	}
	body.jobs #content h4 {
		margin: 1.5em 0 5px 0;
	}
	
	body.jobs #content dl.jobs_contact dt, body.jobs #content dl.jobs_contact dd {
		margin: 0 0 2px 0;
	}

		
/* -- forms ----------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#content fieldset.form_wrapper {
	/*width: 700px;*/
	float: left;
	display: inline;
	border: 1px solid #ddd;
	background: #f5f5f5;
	margin: 2em 0 0 10px;
}
	#content fieldset.form_wrapper legend {
		color: #555;
		font-size: 2em;
		line-height: 1em;
		font-weight: bold;
		margin: 0 0 0 10px;
		padding: 0;	
	}
	
	#content div.form_field_wrapper {
		width: 690px;
		float: left;
		display: inline;
		margin: 0 0 1.5em 0;
	}
		#content div.form_field_wrapper.alt {
			background: #f0f0f0;
			padding: 5px 0;
		}
	
	#content p.form_description {
		font-size: 1.2em;
		line-height: 1.5em;
		margin: 1.5em 0 1.5em 10px;
		font-style: italic;
	}
	
	#content div.form_fields {
		width: 700px;
		float: left;
		display: inline;
		margin: 1.5em 0 1.5em 10px;
	}
		#content label.form_field_name {
			width: 230px;
			float: left;
			display: inline;
			margin: 0 20px 0 0;
			padding-left: 10px;
			font-size: 1.2em;
			line-height: 1.5em;
			font-weight: bold;
		}
		
		#content p.form_field_description {
			font-size: 1em;
			line-height: normal;
			margin: 0;
			padding: 0;
		}

		#content div.form_field_contents {
			width: 430px;
			float: left;
			display: inline;	
		}
			#content div.form_field_contents p {
				margin: 0;	
			}
		
		#content div.form_fields input, #content div.form_fields textarea, #content textarea {
			width: 300px;
			font-size: 1.1em;
			color: #555;
			font-family: Arial, Helvetica, sans-serif;
		}
		#content div.form_fields input:focus, #content div.form_fields textarea:focus, #content textarea:focus {
			border: 2px inset #0079c2;
			background: #e8f5fd;
		}
			#content textarea.edit_in_place {
				margin-bottom: 10px;	
			}
	
	#content fieldset.form_wrapper input.button, #content input.button {
		width: auto;
		border:  1px solid #62c478;
		/*height: 21px;*/
		margin: 0;
		padding: 3px 5px 3px 5px;
		text-align: center;
		vertical-align: middive;
		cursor: pointer;
		line-height: 1em;
		font-size: 12px;
		color: #256634;
		/*border-right: 1px solid #62c478; border-left: 1px solid #62c478;*/
		background: #aee7a6 /*url(../images/bg_btn_forms.gif) 0 bottom repeat-x*/;
	}
	
	/* -- Date and time -- */
	#content fieldset.form_wrapper dl.form_date dd {
		width: 100px;
		float: left;
		display: inline;
		margin-bottom: 5px;
	}
	#content fieldset.form_wrapper dl.form_date dd.newln {
		clear: left;	
	}
		#content fieldset.form_wrapper dl.form_date dd label {
			display: block;	
		}
	#content fieldset.form_wrapper dl.form_date input {
		width: 50px;
	}

/* -- error ----------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
.error {
	border: 1px solid #ff0000;
	background: #f9dfdf;
	padding: 5px;
	margin: 1.5em 1em;
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: bold;
	list-style: none;
	color: #444;
}

p.field_error span {
	color: #ff0000;
	font-weight: bold;
}

/* -- message --------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
.message {
	border: 1px solid #060;
	margin: 1.5em 1em;
	padding: 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: #444;
	clear: both;
}


/* -- grid view for lists - e.g. groups ------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#content ul.grid_list {
	width: 705px;
	float: left;
	display: inline;
	margin: 0 0 0 20px;
	list-style: none;
	overflow: hidden;
}
	#content ul.grid_list li {
		float: left;
		display: inline;
		width: 213px;
		margin: 0 20px 20px 0;
		border: 1px solid #ddd;
	}
		#content ul.grid_list li.center {
			margin: 0 0 20px 235px;	
		}
	#content ul.grid_list li a.title {
		background: #eee;
		color: #0079c2;
		text-align: center;
		font-weight: bold;
		display: block;
		padding: 0.5em 0;
		font-size: 1.2em;
	}
		#content ul.grid_list li a:hover.title {
			background: #27c461;
			color: #fff;
			text-decoration: none;
		}
	
/*body.research #content ul.grid_list li a {
	height: 2em;
}*/



/* -- footer ---------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#footer {
	width: 980px;
	float: left;
	position:relative;
	display: inline;
	margin: 20px 0 10px -5px;
	font-size: 1.2em;
	border-top: 1px solid #d9d9d9;
	background: #f2f2f2;
}
	#footer p {
		margin: 10px;
	}
	#footer p.copyright {
		float: left;
		display: inline;
	}
	#footer p.privacy {
		float: right;
		display: inline;
	}
	#footer p.links {
		float: right;
		display: inline;
	}
	#footer div.col {
		width: 249px;
		float: left;
		display: inline;
		border-right: 1px solid #ddd;
	}
	#footer div.col.last {
		width: 230px;
		border-right: 0;
	}
	#footer ul {
		list-style: none;
		margin: 0 0 0 10px;
		line-height: 1.5em;
	}
	#footer p.title {
		height: 24px;
		background: #f4f4f4;
		color: #535353;
		padding: 15px 0 0 10px;
		border-bottom: 1px solid #eee;
	}
	#footer a {
		color: #777;
	}
	#footer a:hover {
		color: #444;
	}
	
#nhs_logo {
	background-color:#096;
	width:99px;
	height:40px;
	position:absolute;
	top:-50px;
	left:10px;
	background: url(../images/nhs_logo.gif) no-repeat;
	text-indent:-1000px;
	overflow:hidden;
}

.list_wrapper {
	background: #EAEAEA;
	padding: 6px;	
}
.list_wrapper ul {
	list-style-type: none; 
	margin: 2px; 
	display: inline;
}

.list_wrapper li {
	display: inline;
	font-size: 1.2em;
	padding-left: 0px;
	padding-right: 16px;
}

#add_article_start_time {
	width: 30px !important; 
}
#add_article_end_time {
	width: 30px !important; 
}
#edit_article_start_time {
	width: 30px !important; 
}
#edit_article_end_time {
	width: 30px !important; 
}

a.button_link {
	width: auto;
	border: 1px solid #62c478;
	margin: 0;
	padding: 3px 5px 3px 5px;
	text-align: center;
	vertical-align: middive;
	cursor: pointer;
	line-height: 1em;
	font-size: 12px;
	color:#256634 !important;
	background: #aee7a6;
}
	a:hover.button_link {
		text-decoration:none !important;
		background:#62c478;
		color:#FFFFFF !important;
	}