body,html {

	font-family:Georgia, "Times New Roman", Times, serif;
	width:100%;
	height:100%;
	font-size:65%;
	color: #505050;
	background:url(../images/backGrep.jpg) repeat-x;
	
	}

*{
	margin:0px;
	padding:0px;
	
}


		p{
		font-size:170%;
		}
		
		h1{
		
		}
		
		h2{
		
		}
		
		h3{
		
		}
		
		h4{
		
		}
		
		h1#TheSchool{
			width:255px;
			height:24px;
			display:block;
			text-indent:-5000px;
			float:left;
			margin:25px 0px 25px 0px;
			background:url(../images/Ashton_House_School.jpg) no-repeat;
		}
		
		h3#C-Curriculum{
			width:166px;
			height:30px;
			display:block;
			margin:0px 0px 5px 0px;
			background:url(../images/C-H3-Curriculum.jpg) no-repeat;
			text-indent:-5000px;
		}
		
		h3#C-Teachers{
			width:166px;
			height:30px;
			display:block;
			margin:0px 0px 5px 0px;
			background:url(../images/C-H3-Teachers.jpg) no-repeat;
			text-indent:-5000px;
		}
		
		h3#C-ArtsMusic{
			width:166px;
			height:30px;
			display:block;
			margin:0px 0px 5px 0px;
			background:url(../images/C-H3-ArtsMusic.jpg) no-repeat;
			text-indent:-5000px;
		}



#PageContainer{
	width:760px;
	margin:0px auto;
}

#ContainerBottom{
	width:100%;
	float:left;
	clear:both;
}

#Header{
	width:760px;
	height:130px;
	display:block;
	float:left;
	clear:both;
	background:url(../images/clouds.jpg) no-repeat;
}

#TheLogo{
	float:left;
	margin:25px 75px 20px 45px;
}

#strap{
	/*color:#FFFFFF;*/
	color:#063A61;
	width:310px;
	height:100px;
	overflow:auto;
	margin:28px 0px 0px 250px;
	font-size:200%;
	line-height:22px;
}

#TopNav{
	width:560px;
	float:right;
	margin:0px 12px 0px 0px;
}

	#TopNav ul{
		width:480px;
		height:25px;
		background:url(../images/TNbackG.jpg) no-repeat;
		padding:0px 40px 0px 40px;
	}
	
	#TopNav ul li{
		display:inline;
		font-size:170%;
		list-style:none;
	}
	
	#TopNav ul li a{
		color:#FFC501;
		text-decoration:none;
	}
	
	#TopNav ul li a:hover{
		text-decoration:underline;
	}
	
	#TopNav ul li a#Homepage{
		width:88px;
		height:25px;
		display:block;
		float:left;
		padding:0px 0px 0px 0px;
		margin:0px 44px 0px 0px;
		background:url(../images/TN-homepage.jpg) no-repeat;
		text-indent:-5000px;
	}
	
	#TopNav ul li a#Homepage:hover{
		background-position:0px -25px;
	}
	
	#TopNav ul li a#Contact{
		width:90px;
		height:25px;
		display:block;
		float:left;
		padding:0px 0px 0px 0px;
		margin:0px 40px 0px 0px;
		background:url(../images/TN-contact.jpg) no-repeat;
		text-indent:-5000px;
	}
	
	#TopNav ul li a#Contact:hover{
		background-position:0px -25px;
	}
	
	#TopNav ul li a#ApplyOnline{
		width:108px;
		height:25px;
		display:block;
		float:left;
		padding:0px 0px 0px 0px;
		margin:0px 40px 0px 0px;
		background:url(../images/TN-apply.jpg) no-repeat;
		text-indent:-5000px;
	}
	
	#TopNav ul li a#ApplyOnline:hover{
		background-position:0px -25px;
	}
	
	#TopNav ul li a#FAQs{
		width:57px;
		height:25px;
		display:block;
		float:left;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		background:url(../images/TN-faqs.jpg) no-repeat;
		text-indent:-5000px;
	}
	
	#TopNav ul li a#FAQs:hover{
		background-position:0px -25px;
	}

