/* Happy Families website CSS - Copyright Instyle Web Design 2006 */

body {
	background: #2C465B;
	text-align: center;
}

/* Main Links */

a:link, a:visited {
	color: #4C84BF; /* Blue */
	text-decoration: underline;
}

a:hover, a:active {
	color: #90CC1C; /* Green */
	text-decoration: none;
}

#subFooter a:link, #subFooter a:visited {
	color: #4C84BF; /* Blue */
	text-decoration: underline;
}

#subFooter a:hover, #subFooter a:active {
	color: #FFFFFF; /* White */
	text-decoration: none;
}

h1 {
	font-size: 140%;
	font-weight: bold;
}

#mainContainer {
	width: 750px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background: #FFF url(../images/main_topCurve.jpg) top left no-repeat;
}

#banner {
	height: 137px;
}

	.clear {
		clear: both;
	}

#mainMenu {
	clear: both;
	width: 750px;
	color: #333;
	background: #FFF url(../images/menu_bg.jpg) no-repeat;
}

	#mainMenu a {
		padding: 5px 0 0 10px;
		color: #333;
		font-weight: bold;
		text-decoration: none;
	}
	
	#mainMenu a:hover, #mainMenu a:active {
		color: #666;
	}
		
	.buttonSingle {
		background: transparent url(../../images/buttonBg1.jpg) top left no-repeat;
		width: 140px;
		height: 28px;
		padding-bottom: 5px;
	}
	
#content {
	width: 555px;
	float: left;
	padding: 0 0 10px 0;
	margin: 0;
	background: #FFF url(../../images/contentBottom.gif) bottom left no-repeat;
	color: #333;
}

#randomImage {
	width: 250px;
	float: left;
	padding: 20px 0 0 10px;
	}

#subContent {
	width: 290px;
	float: left;
	padding-top: 30px;
	margin-right: -10px;
}

	#content h1 {
		padding: 0 0 10px 0;
		margin: 0;
		background: transparent url(../../images/contentTop.gif) top left no-repeat;
	}
	
	h2 {
		font-size: 85%;
		font-weight: bold;
	 	padding: 0 20px 0 0;
		margin: 0 0 10px 0;
		color: #90CC1C;

	}
	
	h3 {
		font-size: 80%;
		font-weight: bold;
	 	padding: 0 20px 0 0;
		margin: 0 0 10px 0;
		color: #333;
	}
	
	#content p {
	 	padding: 0 10px 0 0;
		margin: 0 0 10px 0;
		font-size: 75%;
		line-height: 1.3;
	}
	
	#testimonial p {
		border-bottom: 1px dashed #90CC1C;
		padding: 10px;
		background: url(../images/quotes_open.gif) top left no-repeat;
	}
	
	.highlight {
	 	font-style: bold italic;
	}
	
	hr {
		width: 90%;
		margin: 0 20px 0 20px;
		color: #78A32E;
	}
	
	.imgFloatLeft {
		float: left;
		padding: 0 10px 0 0;
	}
	
	.imgFloatRight {
		float: right;
		padding: 0 0 0 10px;
	}
	
	/* correct IE 5.5 font size in tables */
	
	table { 
		font-size: 75%; 
		margin: 0 20px 0 20px;
	}
	
	#content ul {
		list-style-image: url(../../images/bullet2.gif);
		padding: 0 3px 10px 50px;
		margin: 0;
		font-size: 75%;
	}
	
	#content li {
		padding: 2px 0 2px 0;
	}
	
	/* Form styles */

	fieldset {
	 	width: 450px;
		padding: 0 20px 0 20px;
		margin: 0 0 10px 0;
		border: none;
	}
	
	legend {
		font-size: 85%;
		color: #564218;
		font-weight: bold;
		padding-bottom: 10px;
	}
	
	label {
		float: left;
		width: 10.5em;
		padding-right:0
	}
	
	label.admin {
		float: left;
		width: 7em;
		padding-right:0
	}
	
	.required {
		color: #760000;
		font-size: 1em;
		font-weight: bold;
	}
	
	.normal {
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 90%;
		color: #333333;
	}

	input.checkbox {
		width: auto;
		margin-left: 72px;
	}

	
	.checkbox {
		width: 2em;
		float: none;
		padding-right: 1em;
	}
	
	.checkboxLabel {
		width: 50em;
		float: 
	}

	
	/* Enquiry form mods */
	
	input.enquiry {
		margin-left: 100px;
	}
	
	label.enquiries {
		float: left;
		width: 100px;
		padding-right:0;
	}
	
	/* end enquiry form mods*/
	.smlTxt {
		font-size: 90%;
	}


#feature {
	width: 180px;
	float: left;
	color: #333;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	padding-top: 20px;
}

	#emailNews {
		background: #FFF url(../images/emailNews_bg.gif) top left repeat-y;
		margin: -3px 10px -3px 0;
	}
		
		#emailNews p {
			font-size: 70%;
			margin: 0;
			padding: 10px;
		}


#subFooter {
	background: #FFF url(../images/main_bottomCurve.gif) top left no-repeat;
	clear: both;
	text-align: center;
	height: 25px;
}

	#subFooter p {
		padding-top: 5px;
		font-size: 70%;
		font-family: Arial, Helvetica, sans-serif;
	}

#footer {
	text-align: center;
	font-size: 75%;
	clear: both;
	background-color: #2C465B;
}

	#footer p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
	}