/*
** centre-websites.css
** CSS - handles the layout of the centre mini websites
** Author: Geoff FRANKLIN
** Date: Wednesday 16 September 2009
** Last edited: 12.Nov.09 by Geoff FRANKLIN
*/


/*********************************** Centre Websites Banner START */
.centre-websites-banner {
	border: 6px solid #F98800; height: 186px; position: relative; width: 788px;
	}
	.our-centre-banner { background: url(../img/banner_our-centres_our-centre.jpg); }
	.our-services-banner { background: url(../img/banner_our-centres_our-services.jpg); }
	.gallery-banner { background: url(../img/banner_our-centres_gallery.jpg); }
	.news-banner { background: url(../img/banner_our-centres_news.jpg); }
	.virtual-tour-banner { background: url(../img/banner_our-centres_virtual-tour.jpg); }
	.contact-us-banner { background: url(../img/banner_our-centres_contact-us.jpg); }
/*********************************** Centre Websites Banner END */


/*********************************** Centre Websites Top Menu START */
ul#cw-top-menu {
	height: 32px; position: relative; width: 580px;
	}
	ul#cw-top-menu li.cw-li {
		float: left;
		margin: 0 1px 0 0;
		left: 0;
		line-height: 0;
		list-style: none;
		position: relative;
	}
/* top menu buttons */
ul#cw-top-menu li.cw-li a {
	background: url(../img/bg_nav-buttons.png);
	display: block;
	height: 32px;
	text-decoration: none;
	width: 110px;
	}
	ul#cw-top-menu li.cw-li a.cw-top-menu_our-centre { background-position: 0 0; }
		ul#cw-top-menu li.cw-li a.cw-top-menu_our-centre:hover { background-position: 0 -32px; }
	ul#cw-top-menu li.cw-li a.cw-top-menu_our-services { background-position: -110px 0; }
		ul#cw-top-menu li.cw-li a.cw-top-menu_our-services:hover { background-position: -110px -32px; }
	ul#cw-top-menu li.cw-li a.cw-top-menu_gallery { background-position: -220px 0; }
		ul#cw-top-menu li.cw-li a.cw-top-menu_gallery:hover { background-position: -220px -32px; }
	ul#cw-top-menu li.cw-li a.cw-top-menu_news { background-position: -330px 0; }
		ul#cw-top-menu li.cw-li a.cw-top-menu_news:hover { background-position: -330px -32px; }
	ul#cw-top-menu li.cw-li a.cw-top-menu_virtual-tour {
		background-position: -440px 0; position: relative; left: 20px; }
		ul#cw-top-menu li.cw-li a.cw-top-menu_virtual-tour:hover { background-position: -440px -32px; }
/*********************************** Centre Websites Top Menu END */


/* h1 styling for Our Centre and Our Services pages */
.box_purple {
	background: url(../img/icons_centre-websites.png) no-repeat;
	color: #692786;
	height: 35px;
	margin: 0;
	padding: 8px 0 0 40px;
}
.box_pink {
	background: url(../img/icons_centre-websites.png) no-repeat 0 -40px;
	color: #E4036B;
	height: 35px;
	margin: 0;
	padding: 8px 0 0 40px;
}
.box_orange {
	background: url(../img/icons_centre-websites.png) no-repeat 0 -290px;
	color: #F98800;
	height: 35px;
	margin: 0;
	padding: 8px 0 0 40px;
}
h1.yellow { color: #BE8F00; border-bottom: 1px solid #BE8F00; }

/*********************************** Centre Website Content LEFT - START */
div#centre-website-content-left {
	float: left; width: 350px;
	}
	div#centre-website-content-left p {
		font-size: 0.8em; line-height: 1.3em; padding: 0 0 15px;
		}
		p.profile_text br {
			line-height: 35px;	
		}
		p.profile_text span.break {
			display: block;
			height: 10px;
		}
	div#centre-website-content-left strong { font-weight: bold; }
	div#centre-website-content-left ul li {
		background: url(../img/icons_centre-websites.png) no-repeat 0 -93px;
		font-size: 0.7em;
		list-style: none;
		margin: 0;
		padding-left: 20px;
	}
	div#centre-website-content-left ol li {
		font-size: 0.8em;
		line-height: 1.3em;
		list-style: decimal;
		margin: 0 0 0 25px;
		padding: 0 0 5px 5px;
	}