#LowerNav{
	width:561px;
	float:left;
	margin:0px 11px 0px 0px;
}

	#LowerNav ul{
		width:561px;
		height:30px;
		padding:0px;
		margin:0px;
	}
	
	#LowerNav ul li{
		display:inline;
		font-size:170%;
	}
	
	#LowerNav ul li a{
		text-decoration:none;
	}
	
	#LowerNav ul li a:hover{
		text-decoration:underline;
	}
	
	#LowerNav ul li a#OurSchool{
		width:84px;
		height:30px;
		display:block;
		float:left;
		padding:0px;
		margin:0px 1px 0px 0px;
		background:url(../images/LN-OurSchool.jpg) no-repeat;
		text-indent:-5000px;
	}
	
	#LowerNav ul li a#OurSchool:hover{
		background-position:0px -30px;
	}
	
	#LowerNav ul li a#Curriculum{
		width:85px;
		height:30px;
		display:block;
		float:left;
		padding:0px;
		margin:0px 1px 0px 1px;
		background:url(../images/LN-Curriculum.jpg) no-repeat;
		text-indent:-5000px;
	}
	
	#LowerNav ul li a#Curriculum:hover{
		background-position:0px -30px;
	}
	
	#LowerNav ul li a#Teachers{
		width:71px;
		height:30px;
		display:block;
		float:left;
		padding:0px;
		margin:0px 1px 0px 1px;
		background:url(../images/LN-Teachers.jpg) no-repeat;
		text-indent:-5000px;
	}
	
	#LowerNav ul li a#Teachers:hover{
		background-position:0px -30px;
	}
	
	#LowerNav ul li a#Sports{
		width:55px;
		height:30px;
		display:block;
		float:left;
		padding:0px;
		margin:0px 1px 0px 1px;
		background:url(../images/LN-Sports.jpg) no-repeat;
		text-indent:-5000px;
	}
	
	#LowerNav ul li a#Sports:hover{
		background-position:0px -30px;
	}
	
	#LowerNav ul li a#ArtsMusic{
		width:96px;
		height:30px;
		display:block;
		float:left;
		padding:0px;
		margin:0px 1px 0px 1px;
		background:url(../images/LN-ArtsMusic.jpg) no-repeat;
		text-indent:-5000px;
	}
	
	#LowerNav ul li a#ArtsMusic:hover{
		background-position:0px -30px;
	}
	
	#LowerNav ul li a#Choices{
		width:94px;
		height:30px;
		display:block;
		float:left;
		padding:0px;
		margin:0px 1px 0px 1px;
		background:url(../images/LN-Choices.jpg) no-repeat;
		text-indent:-5000px;
	}
	
	#LowerNav ul li a#Choices:hover{
		background-position:0px -30px;
	}
	
	#LowerNav ul li a#Pastoral{
		width:64px;
		height:30px;
		display:block;
		float:left;
		padding:0px;
		margin:0px 0px 0px 1px;
		background:url(../images/LN-Pastoral.jpg) no-repeat;
		text-indent:-5000px;
	}
	
	#LowerNav ul li a#Pastoral:hover{
		background-position:0px -30px;
	}
	
