/**
 * Main layout CSS - Baldwins
 * 
 * Powered by SilverStripe 
 * Developers - Will/Sean
*/

/* Global CSS
---------------------------------------- */

* {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

html {
	background: #fff;
	padding-bottom: 10px;
}
body {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 62.5%;
	background: #fff;
}
/* Clearing classes */
.clear {
	clear: both;
}
	.clearLeft {
		clear: left;
	}
	.clearRight {
		clear: right;
	}
	
/* Set styling for anchors */
a {
	color: #A68622;
	text-decoration: underline;
}
	a:hover {
		color: #000;
		text-decoration: underline;
 	}
	a:active {
		color: #000;
	}
	a img {
		border: none;
	}

/* Re-usable RSS link with icon styling */
.commentrss {
	background: url(../images/feed-icon-14x14.png) no-repeat left center;
	padding-left: 18px;
}
	.commentrss:hover {
		background: #4D5E2F url(../images/feed-icon-14x14.png) no-repeat left center;
	}

/* Layout
----------------------------------------- */

#Container {
	width: 925px;
	margin: 0 auto 10px auto;
	background: #ecf0f1 url(../images/bg.gif) repeat-y center top;
}
.container {
	width: 855px;
	margin: 0 auto;
}
#Layout {
	margin: 0 15px;
}
	#Layout .container {
		padding-top: 25px;
		width: 855px;
	}
#Header {
	margin: 0 15px;
	overflow: hidden;
	background: #c6d0db url(../images/headerBg.gif) repeat-x left bottom; 
}

#Header h1 {
	float: right;
	margin-top: 20px;
}
	#Header h1 a,
	#Header h1 span {
		width:247px;
		height: 59px;
		display: block;
		background: url(../images/logo.gif) no-repeat right top;
		text-indent: -9000px;
		outline: none;
	}
	#HeaderBase {
		display: block;
		width: 925px;
		height: 30px;
		background: #fff url(../images/headerBase.gif) no-repeat center bottom;
	}
/* Breadcrumbs */
#Breadcrumbs {
	color:#888888;
	float:left;
	margin-top:-10px;
	padding-bottom: 20px;	
	text-align:right;	
	width:848px;
}
/* Search Form */
#SearchBox {
	float: right;
	padding-top: 16px;
	width: 247px;
	clear: right;
}	
	#SearchBox form div.field  {
		display: inline;
		width: auto;
	}
	#SearchForm_SearchForm legend {
		display: none;
	}
	#SearchBox input.text {
		background: #fff;
		border: 1px solid #afc7ca;
		padding: 5px 4px 3px 5px;
		width: 178px;
		font-size: 12px;
		color: #9eb9bd;
		float: left;
	}
		#SearchBox input.text:focus {
			outline: 1px solid #d6dfe3;
			border-color: #cbd0d6;
			color: #495b5d;
		}
	#SearchBox input.action {
		float: right;
		border: 0px solid #afc7ca;
		background: #c6d0d6;
		padding: 3px 4px 3px 4px;
		color: #495b5b;
	}

/* Homepage Layout
---------------------------------------------------- */
/* Banner on the homepage */
#Banner {
	background: url(../images/bannerWaterMark.gif) no-repeat center left;
	width: 855px;
	overflow: hidden;
	_width: 842px;
	margin: 0px auto 35px auto;
}
	#Banner h1 {
		font-size: 18px;
		color: #a68622;
		font-weight: 500;
		margin-top: 22px;
		margin-bottom: 4px;
		float: left;
		font-family: Verdana, Sans-serif;
		margin-left: 140px;
		_margin-left: 70px;

	}
	#Banner p {
		color: #606060;
		font-size: 14px;
		clear: left;
		font-family: Verdana, Sans-serif;
		margin-left: 140px;
	}

/* The boxs around the center */
#Returning {
	float: left;
	width: 270px;
	margin-right: 23px;
	margin-bottom: 22px;
}
#FirstTime {
	float: left;
	width: 270px;
	margin-bottom: 22px;
}
#Returning li,
#FirstTime li {
	list-style: none;
	background: url(../images/listItem.gif) no-repeat left center;
	padding: 0 0 0 18px;
	margin-bottom: 10px;
	font-size: 11px;
	float: left;
	width: 92%;
	clear: left;
	color: #616161;
	line-height: 14px;
	
}
#Returning .width,
#FirstTime .width {
	height: 19em;
}

