/* CSS Document */
body {
	font-size: medium;
	font-family: TimesNR, serif;
    background: #ffffff; 
	margin: 1em;
	padding: 0;

	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: #5B4F5A;
		 border-top: 25px solid #5B4F5A;
		 }
#bannerbar { background-color: #5B4F5A;
             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;

			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: #5B4F5A;
            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;}*/
			 
#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;}
.how-text1a {font-size: 1em;
            position: absolute;
			top: 250px;
			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;}