/* Forest Friends stylesheet.css */


BODY	{	text-align: center;
		background: #436D19;
		;
	}


/* old background colour #436D19 */
/* autumn leaves background url(../images/leaves2.jpg) */


H1	{	margin-top: 20px;
	margin-left: 20px;
	text-align: center;
	font-size:  26px;
	color: #FFCC01;
	font-weight: bold;
	font-family: times, serif, courier;
		
		}

H2	{color: #FFCC01;
	font-weight: bold;
	font-size:  20px;
	margin: 20px 0px 0px 20px;
	font-family: times, serif, courier;}




P	{text-align: justify;
	font-family: arial, san serif, helvetica;
	margin: 0px 20px 0px 20px;
	color: #633c00;}

P.credit	{text-align: left;
		font-family: arial, san serif, helvetica;
		margin: 0px ;
		color: #fff;}

P.footer	{text-align: right;
		font-family: arial, san serif, helvetica;
		margin: 0px ;
		color: #fff;}


P.testimonial	{text-align: left;
		font-style: italic;
		font-family: arial, san serif, helvetica;
		margin: 20px 20px 0px 20px;
		color: #633c00;}



img	{border: none;}






#container	{text-align: left;
		width:	950px;
		position: absolute;
		left: 50%;
		margin-left: -475px;
		margin-top: 250px;
			
		background: url(../images/background2.jpg) repeat-y;
		
		}

#headerhome		{	text-align: left;
			width:	950px;
			height: 245px;
			position: absolute;
			left: 50%;
			margin-left: -475px;
			margin-top: 10px;
			background: url(../images/homebanner.jpg) no-repeat;
			border-bottom: 5px solid #633c00;
			}

#headerbirthday		{	text-align: left;
			width:	950px;
			height: 245px;
			position: absolute;
			left: 50%;
			margin-left: -475px;
			margin-top: 10px;
			background: url(../images/birthdaybanner.jpg) no-repeat;
			border-bottom: 5px solid #633c00;
			}

#headercontact		{	text-align: left;
			width:	950px;
			height: 245px;
			position: absolute;
			left: 50%;
			margin-left: -475px;
			margin-top: 10px;
			background: url(../images/contactbanner.jpg) no-repeat;
			border-bottom: 5px solid #633c00;
			}

#headerplayscheme		{	text-align: left;
			width:	950px;
			height: 245px;
			position: absolute;
			left: 50%;
			margin-left: -475px;
			margin-top: 10px;
			background: url(../images/playschemebanner.jpg) no-repeat;
			border-bottom: 5px solid #633c00;
			}

#headerforestschool		{	text-align: left;
			width:	950px;
			height: 245px;
			position: absolute;
			left: 50%;
			margin-left: -475px;
			margin-top: 10px;
			background: url(../images/forestschoolbanner.jpg) no-repeat;
			border-bottom: 5px solid #633c00;
			}



#nav		{	
			width: 140px;
			float: left;
			padding: 50px 10px 10px 10px;
			_padding: 50px 0px 10px 10px;
			background: clear;
			}


#content	{ 	width: 550px;
			float: left;
			padding: 10px 0px 20px 0px;
			background: clear;
			
		}

#news		{	width: 240px;
			float: left;
			margin:  50px 0px 0px 0px;
			background: clear;
		}

#testimonial	{	width: 240px;
			height: 255px;
			position: absolute;
			top: 100%;
			margin: 0px 0px 0px 0px;
			_margin: 0px 0px 0px 10px;
			
			background: #FFCC01;
			margin-top: -280px;

		}

#testimoniallong	{	width: 240px;
			_width: 238px;
			height: 330px;
			position: absolute;
			top: 100%;
			margin: 0px 0px 0px 0px;
			_margin: 0px 0px 0px 10px;
			background: #FFCC01;
			margin-top: -355px;

		}


#map		{width: 510px;
		position: relative;
		
		margin: 15px;
			background: clear;}


/* image and caption position & style */



div.imagecaption img 	{margin: 5px 5px 5px 10px;
			display: inline;
			background: clear ;}




#nav ul {margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	font-family: arial, san serif, helvetica;}

#nav li	{padding: 0;}


ul#navigation a {display: block;
		text-decoration: none;
		font-size: 16px;
		font-weight: bold;
		
		background: clear;
		color: #633c00;
		padding: 1em .5em;
		border-bottom: 0px solid #fff;
		width: 7.5em;}

ul#navigation a:hover {	background: clear;
			color:#FFCC01;}

ul#navigation li {display: inline;}



ul#social	{
		list-type-style: none;
		margin-top: 20px;}


ul#social li	{display: inline;
		padding: 2px;
		}

ul#social a, a:hover	{text-decoration: none;
			background: #6ead20; }


ul#list	{text-align: left;
	font-weight: bold;
	font-family: arial, san serif, helvetica;
	margin: 0px 20px 0px 20px;
	color: #633c00;	
	padding-top: 10px;
	padding-bottom: 10px;
	}


ul#list	li{	margin-left: 15px;
		padding: 5px 0px 5px 0px;
		}



ul#link	{text-align: left;
	font-family: arial, san serif, helvetica;
	list-style-type: none;
	margin: 0px 20px 0px 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	}


ul#link	li{	padding: 5px 0px 5px 0px;
		}

ul#link a	{color: #633c00;
		text-decoration: none;	
		}

ul#link a:hover	{color: #FFCC01;	
		}


table	{margin: 20px;
	border-collapse: collapse;
	width: 90%;}


th, td	{	border: 1px solid #8CBB1D;
		padding: .5em;
		font-family: arial, san serif, helvetica;
		color: #633c00;}

tr	{background: #6EAD20;}



a	{color: #fff;
		text-decoration: none;	
		}

a:hover	{color: #FFCC01;	
		}




#footer		{ 	clear: both;
			background: transparent;
			color: #fff;
			padding: 5px 5%;
			text-align: right;
			font-family: arial, san serif, helvetica;
			font-size: 12px;
		}

/* old footer background colour #633c00  url(../images/snowflakes.jpg)*/


#credits	{ 	width: 940px;
			height: 50px;
			position: absolute;
			top: 100%;
			left: 50%;
			margin-left: -475px;
			margin-top: -25px;
			background: url(../images/snowflakes.jpg);
			color: #fff;
			padding: 15px 5px 5px 5px;
			text-align: left;
			font-family: arial, san serif, helvetica;
			font-size: 12px;
		}


/* old credits background transparent */