#LeftMenu{
	width:160px;
	float:left;
	padding:0px 0px 20px 0px;
	background:url(../images/LM-Base.jpg) no-repeat;
	background-position:bottom;
	background-color:#003152;
	font-family:Verdana, Arial, Tahoma, sans-serif;
	position:relative;
}

	#LeftMenu p{
		color:#FFFFFF;
		margin:10px 10px 10px 10px;
		line-height:14px;
		font-size:150%;
	}
	
	#LeftMenu a{
		color:#F6C500;
		font-size:160%;
		margin:10px 10px 10px 10px;
		line-height:17px;
		text-decoration:none;
		/*background:url(../images/LM-LinkGraph.jpg) no-repeat;*/
		padding:0px 0px 0px 0px;
		background-position:0px 3px;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	

	
	#LeftMenu a:hover{
		text-decoration:underline;
	}
	
	#LeftMenu #LM-Enquiries{
		width:160px;
		height:40px;
		/* DAVID */
		margin:0;
		display:block;
		background:url(../images/LM-H2-Enquiries.jpg) no-repeat;
		text-indent:-5000px;
	}
	
	#LeftMenu #LM-ApplyOnline{
		width:160px;
		height:40px;
		display:block;
		background:url(../images/LM-H2-Apply_Online.jpg) no-repeat;
		text-indent:-5000px;
		margin:12px 0px 0px 0px;
	}
	
	#LeftMenu #LM-Newsletters{
		width:160px;
		height:40px;
		display:block;
		background:url(../images/LM-H2-Newsletters.jpg) no-repeat;
		text-indent:-5000px;
		margin:12px 0px 0px 0px;
	}
	#LeftMenu #LM-Faqs{
		width:160px;
		height:40px;
		display:block;
		background:url(../images/LM-H2-Faqs.jpg) no-repeat;
		text-indent:-5000px;
		margin:12px 0px 0px 0px;
	}
	#LeftMenu #LM-Artsmusic{
		width:160px;
		height:40px;
		display:block;
		background:url(../images/LM-H2-ArtsNMusic.jpg) no-repeat;
		text-indent:-5000px;
		margin:12px 0px 0px 0px;
	}
	#LeftMenu #LM-Choices{
		width:160px;
		height:40px;
		display:block;
		background:url(../images/LM-H2-Choices.jpg) no-repeat;
		text-indent:-5000px;
		margin:12px 0px 0px 0px;
	}
	#LeftMenu #LM-Curriculum{
		width:160px;
		height:40px;
		display:block;
		background:url(../images/LM-H2-Curriculum.jpg) no-repeat;
		text-indent:-5000px;
		margin:12px 0px 0px 0px;
	}
	#LeftMenu #LM-School{
		width:160px;
		height:40px;
		display:block;
		background:url(../images/LM-H2-School.jpg) no-repeat;
		text-indent:-5000px;
		margin:12px 0px 0px 0px;
	}
	#LeftMenu #LM-Pastoral{
		width:160px;
		height:40px;
		display:block;
		background:url(../images/LM-H2-Pastoral.jpg) no-repeat;
		text-indent:-5000px;
		margin:12px 0px 0px 0px;
	}
	#LeftMenu #LM-Sports{
		width:160px;
		height:40px;
		display:block;
		background:url(../images/LM-H2-Sports.jpg) no-repeat;
		text-indent:-5000px;
		margin:12px 0px 0px 0px;
	}
	#LeftMenu #LM-Teachers{
		width:160px;
		height:40px;
		display:block;
		background:url(../images/LM-H2-Teachers.jpg) no-repeat;
		text-indent:-5000px;
		margin:12px 0px 0px 0px;
	}
	
	#LeftMenu ul{
		margin:14px 10px 14px 10px;
	}
	
	#LeftMenu ul li{
		padding:5px 0px 5px 0px;
		border-bottom:1px dotted #84B5D6;
		list-style:none;
	}
	
	#LeftMenu ul li#first{
		padding:5px 0px 5px 0px;
		border-top:1px dotted #84B5D6;
		list-style:none;
	}
	
	#LeftMenu ul li a{
		font-size:170%;
		margin:0px;
		padding:0px;
		background:none;

	}

	
#ContentArea{
	width:590px;
	height:171px;
	float:right;
	margin:-1px 0px 0px 0px;
	background:url(../images/MG-homepage.jpg) no-repeat;
	background-color:#FFFFFF;
}

