/*
Stylesheet for Pakuranga Counselling Centre
Coded by Ravlich Consulting Ltd.
22 December 2009.
Version 1.0
*/

body{
background-image: url(images/bg.gif);
background-repeat: repeat-x;
background-position: top left;
background-color: #F3F3F3;
margin: 0 auto;
text-align: center;
font-family: Verdana, Tahoma, Arial, sans-serif;
}

#PageWrapper{
width: 900px;
margin: 0 auto;
text-align: center;
}

	#LogoSpace{
	position: relative;
	float: left;
	width: 400px;
	color: #FFFFFF;
	text-align: right;
	margin-top: 53px;
	clear: left;
	font-family: Tahoma, Arial, sans-serif;
	}
		.Heading{
		position: relative;
		float: right;
		font-size: 28px;
		color:#FFFFFF;
		padding-bottom: 5px;
		}
	
		.SubHead{
		font-size: 12px;
		color: #FFFFFF;
        line-height: 10px;
		}
		
	#ImgSpace{
	position: relative;
	float: left;
	width: 146px;
	height:	81px;
	margin-left: 33px;
	margin-top: 50px;
	}
	
	#MenuSpace{
	position: relative;
	float: right;
	width: 240px;
	clear: right;
	margin-top: 60px;
	text-align: left;
	color: #FFFFFF;
	text-indent: 50px;
	}
		.MenuItem{
		display: block;
		width: 248px;
		height: 58px;
		line-height: 47px;
		background-image: url(images/bg_menu.gif);
		background-repeat: no-repeat;
		background-position: top left;
		cursor: pointer;
		font-family: Arial, Verdana, sans-serif;
		font-size: 18px;
		}
	
		.MenuItem a:link, .MenuItem a:visited{
		color: #FFFFFF;
		text-decoration: none;
		width: 248px;
		height: 58px;
		display: block;
		}
		
		.MenuItem a:hover{
		color: #83AB52;
		text-decoration: none;
		background-image: url(images/bg_menu_hover.gif);
		background-repeat: no-repeat;
		background-position: top left;
		}
	
		.current a:link,.current a:visited{
		color: #83AB52;
		text-decoration: none;
		background-image: url(images/bg_menu_hover.gif);
		background-repeat: no-repeat;
		background-position: top left;
		}

	
	#ContentSpace{
	position: relative;
	float: left;
	width: 635px;
	margin-top: 13px;
	text-align: left;
	background-image: url(images/Contentbg.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	}		

		#BannerSpace{
		width: 636px;
		height: 391px;
		position: relative;
		float: left;
		background-image:url(images/Banner.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		margin-bottom: -70px;
		}	
		.ContentHeader{
		position: relative;
		float: left;
		width: 540px;
		margin-left: 45px;
		margin-top: 20px;
		clear: both;
		font-size: 18px;
		font-weight: bold;
		color: #333333;
		}
		.ContentText{
		position: relative;
		float: left;
		width: 540px;
		margin-left: 45px;
		font-size: 12px;
		line-height: 16px;
		clear: both;
		margin-top: 0px;
		}
		.GreyContentBox{
		position: relative;
		float: left;
		width: 540px;
		background-color: #D9D9D9;
		clear: left;
		margin-left: 45px;
		margin-top: 10px;
		background-image: url(images/GreyHeader.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		}
			.GreyHeader{
			position: relative;
			float: left;
			width: 500px;
			font-size: 14px;
			font-weight: bold;
			clear: both;
			margin-left: 20px;
			margin-top: 20px;
			}
			.LeftGreyContent{
			position: relative;
			float: left;
			width: 250px;
			margin-left: 20px;
			margin-top: 10px;
			font-size: 12px;
			}
			.RightGreyContent{
			position: relative;
			float: left;
			width: 250px;
			margin-left: 20px;
			margin-top: 10px;
			font-size: 12px;
			}
			.GreyContentFooter{
			position: relative;
			float: left;
			width: 540px;
			height: 25px;
			background-color: #D9D9D9;
			clear: both;
			background-image: url(images/GreyFooter.jpg);
			background-repeat: no-repeat;
			background-position: bottom left;
			}
	
	#TestimonySpace{
	position: relative; 
	float: right;
	text-align: left;
	width: 250px;
	clear: right;
	margin-top: 75px;
	font-family: Georgia, Times, 'Times New Roman', Serif;
	color: #8B8A8A;
	}
	
		.QuotesHeading{
		text-transform: uppercase;
		font-family: Arial;
		font-weight: bold;
		font-size: 20px;
		color: #1E1E1E;
		margin-left: 25px;
		}
		.QuotationMark1{
		position: relative;
		float: left;
		width: 240px;
		font-size: 60px;
		padding-top: 20px;
		line-height: 17px;
		clear: both;
		}
		.QuotedText{
		position: relative;
		float: left;
		width: 195px;
		margin-left: 27px;
		font-size: 12px;
		line-height: 17px;
		clear: both;
		margin-top: -25px;
		text-align: justify;
		}
		.QuotationMark2{
		position: relative;
		float: left;
		width: 250px;
		text-align: right;
		font-size: 60px;
		line-height: 60px;
		clear: both;
		margin-top: -27px;
		}
		
	#FooterSpace{
	position: relative;
	float: left;
	width: 635px;
	height: 43px;
	background-color: #F3F3F3;
	background-image: url(images/footerbg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-align: left;
	margin-left: 2px;
	}
		.FooterText{
		position: relative;
		float: left;
		width: 600px;
		text-align: right;
		font-size: 10px;
		color: #8C8A8A;
		line-height: 16px;
		}
		
		.FooterText a:link, .FooterText a:visited{
		color: #4481DB;
		text-decoration: none;
		}
		
		.FooterText a:hover{
		color: #4481DB;
		text-decoration: underline;
		}
		
a:link, a:visited{
color: #4481DB;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

.MultiList1{
position: relative;
float: left;
width: 240px;
margin-bottom: 10px;
margin-left: 0px;
display: block;
font-size: 11px;
clear: left;
}

.MultiList2{
position: relative;
float: left;
width: 250px;
margin-bottom: 10px;
margin-left: 30px;
display: block;
font-size: 11px;
}

.MultiList ul{
padding: 0 0 0 0;
margin: 0 0 0 0;
}

p{
position: relative;
float: left;
width: 100%;
clear: both;
}

strong{
color: #274A7E;
}

.AddressFloat{
position: relative;
float: left;
width: 230px;
margin-left: 45px;
font-size: 12px;
line-height: 16px;
clear: none;
margin-top: 0px;
}

.RightFloat{
position: relative;
float: left;
width: 300px;
clear: none;
}