/* Start of CMSMS style sheet 'style' */
/*###################################################*/
/*##################  RESET  ########################*/
/*###################################################*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

table img {
	vertical-align: text-top;
}

/*###################################################*/
/*##############  MAIN STRUCTURE  ###################*/
/*###################################################*/
body {
	background-color: #f2f0f0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #696969;
}

h1 {
	margin: 0 0 10px;
	color: #4eb5be;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	line-height: 1.3;
}

h1.page-title {
	width: 750px;
	margin: 0 0 10px;
	padding: 0 0 7px;
	border-bottom: 1px solid #dadada;
}

h2 {
	margin: 0 0 10px;
	font-size: 18px;
	font-weight: normal;
	line-height: 1;
}

p {
	margin: 0 0 12px;
}

a {
	color: #4eb5be;
	text-decoration: none;
}

	#content a {
		font-weight: bold;
		font-style: italic;
	}
	
	#content a:hover {
		text-decoration: underline;
	}

#content ul {
	margin: 0 0 0 15px;
	list-style-type: disc;
}

	#content ul li {
		clear: both;
	}
	
	#content ul li.no-clear {
		clear: none;
	}
	
table {
	border-collapse: collapse;
	border: 1px solid #ddd;
}

table th {
	text-align: left;
}

table th, table td {
	padding: 3px;
	border: 1px solid #ddd;
}

.clearBoth {
	width: 100%;
	height: 0;
	clear: both;
}

#container {
	width: 960px;
	margin: 9px auto 0;
	padding: 24px 0 5px;
	background-color: #FFF;
	border: 1px solid #e2dfdf;
}

	#left, #left-home, #content {
		float: left;
	}
	
	#left-home {
		width: 145px;
		margin: 0 16px 30px 13px;
		padding: 0;
	}
	
	#left {
		width: 160px;
		margin: 0 16px 30px 13px;
		padding: 0;
		border-right: 1px solid #dadada;
	}
	
		#logo {
			width: 145px;
			height: 48px;
			margin: 0 0 15px;
		}
		
			#logo a {
				width: 145px;
				height: 48px;
				float: left;
			}
			
		#news {
			width: 135px;
			margin: 30px 0 0;
			padding: 0 10px 0 0;
			clear: both;
			line-height: 1.4;
		}
		
		#left #news {
			border: none;
		}
		
			.NewsSummary {
				margin: 0 20px 20px 0;
				font-style: italic;
			}
			
			#news .NewsSummary {
				width: 135px;
				margin: 0 0 15px 0;
				font-style: italic;
			}
			
			.NewsSummaryLink {
				font-weight: bold;
				font-style: normal;
			}
	
	#content {
		width: 768px;
		margin: 0 0 30px;
		padding: 0;
		font-size: 12px;
		line-height: 1.4;
	}
	
	.no-col {
		width: 748px !important;
	}
	
		#content p {
			margin: 0 0 10px;
		}
	
		.col {
			width: 365px;
			margin: 0 22px 0 0;
			float: left;
		}
		
		.col-end {
			margin: 0;
		}
		
		.home-col-group {
			width: 606px;
			margin: 0 10px 0 0;
			float: left;
			overflow: hidden;
			border-left: 1px solid #e1e1e1;
			border-right: 1px solid #e1e1e1;
		}
		
			.home-col, .home-col-end {
				width: 282px;
				margin: 0 20px 0 0;
				padding: 0 0 0 10px;
				float: left;
			}
			
			.home-col-end {
				margin: 0 0 0 0;
				padding: 0 10px 0 0;
				border: none;
			}
			
			.home-col-small {
				width: 150px;
				float: left;
			}
		
		
	
	#footer {
		width: 960px;
		height: 34px;
		margin: 0;
		padding: 0;
		clear: both;
		background: url(images/footer-bg.gif) 0 0 repeat-x;
	}
	
		#copyright {
			width: 250px;
			margin: 0 0 0 13px;
			padding: 0 0 0 0;
			float: left;
			line-height: 34px;
		}
		
		#wdl {
			width: 400px;
			margin: 0 14px 0 0;
			float: right;
			line-height: 34px;
			text-align: right;
		}
		
/*###################################################*/
/*####################  NAV  ########################*/
/*###################################################*/
#nav, #nav ul {
	width: 145px;
	margin: 0;
	padding: 0;
}

#nav {
	margin: 0 0 30px;
}

	#nav ul {
		overflow: auto;
		list-style-type: none;
	}
	
		#nav li, #nav a {
			width: 145px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			float: left;
			clear: left;
		}
	
			#nav a {
				border-bottom: 1px solid #d1cfcf;
				font-size: 12px;
				font-weight: normal;
				color: #696969;
				line-height: 23px;
				text-decoration: none;
			}
			
			#nav a:hover, #nav a.menuactive {
				font-weight: bold;
				color: #4eb5be;
			}
			
			#nav ul ul a {
				font-size: 11px;
			}
			
			#nav li.menuparent a.menuactive, #nav li.menuparent ul a{
				border: none;
			}
			
				#nav ul li.menuparent ul a:hover, #nav ul li.menuparent ul a.menuactive {
					font-weight: normal;
					font-style: italic;
				}
				
				#nav li.menuparent ul a.subnav-last, #nav li.menuparent ul li.menuactive a.subnav-last {
					border-bottom: 1px solid #d1cfcf;
				}