/* Bottom right background for blocks of content i.e. About Our Centre */
.content-bg {
	background: url(../img/bg_stage_bottom.png) no-repeat bottom right;
	margin: 0 5px 10px 0;
	padding: 0 10px 10px 0;
}
/* Centre Director Profile */
div#centre-director-profile {
	float: left;
	width: 335px;
	}
	div#centre-director-prof-pic-wrap {
		/*background: url(../img/bg_stages.png) no-repeat;
		height: 116px;
		width: 98px;*/
		margin: 0 15px 5px 0;
		float: left;
		}
		div#centre-director-prof-pic-wrap img {
			background: #DDD;
			border: 1px solid #CCC;
			padding: 4px;
			/*height: 100px;
			left: 8px;
			position: relative;
			top: 5px;
			width: 82px;*/
		}
		
/* Provided Care */
div#provided-care-data p { font-size: 0.7em; }
div#provided-care-data ul { padding: 0 0 15px; }

/* Provided Care Table */
table#provided-care-table {
	font-size: 0.7em;
	width: 100%;
	}
	/* Generic TH and TD styling */
	table#provided-care-table thead tr.header th,
	table#provided-care-table tbody tr.row td {				
		border-color: #FFF;
		border-style: solid;
		border-width: 0 3px 3px 0;
		padding: 3px 5px;
		}
		/* Set background widths and colour of HEADER */
		table#provided-care-table thead tr.header th.roomtype {
			background: #F5CADE; font-weight: bold; width: 37%;
			}
		table#provided-care-table thead tr.header th.description {
			background: #F5CADE; font-weight: bold; width: 63%;
			}
		/* Set background colour of ROWS */
		table#provided-care-table tbody tr.row td.roomtype,
		table#provided-care-table tbody tr.row td.description {
			background: #F8E0F0;
		}

/*
div#provided-care-table ul {
	width:325px;	
	background-color:#FFFFFF;
	margin: 0px; padding:0px;
}
div#provided-care-table ul.header li {
	background-color:#F5CADE;
	background-image:none;
	font-size:10px; font-weight:bold;
	float:left;
	margin:0px 5px 3px 0px;
}
div#provided-care-table ul.row li {
	background-color:#F8E0F0;
	background-image:none;
	font-size:10px; font-weight:normal;
	float:left;
	margin:0px 5px 5px 0px;
}

div#provided-care-table ul.header li.roomtype, div#provided-care-table ul.row li.roomtype {
	width:100px;
	padding:3px;
}
div#provided-care-table ul.header li.description, div#provided-care-table ul.row li.description {
	width:200px;
	padding:3px;
}
*/

/* Facilities */
div#facilities ul { padding: 0 0 7px; }
	div#facilities ul li { padding: 0 0 8px 20px; }
	div#facilities ul li.sub { padding: 0 0 8px 20px; margin-left:20px}
/* Gallery photos wrapper, Virtual tour videos wrapper */
div#gallery-photos-wrap ul li,
div#virtual-tour-videos-wrap ul li {
	background: url(../img/bg_stages.png) no-repeat -98px 0;
	float: left;
	height: 150px;
	padding: 0;
	position: relative;
	width: 115px;
	}
	div#gallery-photos-wrap ul li a {
		color: #444;
		text-decoration: none;
		}
		div#gallery-photos-wrap ul li a img {
			height: 91px;
			left: 11px;
			position: relative;
			top: 12px;
			width: 91px;
		}
		div#gallery-photos-wrap ul li a span,
		div#virtual-tour-videos-wrap ul li a span {
			display: block;
			position: relative;
			text-align: center;
			top: 20px;
			width: 115px;
		}
		div#gallery-photos-wrap ul li a:hover span,
		div#virtual-tour-videos-wrap ul li a:hover span {
			text-decoration: underline;
		}

/* News items wrapper */	
div#news-items-wrap ul li {
	background: url(../img/icons_centre-websites.png) no-repeat;
	/*background-position: 0 -235px;	'old' image */
	background-position: 0 -200px;
	font-size: 12px;
	padding: 7px 0 7px 30px;
	}
	/* News items page navigation */
	div#news-items-wrap ul#news-items-nav {
		height: 25px; margin: 20px 0 0; width: 335px;
		}
		div#news-items-wrap ul#news-items-nav li {
			background: none; font-size: 11px; padding: 0; text-align: center;
		}
		div#news-items-wrap ul#news-items-nav li.left { float: left; }
		div#news-items-wrap ul#news-items-nav li.middle {
			float: left; padding: 3px 0 0; width: 173px;
		}
		div#news-items-wrap ul#news-items-nav li.right { float: right; }
			div#news-items-wrap ul#news-items-nav li a {
				background: url(../img/bg_nav-buttons.png) no-repeat 0 -65px;
				color: #fff;
				display: block;
				height: 22px;
				padding: 3px 0 0;
				width: 80px;
			}

