/* CSS Document */
body {
	font-size: medium;
	font-family:"Times New Roman", Times, serif;
    background: #D0cfcf; 
	margin: 1em;
	padding: 0;
	text-align:center;
	min-width: 800px;}
	
#container {
	background-color: #FFFFFF;
	width: 800px;}
	
#container2 {
	
	width: 800px;
	background:url(Assets/images/linen3.jpg)
	}
#wrapper {width: 800px;
          margin: 0 auto;
		  text-align:left;
		  
}	
	

#banner {width: 700px;
         background-color: #7777C3;
		 border-top: 5px solid #7777C3;
		 }

#banner2 {width: 800px;
         background-color: #595A7C;
		 border-top: 25px solid #595A7C;
		 }
#bannerbar { background-color: #595A7C;
             width: 800px;
			 height: 7px;}		 

#navbar {width: 700px;
         background-color: #7777C3;
		 border-bottom: 3px solid #7777C3;
         align: right;
		 }
		 
#navbar2 {width: 800px;
         background-color: #FFFFFF;
		 padding-bottom: 3px;
		 border-bottom: 3px solid #F78633;
         align: right;
		 color: #000000;
		 }
		 
#navbar a {font-size: 1.2em;
           color: #D4D4F8;
           align: right;
           padding: 10px 15px 0px 15px;
		   text-decoration: none;

		   }	
#navbar2 a {font-size: 0.8em;
            width: 780px;
            font-weight:800;
			font-family:Verdana, Arial, Helvetica, sans-serif;
           color: #000000;
           text-align: right;
           padding: 10px 15px 5px 15px;
		   text-decoration: none;
		   

		   }		 		   
		   	 
#navbar a:hover {color: #FFFFFF;
	             text-decoration: none;
                }
				
#navbar2 a:hover {color: #F78633;
	             text-decoration: none;
                }
#navbar2 a:visited {color: #000000;}				
	 
.sitename2 {background-color: #7777C3;
            padding: 0px 20px 10px 20px;
            color: #FFf;
			font-size: 3em;}
			
.sitename3 {background-color: #595A7C;
            padding: 0px 20px 0 20px;
            color: #ffffff;
			font-size: 3em;
			}			
			
				 

.sitename {background-color: #7777C3;
            padding: 0px 20px 10px 20px;
            color: #ffffff;
			font-size: 3em;}
			
/*#bannernav1 a {position: absolute;
             right: 600px;
			 top: 30px;
             background-color: #360;
			 font-size: 1.8em;
			 color:#CFC;}*/
			 
#section1, #section2, #section3, #section6   { width: 100%;
            padding-top: 20px;
}

#section4, #section5{width: 100%;

}
#section7, #section8 {width:100%;
           padding-top:10px;}		   
p.section-text1{ width: 260px;
                padding-left: 30px;
				padding-right: 210px;
				font-size: large;
				float: left;
}


#section2 p.section-text2 { width: 260px;
                padding-left: 30px;
				padding-right: 80px;
				padding-top: 80px;
				font-size: large;
				float: left;} 

html>body #section2 p.section-text2 { width: 260px;
                padding-left: 30px;
				padding-right: 80px;
				padding-top: 50px;
				font-size: large;
				float: left;} 				

#section9 p.section-text9 { width: 260px;
                padding-left: 30px;
				padding-right: 80px;
				padding-top: 80px;
				font-size: large;
				float: left;} 

html>body #section9 p.section-text9 { width: 260px;
                padding-left: 30px;
				padding-right: 80px;
				padding-top: 50px;
				font-size: large;
				float: left;} 				


#section3 p.section-text3 { width: 160px;
                padding-left: 30px;
				padding-right: 27px;
				padding-top: 0px;
				font-size: large;
				float: left;} 				

html>body #section3 p.section-text3 { width: 160px;
                padding-left: 30px;
				padding-right: 27px;
				padding-top: 0px;
				font-size: large;
				float: left;} 
				
