/* BASICS */
/* ----------------------------- */

strong {
	font-weight: bold;
}

a {
	color: #000066;
	text-decoration: none;
}
						
a:hover {
	text-decoration: underline;
}

a span {
	cursor: pointer;
	*cursor: hand; /* Cursor fix for IE */
}

legend {
	display: none; /* Legends CANNOT be trusted! */
}

.required {
	color: #CC0000;
}

.failure, .failure strong {
	color:#CC0000;
}

/* CLEARFIX */
/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after,
#navOurHomes:after,
#navOurHomes ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix,
#navOurHomes,
#navOurHomes ul {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix,
* html #navOurHomes,
* html #navOurHomes ul {height: 1%;}
.clearfix,
#navOurHomes,
#navOurHomes ul {display: block;}
/* End hide from IE-mac */

/* STRUCTURE */
/* ----------------------------- */

body {
	font-family: verdana;
	color: #999999;
	background: #fff url(/a/img/bg-wrapper-shadow.gif) top center repeat-y;
	text-align: center; /* margin-auto fix for IE */
	}

	.navAccessibility {
		/* Safe screen reader hide */
		position: absolute;
		top: 0;
		left: -9999em;
	}
	
	.wrapper {
		margin: 0 auto;
		text-align: left; /* margin-auto fix for IE */ 
		width: 730px;
		*width: 731px; /* off-center fix for IE */
	}

/* HEADER */
/* ----------------------------- */
	
		#header {
			clear: both;
			height: 185px;
			background: url(/a/img/bg-header-banner.jpg) top left no-repeat;
			position: relative;
			*margin-left: 1px; /* off-center fix for IE */
		}
		
			#header #logo {
				position: absolute;
				height: 95px;
				top: 0;
				left: -5px;
				border-left: 5px solid #fff;
			}
		
				#header #logo a {
					display: block;
					margin: 10px 0 0 5px;
					height: 76px;
					width: 76px;
					text-indent: -9999em;
					background: url(/a/img/bg-logo-whct.gif) top left no-repeat;
				}
			
			#strapline {
				/* Safe screen reader hide */
				position: absolute;
				top: 0;
				left: -9999em;
			}