/* Latest News and Events */
#LatestNewsAndEvents {
	float: right;
	width: 271px;
}
	#LatestNewsAndEvents h3 {
	}

	#LatestNewsAndEvents dt {
		font-size: 16px;
		color: #000;
		display: inline;
		line-height: 13px;
		font-weight: bold;
	}
	#LatestNewsAndEvents dd p {
		font-size: 11px;
		color: #616161;
		line-height: 1.4;
	}
	#LatestNewsAndEvents p.read {
		margin: 5px 0 16px 0;
		text-align: right;
		color: #888;
	}
		#LatestNewsAndEvents .width {
			*height: 365px;
			_height: 365px;
		}
	
/* Staff Section Styling */
#FeaturedStaff {
	width: 563px;
	float: left;
	overflow: hidden;
	background: #fff url(../images/homeStaffTop.gif) no-repeat top left;
}
	#FeaturedStaff ol {
		background: url(../images/homeStaffBottom.gif) no-repeat bottom left;
		padding: 18px 0;
		overflow: hidden;
		height: 117px;
		margin: 0;
	}
		#FeaturedStaff li {
			float: left;
			display: inline;
			margin-left: 15px;
			width: 265px;
		}
			#FeaturedStaff li img {
				float: left;
				background: #f4f4f4;
				width: 85px;
				height: 117px;
			}
			#FeaturedStaff .staffDetails {
				float: right;
				width: 170px;
				overflow: hidden;
			}
				#FeaturedStaff h4 {
					margin: 24px 0 8px 0;
					font-size: 14px;
					color: #000;
				}
				#FeaturedStaff p {
					color: #616161;
					width: 165px;
					font-size: 11px;
					padding-left: 1px;
					line-height: 16px;
				}
				
/* Featured Image Styling */
#FeaturedStaffImage {
	padding: 18px 15px;
	background: url(../images/homeStaffBottom.gif) no-repeat bottom left;
}
/* Center content styling - containing standard content */

#Content {
	float: left;
	width: 572px;
	margin-left: 7px;
	_margin-left: 3px;
}

	
/* Generic Box Layout 
----------------------------------------------------------------------- */
.roundHead {
	background: #000;
	width: 100%;
	overflow: hidden;
}
.roundHead .left {
	display: block;
	width: 9px;
	height: 11px;
	float: left;
}
.roundHead .right {
	display: block;
	width: 9px;
	height: 11px;
	float: right;
}
.roundHead h3 {
	float: left;
	margin: 7px 0 0 3px;
	font-size: 16px;
	color: #fff;
}
.width {
	margin: 0 15px;
	overflow: hidden;
}
.roundBase {
	height: 19px;
}
.roundTran {
	height: 19px;
	clear: both;
}
.tranLeft {
	display: block;
	width: 44px;
	height: 19px;
	float: left;
}
.tranRight {
	display: block;
	width: 44px;
	height: 19px;
	float: right;
}
.baseLeft {
	display: block;
	width: 22px;
	height: 19px;
	float: left;
}
.baseRight {
	display: block;
	width: 22px;
	height: 19px;
	float: right;
}
.conBack {
	width: 100%;
}

/* Side bar styling - widgets and module templating uses this. class sidebarBox is a standard
	re-usable box for widgets and other pieces of functionality that fit on the right hand side
	of the layout */
#SideBar {
	width: 247px;
	margin: 0;
	float: right;
}
	#SideBar h3 {
		font-size: 14px;
	}
	#SideBar .sidebarBox,
	#SideBar .WidgetHolder {
	}
		#SideBar .sidebarBox h3,
		#SideBar .WidgetHolder h3 {
			font-size: 16px;
			line-height: 18px;
			font-weight: normal;
		}
		#SideBar .WidgetHolder p,
		#SideBar .WidgetHolder li {
			font-size: 12px;
		}
			#SideBar .WidgetHolder li {

			}

/** STAFF SECTION **/

/* Disable list bullets */
#Staff li,
#Keys li {
	list-style-type: none;
}

/* Events Section Styling
------------------------------------------------------------------------------ */