p.section-text4 { width: 260px;
                padding-left: 30px;
				padding-right: 126px;
				padding-top: 240px;
				font-size: large;
				float: left;}
				 
html>body p.section-text4 { width: 260px;
                padding-left: 30px;
				padding-right: 126px;
				padding-top: 210px;
				font-size: large;
				float: left;}
p.section-text5 { width: 260px;
                padding-left: 30px;
				padding-right: 126px;
				padding-top: 240px;
				font-size: large;
				float: left;}
				
html>body p.section-text5 { width: 260px;
                padding-left: 30px;
				padding-right: 126px;
				padding-top: 190px;
				font-size: large;
				float: left;}

								
#section4 p.section-text4-title {padding-left: 30px;
                 
                 font-size:24px;
				 padding-top: 30px;
				 font-weight: 700;
				 width: 260px;
				 float: left;
				 padding-right: 126px;
				 margin-bottom: -55px;}
				 	
html>body #section4 p.section-text4-title {padding-left: 30px;
             
				 font-size:24px;
				 
				 padding-top: 0px;
				 font-weight: 700;
				 width: 260px;
				 float: left;
				 padding-right: 126px;}		
				 
#section5 p.section-text5-title {padding-left: 30px;
                 font-size:24px;
				 padding-top: 30px;
				 font-weight: 700;
				 width: 260px;
				 float: left;
				 padding-right: 126px;
				 margin-bottom: -55px;}
				 	
html>body #section5 p.section-text5-title {padding-left: 30px;
                 font-size:24px;
				 margin-top: -30px;
				 font-weight: 700;
				 width: 260px;
				 float: left;
				 padding-right: 126px;}					 			 				

#section6 p.section-text6 { width: 140px;
                padding-left: 30px;
				padding-right: 47px;
				padding-top: 50px;
				font-size: large;
				float: left;} 				

html>body #section6 p.section-text6 { width: 140px;
                padding-left: 30px;
				padding-right: 47px;
				padding-top:20px;
				font-size: large;
				float: left;} 
#section7 p.section-title {padding-left: 30px;
                 font: "Eras Bold ITC";
                 font-size:24px;
				 padding-top: 30px;
				 font-weight: 700;
				 width: 260px;
				 float: left;
				 padding-right: 0px;
				 margin-bottom: -55px;}
				 	
html>body #section7 p.section-title {padding-left: 30px;
                 font-size:24px;
				 padding-top: 0px;
				 font-weight: 700;
				 width: 260px;
				 float: left;
				 padding-right: 0px;}
				 
p.section-text7 { width: 260px;
                padding-left: 30px;
				padding-right: 34px;
				margin-top: -120px;
				font-size: large;
				float: left;}
				
html>body p.section-text7 { width: 260px;
                padding-left: 30px;
				padding-right: 34px;
				padding-top: 170px;
				font-size: large;
				float: left;}
				 						

p.section-text8 { width: 500px;
                padding-left: 30px;
				font-size: large;
}
				
html>body p.section-text8 { width: 500px;
                padding-left: 30px;
				font-size: large;
}

#section8 p.section-text8-title {padding-left: 30px;
                 font-size:24px;
				 padding-top: 30px;
				 font-weight: 700;
				 width: 260px;


				 margin-bottom: -55px;}
				 	
html>body #section8 p.section-text8-title {padding-left: 30px;
                 font-size:24px;
				 margin-top: -30px;
				 font-weight: 700;
				 width: 260px;

}									 			 			 				

#rule1, #rule2, #rule3, #rule4, #rule5, #rule6, #rule7 { padding-left: 30px;}

p.section-title { padding-left: 30px;
                 font-size:24px;
				 font-weight: 700;}
				 
p.section-text4-title { padding-left: 30px;
                 font-size:24px;
				 padding-top: 10px;
				 font-weight: 700;}				 

			 