/* CONTENT */
/* ----------------------------- */
			
			#contentMain {
				float: right;
				width: 508px;
				margin-bottom: 40px;
				padding-top: 29px;
				padding-right: 30px;
				color: #666;
			}
			
				#contentMain h1 {
					font-size: 182%;
					color: #000066;
					margin-bottom: 10px;
				}
				
				#contentMain h2 {
					font-size: 116%;
					color: #000066;
					margin-bottom: 10px;
				}
	
				#contentMain p {
					margin-bottom: 15px;
					line-height: 1.7em;
					font-size: 85%;
				}

				#contentMain .banner {
					margin: 10px 0 25px 0;
				}
				
				#contentMain ul {
					margin: 10px 20px 20px 30px;
					font-size: 85%;
				}
				
				#contentMain ul li {
					list-style: square outside;
					line-height: 1.5em;
					margin: 0.3em 0;
				}

				#contentMain #navOurHomes {
					background: #f4f4ff url(/a/img/bg-dotted-line-top.gif) top left repeat-x;
					margin-bottom: 20px;
				}				
				
				#contentMain #navOurHomes ul {
					background: url(/a/img/bg-dotted-line-top.gif) bottom left repeat-x;
					margin: 0;
					padding: 7px 18px;
				}
				
				#contentMain #navOurHomes ul li {
					float: left;
					width: 49%;
					list-style: none;
					margin: 3px 0;
				}
					
					#contentMain #navOurHomes ul li a {
						padding: 3px 0 1px 22px;
						background: url(/a/img/bg-icon-house.gif) center left no-repeat;
						color: #333;
					}
					
					#contentMain #navOurHomes ul li a:hover {
						text-decoration: underline;
					}
					
					#pageBembridgeHouse #navOurHomes ul .lnkBembridgeHouse a,
					#pageCherryOrchard #navOurHomes ul .lnkCherryOrchard a,
					#pageDramsdon #navOurHomes ul .lnkDramsdon a,
					#pageElcotClose #navOurHomes ul .lnkElcotClose a,
					#pageForestview #navOurHomes ul .lnkForestview a,
					#pageHollyLodge #navOurHomes ul .lnkHollyLodge a,
					#pageHomeground #navOurHomes ul .lnkHomeground a,
					#pageMasefieldAvenue #navOurHomes ul .lnkMasefieldAvenue a,
					#pagePathways #navOurHomes ul .lnkPathways a,
					#pagePavenhill #navOurHomes ul .lnkPavenhill a,
					#pageShalom #navOurHomes ul .lnkShalom a,
					#pageWhistleyDene #navOurHomes ul .lnkWhistleyDene a,
					#pageWilcotRoad #navOurHomes ul .lnkWilcotRoad a,
					#pageWindermere #navOurHomes ul .lnkWindermere a {
						color: #000066;
						background-image: url(/a/img/bg-icon-house-on.gif);
					}
			
			/* FORMS */
			
			form {
				margin-bottom: 25px;
				color: #666;
			}
			
				fieldset {
					margin-bottom: 10px;
				}
			
				form ol li {
					clear: both;
					margin: 6px 0;			
				}
				
					form ol li label {
						display: block;
						margin-bottom: 4px;
						font-size: 85%;
					}	
					
					form ol li br {
						display: none;
					}
					
					form ol li input {
						width: 22em;
						font-size: 85%;
					}
					
					form ol li textarea {
						height: 10em;
						width: 30em;
						font-size: 85%;
					}
				
				form .action {
					margin-top: 10px;
				}
				
					form .action input {
						font-size: 85%;
						padding: 2px 5px;
						/* For IE6 & IE7 */
						*font-size: 93%;
						*padding: 2px 0;
					}
					
			/* Sub content */
			
			#contentSub {
				float: left;
				width: 154px;
				*padding-left: 1px;
			}
				
					#contentSub h4 {
						font-size: 77%;
						font-weight: bold;
						text-transform: uppercase;
						color: #000066;
						padding-bottom: 7px;
					}
					
					#contentSub p {
						padding-bottom: 15px;
						line-height: 1.5em;
						font-size: 77%;
						color: #666666;
					}
					
					#contentSub a.lnkLifeLine {
						font-weight: bold;
						color: #cc0000;
					}

			/* MAIN NAV */
			
			#contentSub #navMain {
				padding-top: 0;
				padding-left: 0;
				border-top: 17px solid #f4f4ff;
			}
			
				#navMain h4 {
					/* Safe screen reader hide */
					position: absolute;
					top: 0;
					left: -9999em;
				}
			
				#navMain ul {
					background: #f0f3fe url(/a/img/bg-dotted-line-top.gif) top left repeat-x;
					padding-top: 17px;
					padding-bottom: 10px;
				}
				
					#navMain ul li {
						font-size: 85%;
						display: block;
						margin-right: 10px;
					}
			
					#navMain ul li a {
						color: #000;
						display: block;
						width: 100%;
					}
					
					#navMain ul li a:hover {
						background: url(/a/img/bg-nav-arrow-on.gif) center left no-repeat;
						text-decoration: none;
					}
					
						#navMain ul li a span {
							border-bottom: 1px solid #cdd0dc;
							display: block;
							padding: 6px 0;
							margin-left: 15px;
						}
					
					#pageWelcome #navMain .lnkWelcome a,
					#pageAbout #navMain .lnkAbout a,
					#pageResidents #navMain .lnkResidents a,
					#pageLocations #navMain .lnkLocations a,
					#pageOurHomes #navMain .lnkOurHomes a,
						.sectionOurHomes #navMain .lnkOurHomes a,
					#pageContact #navMain .lnkContact a {
						background: url(/a/img/bg-nav-arrow.gif) center left no-repeat;
					}
					
					#navMain .lnkLifeLine a {
						color: #cc0000;
						font-weight: bold;
					}
					
					#navMain .lnkLifeLine a span {
						border-bottom: 0;
					}
					
			/* SUB CONTENT MODULES */
			
			#contentSub #latestNews, #contentSub #latestJobs {
				background: transparent url(/a/img/bg-dotted-line-top.gif) top left repeat-x;
				padding: 16px 10px 0 15px;
			}
			
			#contentSub #latestNews {
				background-color: #f4f4ff;
			}
			
/* FOOTER */
/* ----------------------------- */

		#footer {
			float: right;
			width: 496px;
			border-top: #d4d4d4 solid 1px;
			padding: 9px 0 25px 0;
			margin-right: 42px;
			_margin-right: 22px;
		}
		
			#footer p {
				font-size: 70%;
				line-height: 1.3em;
				margin-bottom: 4px;
			}
			
			#footer .address {
				padding-right: 125px;
			}
			
			#footer a {
				color: #666;
			}