/* CSS Document */
body {
	font-size: medium;
	font-family: TimesNR, serif;
    background: #D0cfcf; 
	margin: 1em;
	padding: 0;
	text-align:center;
	min-width: 800px;}
	
	
#container2 {
	
	width: 800px;
	background:url(/Assets/images/linen-sandy.jpg);
	}
	
#container3 {
	
	width: 800px;
	background-color:#FFFFFF;
    height:1400px;
	}	
	
#wrapper {width: 800px;
          margin: 0 auto;
		  text-align:left;
		  
}	
	


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

		 
#navbar2 {width: 800px;
         background-color: #FFFFFF;
		 padding-bottom: 3px;
		 border-bottom: 3px solid #F78633;
         align: right;
		 color: #000000;
		 }
		 
	
#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;
		  		   }		 		   
				
#navbar2 a:hover {color: #F78633;
	             text-decoration: none;
                }
#navbar2 a:visited {color: #000000;}				


.sitename3 {background-color: #595A7C;
            padding: 0px 20px 0 20px;
            color: #ffffff;
			font-size: 3em;
			}			

h1 {
    font-size:24px;
	padding-left:30px;
	}			
			 
#section2, #section4, #section3, #section5, #section6   { width: 100%;
            padding-top: 20px;
}

#section1 {width: 100%;}
		   		   
p.section1-text{ width: 260px;
                padding-left: 30px;
				padding-right: 60px;
				padding-top: 60px;
				font-size: large;
				padding-right: 263px;
				float:left;

}

html>body #section1 p.section1-text { width: 260px;
                padding-left: 30px;
				padding-right: 60px;
				padding-top: 40px;
				font-size: large;
				padding-right: 265px;
				float:left;

}

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

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


#section3 p.section-text3 { width: 260px;
                padding-left: 30px;
				padding-right: 210px;
				padding-top:95px;
				padding-bottom: 20px;
				font-size: large;
				float: left;} 				

html>body #section3 p.section-text3 { width: 260px;
                padding-left: 30px;
				padding-right: 210px;
				padding-top: 55px;
				padding-bottom: 10px;
				font-size: large;
				float: left;} 
				
#section4 p.section-text4 
              { width: 260px;
                padding-left: 30px;
				padding-right: 238px;
				padding-top: 145px;
				padding-bottom: 20px;
				font-size: large;
				float: left;}
				
html>body #section4 p.section-text4 
              { width: 260px;
                padding-left: 30px;
				padding-right: 238px;
				padding-top: 125px;
				padding-bottom: 0px;	
				font-size: large;
				float: left;}
				
#section5 p.section-text5 
              { width: 260px;
                padding-left: 30px;
				padding-right: 245px;
				padding-top: 165px;
				padding-bottom: 20px;
				font-size: large;
				float: left;}
				
html>body #section5 p.section-text5 
              { width: 260px;
                padding-left: 30px;
				padding-right: 245px;
				padding-top: 140px;
				padding-bottom: 10px;
				font-size: large;
				float: left;}

#section6 p.section-text6 
              { width: 260px;
                padding-left: 30px;
				padding-right: 245px;
				padding-top: 130px;
				padding-bottom: 20px;
				font-size: large;
				float: left;} 				

html>body #section6 p.section-text6 
              { width: 260px;
                padding-left: 30px;
				padding-right: 245px;
				padding-top: 110px;
				padding-bottom: 0px;
				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;}					 			 				


#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;
				padding-top: 200px;
				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;}
		
#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;}