#intro {width: 700px;
       }            
			
#intro p{font-size: 1.2em;
         width: 260px;
         position: absolute;
		 top: 110px;
		 left: 20px;}
		
		

#intro img {position: absolute;
            top: 110px;
			left: 505px;
}		 
			
.intro-img-text {position: absolute;
                 left: 295px;
                 top: 370px;
				 font-size: 1.2em;}
#stool-image1 img {position: absolute;
                   top: 410px;
				   left: 20px;}
				   
.stool-image1-text {position: absolute;
                    left: 20px;
                    top: 700px;
					font-size: 1.2em;}				   
				  
#stool-image2 img {position: absolute;
                   top: 410px;
				   left: 265px;}
.stool-image2-text {position: absolute;
                    left: 30px;
					font-size: 1.2em;
                    top: 920px;}

#how-row1, how-row2, how-row3 {width: 700px;}



.how-text1 {font-size: 1em;
            position: absolute;
			top: 120px;
			left: 265px;
			width: 200px;}
.why-text1 {font-size: 1em;
            position: absolute;
			top: 110px;
			left: 250px;
			width: 230px;}			
.jig-colour {position: absolute;
             top: 120px;
			 left: 20px;
			 width: 215;}
			 
.chris-img {position: absolute;
             top: 120px;
			 left: 20px;}
			 
.chris-text {position: absolute;
             top: 390px;
			 left: 20px;}			 			 

			
.how-grow1 {position: absolute;
			top: 110px;
			left: 490px;}
			
.whystool {position: absolute;
			top: 118px;
			left: 500px;}
			
.how-text2 {font-size: 1em;
            position: absolute;
			top: 328px;
			left: 525px;
			width: 200px;}
			
.how-grow2 {position: absolute;
             top: 460px;
			 left: 30px;}						

.how-text3 {font-size: 1em;
            position: absolute;
			top: 720px;
			left: 30px;
			width: 215px;}

.how-grow3 {position: absolute;
			top: 410px;
			left: 245px;}
			
.how-text4 {font-size: 1em;
            position: absolute;
			top: 720px;
			left: 270px;
			width: 215px;}

.how-grow4 {position: absolute;
			top: 405px;
			left: 490px;}

.how-text5 {font-size: 1em;
            position: absolute;
			top: 720px;
			left: 520px;
			width: 215px;}

.how-grow6 {position: absolute;
			top: 800px;
			left: 240px;}
			
.how-text6 {font-size: 1em;
            position: absolute;
			top: 1010px;
			left: 510px;
			width: 250px;}
									
.kidsimage {position: absolute;
			top: 450px;
			left: 125px;}
									
.why-text2 {position: absolute;
            top: 820px;
			left: 255px;
			width: 220px;}
												
.history-image1 {position: absolute;
                 top: 120px;
			     left: 15px;
			     width: 215px;}
.history-text {position: absolute;
                 top: 120px;
			     left: 245px;
			     width: 240px;}
.history-image2 {position: absolute;
                 top: 120px;
			     left: 490px;
			     width: 215px;}
.history-image3 {position: absolute;
                 top: 360px;
			     left: 15px;
			     width: 215px;}
.history-image4 {position: absolute;
                 top: 500px;
			     left: 490px;
			     width: 215px;}
.history-image5 {position: absolute;
                 top: 750px;
			     left: 15px;
			     width: 215px;}
.history-image6 {position: absolute;
                 top: 875px;
			     left: 350px;
			     width: 400px;}	
#section9a {position:relative;
width: 100%;
            padding-top: 20px;}

.img-right{margin-right:20px;
           float:right;
		   margin-left:10px;
		   margin-bottom:20px;}			
			
 #section9a p{
                padding-left: 30px;
				
				
				font-size: large;
				}  
#section9b {position:relative;
width: 100%;
            padding-top: 20px;}	
#section9b p{
                padding-left: 30px;
								font-size: large;
				}