/* Virtual Tour blurb and stuff */
div#virtual-tour-blurb ul {	float: left; margin: 10px 0; }
	div#virtual-tour-blurb ul li { background: none; float: left; padding: 0; }
		div#virtual-tour-blurb ul li.quicktime-logo { width: 42px; }
			div#virtual-tour-blurb ul li.quicktime-logo a {
				/*background: url(../img/icons_centre-websites.png) no-repeat 0 -140px;*/
				background: url(../img/icons_centre-websites.png) no-repeat 0 -240px;
				display: block; height: 50px; width: 42px; }
		div#virtual-tour-blurb ul li.quicktime-text {
			padding: 10px 0 0 10px; width: 262px; }
/* Virtual tour videos wrapper */
div#virtual-tour-videos-wrap ul li a {
	color: #444;
	display: block;
	height: 91px;
	left: 11px;
	position: relative;
	text-decoration: none;
	top: 12px;
	width: 91px;
	}
	/* Inline Image Sprite for Virtual Tour thumbs */
	div#virtual-tour-videos-wrap ul li a img.clip {
		position: absolute; top: 0; left: 0;
		}
		div#virtual-tour-videos-wrap ul li a img.pic1 { clip: rect(0 91px 91px 0); }
		div#virtual-tour-videos-wrap ul li a img.pic2 { clip: rect(0 182px 182px 91px); left: -91px; }
		div#virtual-tour-videos-wrap ul li a img.pic3 { clip: rect(0 273px 273px 182px); left: -182px; }
		div#virtual-tour-videos-wrap ul li a img.pic4 { clip: rect(0 364px 364px 273px); left: -273px; }
		div#virtual-tour-videos-wrap ul li a img.pic5 { clip: rect(0 455px 455px 364px); left: -364px; }
		div#virtual-tour-videos-wrap ul li a img.pic6 { clip: rect(0 546px 546px 455px); left: -455px; }
		div#virtual-tour-videos-wrap ul li a img.pic7 { clip: rect(0 637px 637px 546px); left: -546px; }
		div#virtual-tour-videos-wrap ul li a img.pic8 { clip: rect(0 728px 728px 637px); left: -637px; }
		div#virtual-tour-videos-wrap ul li a img.pic9 { clip: rect(0 819px 819px 728px); left: -728px; }
div#virtual-tour-videos-wrap ul li a span { left: -12px; top: 105px; }
/* Contact Us blurb */
div#contact-us-form-wrap form input.formInputText,
div#contact-us-form-wrap form textarea.formTextarea {
	border: 1px solid #ccc;
	color: #692786;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 5px 0;
	padding: 5px;
	width: 240px;
}
div#contact-us-form-wrap form input.formButton {
	background: url(../img/bg_nav-buttons.png) no-repeat -80px -64px;
	border: none;
	color: #fff;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 26px;
	width: 90px;
	}
	div#contact-us-form-wrap form input.formButton:hover {
		background: url(../img/bg_nav-buttons.png) no-repeat -80px -90px;
	}
/* LOCATIONS page styling */
div#about-our-centre a,
div#about-our-centre_0 a,
div#about-our-centre_1 a,
div#about-our-centre_2 a,
div#about-our-centre_3 a,
div#about-our-centre_4 a,
div#about-our-centre_5 a,
div#about-our-centre_6 a,
div#about-our-centre_7 a,
div#about-our-centre_8 a {
	color: #F98800;
	outline: none;
	text-decoration: underline;
	}
	div#about-our-centre a:hover,
	div#about-our-centre_0 a:hover,
	div#about-our-centre_1 a:hover,
	div#about-our-centre_2 a:hover,
	div#about-our-centre_3 a:hover,
	div#about-our-centre_4 a:hover,
	div#about-our-centre_5 a:hover,
	div#about-our-centre_6 a:hover,
	div#about-our-centre_7 a:hover,
	div#about-our-centre_8 a:hover {
		text-decoration: none;
	}
div#about-our-centre ul.listoflocations {
	font-size: 1.1em;
	margin: 0 0 0 40px;
	text-transform: uppercase;
	}
	div#about-our-centre ul.listoflocations li {
		margin: 10px;
	}
div.locationlist_wrapper {
	width: 573px;
	}
	/* list of regions */
	div.locationlist_wrapper div.locationlist {
		display: none;
		margin: 0 0 0 40px;
		}
		/* region link */
		div.locationlist_wrapper div.locationlist a.location {
			background: url(../img/icons_centre-websites.png) no-repeat 0 -91px;
			display: block;
			float: left;
			font-size: 11px;
			margin: 3px 4px;
			padding: 0 0 0 17px;
			text-transform: uppercase;
			width: 150px;
			}
/*********************************** Centre Website Content LEFT - END */


