/************ General styles ***********/
       
	body {background-color:rgb(150,204,60);
		font-family:"Trebuchet MS",sans-serif,Arial;
		font-variant:normal;
		font-size: 12pt;
		color:rgb(0,69,0);
		margin-left:0px;
		margin-top :0px;
	}
	p{text-align:left;
		vertical-align:top;
		font-variant:normal;
		font-size: 12pt;
		color:rgb(51,51,51);
		}
	
	img{
		border:none;
	}
	a{
		outline: none;
		cursor:pointer;
	}
	
	
	/*** nav buttons ***/
	#nav{
		text-align:left;
		background: url("images/banner.png");
		width:750px;
		height:310px;
	}
	#nav img{		position:relative;	}
	#img1{		top:60px;left:35px;	}
	#img2{		top:135px;left:-45px;	}
	#img3{		top:45px;left:-40px;	}
	#img4{		top:120px;left:-120px;	}
	#img5{		top:-70px;left:570px;	}
	#img6{		top:-30px;left:570px;	}
	#img7{		top:20px;left:415px;	}
	#img8{		top:55px;left:415px;	}

	
	/*** index ***/
	#titleHome{
		background: url("images/titleHome.png");
		width:750px;
		height:50px;
		}
	#indexLeft{
		width:180px;
		vertical-align:top;
		text-align:center;
	}
	#indexRight{
		width:560px;
		padding-right:20px;
	}
	#boys{
		position:relative;
		top:20px;
	}
	#girls{
		position:relative;
		top:80px;
	}
	#indexRecycleLogo{
		position:relative;
		top:320px;
		left:100px;
		z-index:1;
	}
	#indexRecycleLogoFeedback{
		position:relative;
		top:-120px;
		left:-150px;
		z-index:1;
	}
   	#indexphotoScroll{text-align:center;}
	#picArea {padding-top:10px;height:250px;border:1px;background-color:#cdf8ff;position:relative}

	#picArea img {display:none;	position:absolute;top:5px;}
	
	
	/*** About Us***/
	#titleAbout{
		background: url("images/titleAbout.png");
		width:750px;
		height:50px;
		}
		
		
	
	
	/*** Events***/
	#titleEvents{
		background: url("images/titleEvents.png");
		width:750px;
		height:50px;
		}
	.eventDetail{
    	text-align:center;
	}
	.pink{
    	color:#ff3399;
    	font-size:20px;
    	font-weight:900;
	}
	
	/*** Feedback ***/
	#titleFeedback{
		background: url("images/titleFeedback.png");
		width:750px;
		height:50px;
		}
	#feedbackRecycleLogo{
		position:relative;
		top:30px;
		left:50px;
		z-index:1;
	}
	#feedbackTable{ text-align:center; border:none; width:80%}
	.feedback1{ border:3px; text-align:center; width:500px; border:thin solid #36A8D8; margin:auto}
	.feedback2{ border:3px; text-align:left; width:100%; color:#36A8D8}
	#feedback3{ text-align:center; font-weight:bold; font-size:20px}
	.feedback4{ font-weight:bold; font-size:16px; color:#A3C52A}
	
	
	
    /*** addFeedback ***/
	.addFeedbackTable{ text-align:center; border:none; width:80%; background-color:#36A8D8;}
	.addFeedback1{text-align:center; width:600px; border:thin solid #36A8D8;}
	.addfeedback2{text-align:left; width:35%; background-color:#A3C52A; color:#ffffff; padding:3px;}
	.addfeedback3{text-align:left}
	.addfeedback4{text-align:center; background-color:#A3C52A; color:#ffffff; padding:3px;}
	
   /************ Contact ***********/ 
	#titleContact{
		background: url("images/titleContact.png");
		width:750px;
		height:50px;
		}
	
	.navTable input,.navTable textarea{
    	width:300px;
	}
	#contactTable, .navTable{
    	margin:auto;
	}
	#contactTable td{
    	text-align:center;
	}
    .contact1{
        
	    font-weight: 900;
	    font-size: 25pt;
	    color:#ff0000;
    }
   /************ Links ***********/ 
	#titleLinks{
		background: url("images/titleLinks.png");
		width:750px;
		height:50px;
		}
	#linksTable{
    	margin:auto;
	}
	#linksTable td{
    	text-align:center;
	}
		
   /************ Boys ***********/ 
	#titleBoys{
		background: url("images/titleBoys.png");
		width:750px;
		height:50px;
		}
		
		
   /************ Girls ***********/ 
	#titleGirls{
		background: url("images/titleGirls.png");
		width:750px;
		height:50px;
		}
		
	/************ Specific styles ***********/ 
     #footer{
		background: url("images/footer.png");
		width:750px;
		height:90px;
    	text-align:left;
		}
	 #footer img{
    	position:relative;
		 }
	 #footerRight{
		font-size:9px;
		margin-right:20px;
    	text-align:right;
		}
	#mainPage{
    	background-color:#cdf8ff;
    	padding-left:30px;
    	padding-right:30px;
	}
	#mainTop{
    	height:54px;
		background: url("images/mainTop.jpg");
	}
	#mainBottom{
    	height:54px;
		background: url("images/mainBottom.jpg");
	}
	 /************admin Area ***********/
	 .adminArea{
		 text-align:center;
	 }