#EventList {

}
/* News section and styling for the news articles and all that stuff!
------------------------------------------------------------------------------ */
.widgetHolder {
	margin-bottom: 18px;
}
#Content .article p.postMeta,
#Content p.postMeta,
#Content p.eventDate {
	font-size: 10px;
	margin: -4px 0 4px 0;
	color: #999;
}
	#Content .article p,
	#Content .event p {
		margin: 0;
	}
.article,
.event {
	padding-bottom: 12px;
	margin-bottom: 14px;
	border-bottom: 1px solid #eee;
}
#NewsArticles h3 {
	margin-bottom: 0;
}
#EventList h3 {
	margin-bottom: 0;
}
#people h3 {
	display: inline;
}
/* Search Results layout
---------------------------------------------------------------- */

ul#Results {
	margin: 0;
}
	#Results li {
		list-style: none;
		padding: 0 0 12px 0;
		margin: 0 0 14px 0;
		border-bottom: 1px solid #eee;
	}
		#Results li h3 {
			text-indent: 0;
			font-size: 8px;
			margin: 0 0 0 -4px;
			_margin: 0 0 0 -14px;
		}
/* Page numbers styling - used for pagination. Just add the class "pagination" to use this styling.
	For a guide on how to format your HTML markup in order to use this styling, please see:
	http://doc.silverstripe.com/doku.php?id=tutorial:4-site-search - alternatively, you can view
	Page_results.ss inside darkshades/templates/Layout which is where this styling for pagination is derived from */
.pagination {
	text-align: center;
	padding: 10px 0;
	color: #9ce80b;
}
	.pagination .prev,
	.pagination .next,
	.pagination .pageNumber,
	.pagination .summary {
		font-size: 11px;
	}
		.pagination .navpages {
			margin: 0 auto;
			text-align: center;
		}
		.pagination .pageNumber {
			padding: 6px 8px 6px 8px;
			background: #fff;
			border: 1px solid #ddd;
		}
			.pagination a.pageNumber {
				text-decoration: none;
			}
			.pagination .pageNumber:hover {
			}
			.pagination .current {
				color: #999;
			}
	.pagination .summary {
		margin: 5px 0 0 0;
		color: #666;
		clear: both;
	}
	.pagination p.left,
	.pagination p.right {
		padding: 0 4px;
		display: inline;
	}
	.pagination p.pages {
		display: inline;
	}

/* Staff holder layout
------------------------------------------ */
#Positions {
	margin-bottom: 12px;
}
#Keys {}
	#Keys li {
		padding-left: 0 !important;
	}
		#Keys li img {
			float: left;
			margin: 6px 6px 6px 0;
		}
ul#Staff {
	margin: 14px 0;
}
	ul#Staff li {
		padding: 0;
		padding-bottom: 6px;
		margin-bottom: 16px;
		border-bottom: 1px solid #eee;
		overflow: hidden;
		width: 99%;
	}
		ul#Staff li img {
			float: left;
			margin: 3px 0 0 0;
		}
		ul#Staff li .staffContent {
			float: right;
			width: 520px;
		}
		ul#Staff li p {
			width: 100%;
		}
		ul#Staff li p.qual {
			margin: -10px 0 0 0;
			font-size: 10px;
			display: block;
			overflow: hidden;
			color: #999;
		}
			ul#Staff li p.qual img {
				margin: 5px 5px 0 0;
				float: left;
			}
	h4.positionTitle {
		margin: 0 0 8px;
		font-size: 14px;
	}
	#Form_StaffSearchForm select {
		width: 340px;
	}
	#Form_StaffSearchForm_Name {
		width: 330px;
	}
/* Staff Page layout 
----------------------------------------- */
#BusinessProfile {
	overflow: hidden;
	background: #f8fafa;
	border-bottom: 2px solid #c6d0d6;
	border-right: 2px solid #c6d0d6;
	border-top: 1px solid #d3dde3;
	border-left: 1px solid #d3dde3;
	padding: 10px 10px 0 10px;
	margin: 12px 0 18px 0;
}
#BusinessProfile img {
	float: left;
}
#BusinessProfile .vcard span,
#BusinessProfile .vcard a {
	display: inline;
}
#BusinessProfile .vcard {
	float: right;
	width: 410px;
	margin-right: 0;
	line-height: 1.8em;
}
	#BusinessProfile .vcard strong {
		width: 110px;
		display: block;
		float: left;
	}
	#BusinessProfile .vcard span {
	}
	#BusinessProfile .keys img {
		border: 2px solid #ececec;
		background: #fff;
		margin-right: 3px;
		padding: 2px;
	}
	#BusinessProfile .vcardBox {
		clear: left;
	}