#Content{
	width:520px;
	float:right;
	background-color:#FFFFFF;
	margin:-10px 20px 0px 20px;
	padding:0px 15px 20px 15px;
	position:relative;
}

#Content p{
	margin:0px 0px 20px 0px;
	line-height:17px;
	color:#063A61;
}

#Content .ContentImage{
	border:1px solid #9AA8B5;
	float:left;
	margin:0px 15px 15px 0px;
}

#Content .ContentImage1{
	float:left;
	margin:0px 15px 15px 0px;
}

#Content .DottedSection{
	width:100%;
	border-top:1px dotted #9AA8B5;
	border-bottom:1px dotted #9AA8B5;
	margin:15px 0px 15px 0px;
	padding:10px 0px 0px 0px;
	float:left;
}



#Content .DottedSection a{
	color:#E4A100;
	font-weight:700;
}


#Content a.readmore{
	width:82px;
	height:24px;
	float:left;
	display:block;
	text-indent:-5000px;
	background:url(../images/readmore.jpg) no-repeat;
	margin:-10px 10px 0px 0px;
}

#Content #col{
	width:166px;
	float:left;
}

	#Content #col img{
		margin:0px 0px 15px 0px;
	}

#Content #colMid{
	width:166px;
	margin:0px 10px 0px 10px;
	float:left;
}

	#Content #colMid img{
		margin:0px 0px 15px 0px;
	}
	
#Footer{
	width:100%;
	height:158px;
	float:left;
	clear:both;
	margin:30px 0px 0px 0px;
	background:url(../images/FooterRep.jpg) repeat-x;
	background-color:#E5F3FE;

}

	#Footer #FooterTop{
		width:760px;
		height:76px;
		padding:24px 0px 0px 0px;
		margin:0px auto;
		background:url(../images/footerGraphic.jpg) no-repeat;
		background-position:bottom;
	}
	
		#Footer #FooterTop #Address1{
			width:200px;
			float:left;
			margin:7px 0px 0px 400px;
			color:#0A3A5E;
		}
		
			#Footer #FooterTop #Address1 p{
				line-height:17px;
				background-color:#E5F3FE;
				overflow:visible;
			}
		
		#Footer #FooterTop #Address2{
			width:157px;
			
			float:right;
			margin:-34px 0px 0px 250px;
			color:#0A3A5E;
		}
		
			#Footer #FooterTop #Address2 p{
				line-height:17px;
				background-color:#E5F3FE;
				overflow:auto;
			}





/*#FooterBase{
	width:100%;
	height:10em;
	float:left;
	clear:both;
	margin:0px 0px 0px 0px;
	background-color:#003152;
}
	*/


/* DC - ADDITIONAL */

div.clear {
    clear:both;
}

#Content h1 { font-size:2em; }
#Content h2 { font-size:1.5em; }
#Content h3 { font-size:1.3em; }

#Footer #FooterTop #Copyright {
    float:right;
    margin:34px 40px 0px 120px;
}

#Footer #FooterTop #Copyright p {
    line-height:17px;
    color:#FFF;
}

#Signature {
    float:left;
    margin:34px 40px 0px 0px;
}

#Signature p {
    line-height:17px;
    color:#FFF;
}

#Signature p a {
    color:#FFF;
}

#LeftMenu p a{
    font-size:110%;
    margin:0px 0px 0px 0px;
}

#LeftMenu ul li{
    color:#fff;
    font-size:98%;
}

#LeftMenu h1{
    color:#fff;
    margin:10px 10px 10px 10px;
    line-height:14px;
    font-size:200%;
}

#LeftMenu h2{
    color:#fff;
    margin:10px 10px 10px 10px;
    line-height:14px;
    font-size:150%;
}

#LeftMenu table{
    color:#000;
    margin:0px 10px 0px 10px;
    width:87%;
    line-height:14px;
    font-size:150%;
}

#login_details { float:left; width:520px; clear:both; margin-bottom:5px; font-size:10px; }