/*###################################################*/
/*###############  OTHER STYLES  ####################*/
/*###################################################*/

/*~~~~~~~~~~~~~~~  CONTACT PAGE ~~~~~~~~~~~~~~~~~~~~~*/
table.contact-details, table.contact-details td {
	border: none;
}

.blue {
	color: #4EB5BE;
}

.small-blue {
	color: #4EB5BE;
	font-size: 11px;
}

/*~~~~~~~~~~~~~~~  CONTACT FORM ~~~~~~~~~~~~~~~~~~~~~*/
.contactform div {
	width: 46%;
	margin: 0 25px 15px 0;
	float: left;
}

.contactform div.message {
	width: 713px;
	margin: 0 0 15px 0;
	float: left;
}

.contactform div.mailing {
	width: auto;
	margin: 0 0 0 400px;
	float: left;
}

	.contactform div.mailing input {
		width: auto;
	}

.contactform div.submit {
	width: 100px;
	margin: 0 33px 0 0;
	float: right;
}

	.contactform label, .contactform input, .contactform textarea {
		float: left;
	}
	
	.contactform input, .contactform textarea {
		width: 100%;
		padding: 6px 0;
		clear: left;
		border: 1px solid #cdcbcb;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #696969;
	}
	
	.contactform label {
		margin: 0 0 3px;
		font-weight: bold;
		color: #4eb5be;
	}
	
	.contactform div.submit input {
		background-color: #61b1b8;
		border: none;
		color: #FFF;
		font-weight: bold;
		box-shadow: 2px 2px 4px #bbb;
		-moz-box-shadow: 2px 2px 4px #bbb;
		-webkit-box-shadow: 2px 2px 4px #bbb;
		cursor: pointer;
	}

/*###################################################*/
/*##############  HOME ACCORDION  ###################*/
/*###################################################*/

#tabs {
	width: 770px;
	height: 280px;
	margin: 0 0 18px;
	padding: 7px 0 0;
	background: url(images/slidetabs-bg.gif) 0 0 no-repeat;
}

	#content ul#slidetabs {
		width: 770px;
		height: 258px;
		margin: 0;
		padding: 0;
		background-color: #FFF;
	}
	
		#slidetabs li {
			width: 770px;
			height: 258px;
			margin: 0;
			padding: 0;
			display: inline;
			background-color: #999;
			color: #333;
		}
		
			.contentContainer {
				padding-left: 0px;	
				float: left;
				width:0px;
				height: 258px;	
				overflow:hidden;
			}
			
			#slidetabsListItem0 .contentWrapper {
				background: url(images/slidetabs/what-we-do.jpg) 0 0 no-repeat;
			}
			
			#slidetabsListItem1 .contentWrapper {
				background: url(images/slidetabs/patient-experience.jpg) 0 0 no-repeat;
			}
			
			#slidetabsListItem2 .contentWrapper {
				background: url(images/slidetabs/proms.jpg) 0 0 no-repeat;
			}
			
			#slidetabsListItem3 .contentWrapper {
				background: url(images/slidetabs/performance.jpg) 0 0 no-repeat;
			}
			
			#slidetabsListItem4 .contentWrapper {
				background: url(images/slidetabs/our-clients.jpg) 0 0 no-repeat;
			}
			
			.contentInnerWrapper {
				height: 258px;
				padding: 0;
				position: relative;
				text-align: justify;
			}
		
				.handle{
					float: left;
					height: 258px;
					margin: 0;
					background-color: #b8e1e4;
					color: #FFF;
					cursor: pointer;
				}
				
				#slidetabsHandle0, #slidetabsHandle1, #slidetabsHandle2, #slidetabsHandle3 {
					width: 61px;
					border-right: 1px solid #FFF;
				}
				#slidetabsHandle4 {
					width: 62px;
				}
				
				#slidetabsHandle0 {
					background: url(images/slidetabs/what-we-do-handle.jpg) 0 0 no-repeat;
				}
				
				#slidetabsHandle1 {
					background: url(images/slidetabs/patient-experience-handle.jpg) 0 0 no-repeat;
				}
				
				#slidetabsHandle2 {
					background: url(images/slidetabs/proms-handle.jpg) 0 0 no-repeat;
				}
				
				#slidetabsHandle3 {
					background: url(images/slidetabs/performance-handle.jpg) 0 0 no-repeat;
				}
				
				#slidetabsHandle4 {
					background: url(images/slidetabs/our-clients-handle.jpg) 0 0 no-repeat;
				}
				
					.handle:hover, .handleSelected {
						background-position: 0 -258px !important;
					}
					
				.contentInnerWrapper a {
					width: 459px;
					height: 258px;
					float: left;
					position: absolute;
					top: 0;
					left: 0;
					z-index: 5;
				}
				
				.tabcontent {
					width: 439px;
					height: 34px;
					padding: 10px;
					position: absolute;
					bottom: 0;
					background: url(images/slidetabs/content-bg.png) 0 0 repeat;
				}
				
					#content .tabcontent p {
						margin: 0;
					}
	

#wwd-content, #pe-content, #proms-content, #perf-content, #cl-content {
	display: none;
}

#wwd-content {
	display: block;
}
	
	

/* End of 'style' */