/* Related content styling
----------------------------------------------- */
#RightContent {
	margin: 12px auto;
}
	#RightContent p {
		color: #363B3C;
		font-size: 11px;
		margin-bottom: 11px;
	}
	#RightContent h4 {
		font-size: 14px;
	}
	#RightContent h5 {
		font-size: 12px;
	}
/* Footer styling - usually contains copyright information and site information */
#Footer {
	clear: both;
	margin: 0 15px;
	overflow: hidden;
	background: #c6d0d6 url(../images/footerBg.gif) repeat-x top left;
}
	#Footer .container {
		width: 855px;
	}
 	#Footer p {
		font-size: 11px;
	}
	#Footer .locations {
		float: left;
		margin: 46px 0 0 0;
		padding-bottom: 12px;
	}
	#Footer .footerNotes {
		float: right;
		padding-top: 46px;
		clear: right;
		line-height: 14px;
		text-align: right;
	}
		#Footer .footerNotes p {
			color: #8a8f90;
		}
		#Footer .footerNotes ul {
			color: #8a8f90;
			margin-bottom: 2px;
		}
			#Footer .footerNotes li {
				display: inline;
			}
				#Footer .footerNotes a {
					color: #8a8f90;
					font-size: 11px;
					text-decoration: underline;
				}
					#Footer .footerNotes a:hover {
						color: #546264;
					}
	#FooterBase {
		display: block;
		width: 925px;
		height: 15px;
		background: #fff url(../images/footerBase.gif) no-repeat center top;
	}
/** VCARD Styles in the footer
------------------------------------ */
.vcard {
	font-family: Tahoma, Verdana, Sans-serif;
	float: left;
	font-size: 10px;
	margin-right: 30px;
	line-height: 1.4;
	color: #494949;
}
	.vcard .org {
		color: #a68622;
		font-size: 11px;
	}
	
/* Site Map Styling
------------------------------------ */

ul#Sitemap {
	margin: 12px 0 0 0;
	overflow: hidden;
}
	ul#Sitemap li {
		list-style: none;
	} 
		ul#Sitemap li.rootLevel {
			list-style: none;
			font-size: 16px;
			width: 21%;
			float: left;
			margin-right: 10px;
			display: block;
		}
			ul#Sitemap li.rootLevel a {
				text-decoration: none;
				font-weight: bold;
			}
		
		ul#Sitemap li ul {
			margin: 0px;
		}
			ul#Sitemap li ul li {
				margin: 5px 0 0 0;
				list-style: none;
				line-height: 14px;
				padding-left: 0;
			}
				ul#Sitemap li.rootLevel ul li a {
					color: #999;
					text-decoration: none;
					font-weight: normal;
				}
					ul#Sitemap li.rootLevel ul li a:hover {
						color: #000;
						text-decoration: underline;
					}
			ul#Sitemap li ul ul {
				margin: 8px 0 0 4px;
			}
				ul#Sitemap li.rootLevel ul ul li {
					margin: 2px 0 0 0;
				}
				ul#Sitemap li.rootLevel ul ul li a {
					font-size: 10px;
				}
		#SiteMapContent h2 {
			height: 24px;
			margin-bottom: 20px;
		}
/* Each box has its own modular styling features 
   Each hex class has been prefixed with a c since classnames
   cannot start with a number
----------------------------------------------------------------------- */