/*********************************** Centre Website Content RIGHT - START */
div#centre-website-content-right {
	float: right; height: auto; width: 225px;
	}
	/* apply or change colour of right column background */
	.rightbar {
		/*background: url(../img/bg_right-side-bar.jpg) repeat-x;*/
		}
		.our-centre	  { background: #EDDBFB url(../img/bg_right-side-bar_our-centre.jpg) repeat-x; }
		.our-services { background: #FBDBE7 url(../img/bg_right-side-bar_our-services.jpg) repeat-x; }
		.gallery      { background: #D3F8C7 url(../img/bg_right-side-bar_gallery.jpg) repeat-x; }
		.news		  { background: #DBEDFB url(../img/bg_right-side-bar_news.jpg) repeat-x; }
		.virtual-tour { background: #FAE9C5 url(../img/bg_right-side-bar_virtual-tour.jpg) repeat-x; }
		/*
		.our-centre	  { background-color: #EDDBFB; background-position: 0 0; }
		.our-services { background-color: #FBDBE7; background-position: 0 -770px; }
		.gallery      { background-color: #D3F8C7; background-position: 0 -1510px; }
		.news		  { background-color: #DBEDFB; background-position: 0 -2240px; }
		.virtual-tour { background-color: #FAE9C5; background-position: 0 -2970px; }
		*/
/* General styling i.e. p, strong etc */
div#centre-website-content-right p {
	font-size: 0.7em; line-height: 13px; padding: 10px 10px 5px;
	}
	div#centre-website-content-right p strong { font-weight: bold; }
/* Centre Profile Pic */
div#centre-profile-pic-wrap {
	background: url(../img/bg_stages.png) no-repeat -213px 0;
	height: 149px;
	margin: 6px auto 0;
	width: 216px;
	}
	div#centre-profile-pic-wrap img {
		height: 133px;
		left: 8px;
		position: relative;
		top: 5px;
		width: 200px;
	}
/* Contact ABC Centre style */
div#centre-website-content-right p.contact {
	/*background: url(../img/icons_centre-websites.png) no-repeat;*/
	/* background-position: 0 -190px;	'old' image */
	/*background-position: 0 -170px;*/
	font-weight: bold;
	margin-left: 10px;
	padding: 0;
	}
	div#centre-website-content-right p.contact a {
		display: block;
		/*padding: 10px 0 10px 27px;*/
		padding: 10px 0;
		width: 204px;
		}
		div#centre-website-content-right p.contact a span {
		background: url(../img/icons_centre-websites.png) no-repeat;
		background-position: 0 -170px;
		display: block;
		float: left;
		height: 30px;
		position: relative;
		top: -7px;
		width: 30px;
		}
/* Google Map and Details */
div#google-maps-and-details { }
	/* Google Map */
	div#google-map-wrap {
		background: url(../img/bg_stages.png) no-repeat -429px 0;	
		height: 190px;
		margin: 10px auto 0;
		width: 216px;
		}
		div#google-map-wrap img {
			left: 8px; position: relative; top: 5px;
		}
		div#google-map-wrap span {
			display:none;
		}
		div#gm_display {
			height: 174px;
			margin: 0 auto;
			top: 5px;
			width: 200px;
		}

		
/* Big Rightbar Buttons */
div#big-rightbar-buttons ul li {
	list-style: none; margin: 10px 0;
	}
	div#big-rightbar-buttons a {
		background: url(../img/buttons_right-side-bar.png) no-repeat;
		color: #fff;
		display: block;
		font-size: 11px;
		height: 106px;
		margin: 0 auto;
		position: relative;
		width: 216px;
		}
		div#big-rightbar-buttons a span {
			bottom: 13px; cursor: pointer; position: absolute; right: 13px;
		}
	div#big-rightbar-buttons a#search-for-other-centres {	background-position: 0 0; }
	div#big-rightbar-buttons a#view-photos-of-our-centre {	background-position: -216px 0; }
	div#big-rightbar-buttons a#find-our-centre-book-tour {	background-position: -432px 0; }
	div#big-rightbar-buttons a#chat-to-families-online {	background-position: -648px 0; }
	div#big-rightbar-buttons a#see-what-our-centre-has {	background-position: -864px 0; }
	div#big-rightbar-buttons a#read-our-latest-news {		background-position: -1080px 0; }
	div#big-rightbar-buttons a#abc-says-thank-you {			background-position: -1296px 0; }
		div#big-rightbar-buttons a#abc-says-thank-you span { line-height: 1.2em; width: 70px; }

/*********************************** Centre Website Content RIGHT - END */

div.reset5 { border:medium none; clear:both; display:block; font-size:0; height:5px; line-height:0; margin:0; padding:0; }
div.reset20 { border:medium none; clear:both; display:block; font-size:0; height:20px; line-height:0; margin:0; padding:0; }

/* end of file */