/* 31909D dark sort of a teal */
.c31909D .roundHead { background: #31909D;}
	.c31909D .roundHead .left { background: url(../images/boxs/31909D/topleft.gif) no-repeat left top;}
	.c31909D .roundHead .right {background: url(../images/boxs/31909D/topright.gif) no-repeat left top;}
.c31909D .roundContainer { background: #fff url(../images/boxs/31909D/leftside.gif) repeat-y left top; }
	.c31909D .roundContainer .conBack {	background: transparent url(../images/boxs/31909D/rightside.gif) repeat-y right top; }
.c31909D .roundTran { background: url(../images/boxs/31909D/tranBg.gif) repeat-x left top; }
	.c31909D .tranLeft { background: url(../images/boxs/31909D/tranleft.gif) no-repeat left top;}
	.c31909D .tranRight { background: url(../images/boxs/31909D/tranright.gif) no-repeat right top;}
.c31909D .roundBase { background: #fff url(../images/boxs/31909D/bottomBg.gif) repeat-x left bottom; }
	.c31909D .baseLeft { background: url(../images/boxs/31909D/bottomleft.gif) no-repeat left bottom;}
	.c31909D .baseRight { background: url(../images/boxs/31909D/bottomright.gif) no-repeat right bottom; }
	
/* F09F1C orangy orange */
.cF09F1C .roundHead { background: #F09F1C;}
	.cF09F1C .roundHead .left { background: url(../images/boxs/F09F1C/topleft.gif) no-repeat left top; }
	.cF09F1C .roundHead .right { background: url(../images/boxs/F09F1C/topright.gif) no-repeat left top; }
.cF09F1C .roundContainer { background: #fff url(../images/boxs/F09F1C/leftside.gif) repeat-y left top;}
	.cF09F1C .roundContainer .conBack { background: transparent url(../images/boxs/F09F1C/rightside.gif) repeat-y right top;}
.cF09F1C .roundTran { background: url(../images/boxs/F09F1C/tranBg.gif) repeat-x left top; }
	.cF09F1C .tranLeft { background: url(../images/boxs/F09F1C/tranleft.gif) no-repeat left top; }
	.cF09F1C .tranRight { background: url(../images/boxs/F09F1C/tranright.gif) no-repeat right top; }
.cF09F1C .roundBase { background: #fff url(../images/boxs/F09F1C/bottomBg.gif) repeat-x left bottom;}
	.cF09F1C .baseLeft { background: url(../images/boxs/F09F1C/bottomleft.gif) no-repeat left bottom; }
	.cF09F1C .baseRight { background: url(../images/boxs/F09F1C/bottomright.gif) no-repeat right bottom; }
	
/* EF7820 dark orange */
.cEF7820 .roundHead { background: #EF7820; }
	.cEF7820 .roundHead .left { background: url(../images/boxs/EF7820/topleft.gif) no-repeat left top;}
	.cEF7820 .roundHead .right { background: url(../images/boxs/EF7820/topright.gif) no-repeat right top; }
.cEF7820 .roundContainer { background: #fff url(../images/boxs/EF7820/leftside.gif) repeat-y left top;}
	.cEF7820 .roundContainer .conBack { background: transparent url(../images/boxs/EF7820/rightside.gif) repeat-y right top; }
.cEF7820 .roundTran { background: url(../images/boxs/EF7820/tranBg.gif) repeat-x left top;}
	.cEF7820 .tranLeft { background: url(../images/boxs/EF7820/tranleft.gif) no-repeat left top; }
	.cEF7820 .tranRight { background: url(../images/boxs/EF7820/tranright.gif) no-repeat right top; }
.cEF7820 .roundBase { background: #fff url(../images/boxs/EF7820/bottomBg.gif) repeat-x left bottom; }
	.cEF7820 .baseLeft { background: url(../images/boxs/EF7820/bottomleft.gif) no-repeat left bottom; }
	.cEF7820 .baseRight { background: url(../images/boxs/EF7820/bottomright.gif) no-repeat right bottom;}
	
/* 9DCDBF dental green */
.c9DCDBF .roundHead { background: #9DCDBF; }
	.c9DCDBF .roundHead .left { background: url(../images/boxs/9DCDBF/topleft.gif) no-repeat left top; }
	.c9DCDBF .roundHead .right { background: url(../images/boxs/9DCDBF/topright.gif) no-repeat left top; }
.c9DCDBF .roundTran { background: url(../images/boxs/9DCDBF/tranBg.gif) repeat-x left top; }
	.c9DCDBF .tranLeft { background: url(../images/boxs/9DCDBF/tranleft.gif) no-repeat left top; }
	.c9DCDBF .tranRight { background: url(../images/boxs/9DCDBF/tranright.gif) no-repeat right top; }
.c9DCDBF .roundContainer { background: #fff url(../images/boxs/9DCDBF/leftside.gif) repeat-y left top; }
	.c9DCDBF .roundContainer .conBack { background: transparent url(../images/boxs/9DCDBF/rightside.gif) repeat-y right top; }

.c9DCDBF .roundBase { background: #fff url(../images/boxs/9DCDBF/bottomBg.gif) repeat-x left bottom; }
	.c9DCDBF .baseLeft { background: url(../images/boxs/9DCDBF/bottomleft.gif) no-repeat left bottom; }
	.c9DCDBF .baseRight { background: url(../images/boxs/9DCDBF/bottomright.gif) no-repeat right bottom; }
	
/* Gold */
.cA68622 .roundHead { background: #a68622; }
	.cA68622 .roundHead .left { background: url(../images/boxs/A68622/topleft.gif) no-repeat left top; }
	.cA68622 .roundHead .right { background: url(../images/boxs/A68622/topright.gif) no-repeat left top; }
.cA68622 .roundTran { background: url(../images/boxs/A68622/tranBg.gif) repeat-x left top;}
	.cA68622 .tranLeft { background: url(../images/boxs/A68622/tranleft.gif) no-repeat left top; }
	.cA68622 .tranRight { background: url(../images/boxs/A68622/tranright.gif) no-repeat right top;}
.cA68622 .roundContainer { background: #fff url(../images/boxs/A68622/leftside.gif) repeat-y left top;}
	.cA68622 .roundContainer .conBack { background: transparent url(../images/boxs/A68622/rightside.gif) repeat-y right top;}
.cA68622 .roundBase { background: #fff url(../images/boxs/A68622/bottomBg.gif) repeat-x left bottom; }
	.cA68622 .baseLeft { background: url(../images/boxs/A68622/bottomleft.gif) no-repeat left bottom; }
	.cA68622 .baseRight { background: url(../images/boxs/A68622/bottomright.gif) no-repeat right bottom; }
	
/* Grey */
.c667877 .roundHead { background: #667877; }
	.c667877 .roundHead .left { background: url(../images/boxs/667877/topleft.gif) no-repeat left top; }
	.c667877 .roundHead .right { background: url(../images/boxs/667877/topright.gif) no-repeat left top; }
.c667877 .roundTran { background: url(../images/boxs/667877/tranBg.gif) repeat-x left top;}
	.c667877 .tranLeft { background: url(../images/boxs/667877/tranleft.gif) no-repeat left top; }
	.c667877 .tranRight { background: url(../images/boxs/667877/tranright.gif) no-repeat right top;}
.c667877 .roundContainer { background: #fff url(../images/boxs/667877/leftside.gif) repeat-y left top;}
	.c667877 .roundContainer .conBack { background: transparent url(../images/boxs/667877/rightside.gif) repeat-y right top;}
.c667877 .roundBase { background: #fff url(../images/boxs/667877/bottomBg.gif) repeat-x left bottom; }
	.c667877 .baseLeft { background: url(../images/boxs/667877/bottomleft.gif) no-repeat left bottom; }
	.c667877 .baseRight { background: url(../images/boxs/667877/bottomright.gif) no-repeat right bottom; }	
	
#AsideContent {
	padding-top: 30px;
	width: 564px;
}
	#AsideContent h3 {
		font-size: 16px;
		margin: 8px 0;
	}
	#AsideContent p {
		font-size: 11px;
		line-height: 14px;
		color: #616161;
	}
	#AsideContent .roundBase {
		height: 13px;
	}
		#AsideContent .roundBase span {
			height: 13px;
		}

#AsideContent.c9DCDBF .roundHead {
	background: url(../images/boxs/9DCDBF/skinnytopBg.gif) repeat-x left top;
} 

		#AsideContent.c9DCDBF .roundHead .left {
			background: url(../images/boxs/9DCDBF/skinnytopleft.gif) no-repeat left top;
		}
		#AsideContent.c9DCDBF .roundHead .right {
			background: url(../images/boxs/9DCDBF/skinnytopright.gif) no-repeat right top;
		}