/* CSS Document */

/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */


body 
{
font-size: .90em;
margin: 0px;
text-align: center;
background: #ffffff url(img/bg.gif) top left repeat-x;
color: #999999;
font-family: Arial, Helvetica, sans-serif;
}

#wrap
{
position: relative;
margin: auto;
width: 803px;
}

#inner
{
position: relative;
background: url(img/pbg.gif) top left;
}

	#shimleft
	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 13px;
	height: 810px;
	background: url(img/leftshim.gif) top left no-repeat;
	}
	
	* html #shimleft
	{
	left: -13px;
	}
	
	#shimright
	{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 13px;
	height: 810px;
	background: url(img/rightshim.gif) top left no-repeat;
	}
	
	* html #shimright
	{
	right: -1px;
	}


	#head
	{
	position: relative;
	margin: auto;
	width: 777px;
	height: 182px;
	background: url(img/header.gif) top left no-repeat;
	}
	
		#topnav
		{
		position: relative;
		padding: 29px 17px 0 0;
		height: 21px;
		text-align: right;
		font-size: .9em;
		}
		
		#topnav a
		{
		color: #999999;
		}
		
		#nav
		{
		position: relative;
		float: right;
		padding-top: 90px;
		height: 42px;
		padding-right: 6px;
		}
		
			#nav li
			{
			position: relative;
			float: left;
			height: 42px;
			}
			
			#nav a
			{
			position: relative;
			float: left;
			height: 42px;
			text-indent: -9999em;	
			}
			
			#n1
			{
			width: 99px;
			background: url(img/n1.gif) top left no-repeat;
			}
			
			#n2
			{
			width: 136px;
			background: url(img/n2.gif) top left no-repeat;
			}
			
			#n3
			{
			width: 83px;
			background: url(img/n3.gif) top left no-repeat;
			}
			
			#n4
			{
			width: 80px;
			background: url(img/n4.gif) top left no-repeat;
			}
			
			#nav a:hover
			{
			background-position: bottom left;
			}


	
	

	#content
	{
	position: relative;
	margin: auto;
	width: 777px;
	padding: 20px 0 18px 0;	
	}
	
		#colOne
		{
		position: relative;
		float: left;
		width: 181px;
		padding-left: 15px;	
		font-size: .8em;
		}
		
			#submenu
			{
			position: relative;
			margin-top: 65px;
			border-top: 1px solid #CCCCCC;
			text-transform: uppercase;
			margin-bottom: 80px;
			text-align: left;
			}
			
				#submenu li
				{
				position: relative;
				height: 100%;
				}
				
				#submenu a
				{
				position: relative;
				display: block;
				padding: 6px 0 5px 5px;
				color: #625B51;
				border-bottom: 1px solid #CCCCCC;
				}
				
				#submenu a:hover
				{
				color: #025eb2;
				}
			
			.testimonialwrap
			{
			position: relative;
			width: 166px;
			margin: auto;
			margin-bottom: 12px;
			background: url(img/ttop.gif) top left no-repeat;
			}
				
				.testimonialInner
				{
				position: relative;
				background: url(img/tbottom.gif) bottom left no-repeat;
				padding: 10px;
				color: #fff;
				font-size: 1.45em;
				text-align: center;
				font-weight: bold;
				}
				
				.testimonialwrap cite
				{
				display: block;
				text-align: right;
				font-family: Georgia;
				font-size: .9em;
				}
				#sitemap
		{
		position: relative;
		float: left;
		width: 420px;
		padding-left: 175px;
		text-align: left;
		font-size: 1em;
		color: #625B51;
		}	
		
			#sitemap p
			{
			position: relative;
			line-height: 1.4em;
			padding-bottom: 1em;
			}
		
			#colTwo2
		{
		position: relative;
		float: left;
		width: 620px;
		padding-top: 20px;
		padding-left: 75px;
		text-align: left;
		font-size: .9em;
		color: #625B51;
		}
		
		#colTwo2 p
			{
			position: relative;
			line-height: 1.4em;
			padding-bottom: 1em;
			}
		
		
		#colTwo
		{
		position: relative;
		float: left;
		width: 526px;
		padding-left: 25px;
		text-align: left;
		font-size: .9em;
		color: #625B51;
		}
		
			#colTwo h1
			{
			position: relative;
			padding-top: 15px;
			font-size: 2.4em;
			color: #121212;
			font-family: Georgia;
			padding-bottom: .5em;
			}
			
			#colTwo p
			{
			position: relative;
			line-height: 1.4em;
			padding-bottom: 1em;
			}
			
			.img-right
			{
	position: relative;
	float: right;
	margin-right: -20px;
	margin-top: -10px;
	z-index: 100;
			}
			
					.img-right2
			{
	position: relative;
	float: right;
	margin-right: -20px;
	margin-top: -10px;
	z-index: 10000;
			}
			
			.img-left
			{
			position: relative;
			float: left;
			}
			
			.p-pad
			{
			position: relative;
			padding-left: 10px;
			padding-right: 10px;
			}
			
			#colTwo h2
			{
			position: relative;
			padding: 5px 0 0 10px;
			margin-top: 10px;
			color: #fff;
			font-size: 1.2em;
			font-weight: bold;
			height: 21px;
			background: url(img/h2bg.gif) top left;
			text-transform: uppercase;
			margin-bottom: 10px;
			}
			
	
			
			#colTwo h3
			{
			position: relative;
			font-size: 1.2em;
			font-weight: bold;
			padding-bottom: 10px;
			text-transform: uppercase;
			}
			
			#colTwo a
			{
			color: #4D8FCA;
			}
			
			#colTwo a:hover
			{
			color: #85b000;
			}
			
			#colTwo li
			{
			position: relative;
			padding: 0 0 3px 20px;
			margin: 10px 25px 5px;
			background: url(img/tag.gif) left top no-repeat;	
			}
	
	
	
	#tri
	{
	position: relative;	
	margin: auto;
	width: 777px;
	text-align: left;
	}
	
		#trione
		{
		position: relative;
		float: left;
		padding-left: 15px;
		width: 240px;
		font-size: .88em;
		color: #625B51;
		}
		
			#mission
			{
			position: relative;
			height: 26px;
			background: url(img/mission.gif) top left no-repeat;
			text-indent: -9999em;
			}
			
			#vision
			{
			position: relative;
			height: 26px;
			background: url(img/vision.gif) top left no-repeat;
			text-indent: -9999em;
			}
			
			#trione p
			{
			position: relative;
			line-height: 1.3em;
			padding: 2px 8px 2em 15px;
			}
		
		#tritwo
		{
		position: relative;
		float: left;
		padding-left: 15px;
		width: 240px;
		}
		
			#mentor
			{
			position: relative;
			display: block;
			height: 128px;
			text-indent: -9999em;
			background: url(img/mentor.gif) top left no-repeat;
			}
			
				#mentor:hover
				{
				background-position: bottom left;
				}
			
			#donate
			{
			position: relative;
			display: block;
			height: 98px;
			text-indent: -9999em;
			background: url(img/donate.gif) top left no-repeat;
			}
			
				#donate:hover
				{
				background-position: bottom left;
				}
			
		
		#trithree
		{
		position: relative;
		float: left;
		padding-left: 15px;
		width: 240px;
		}
		
			#accepting
			{
			position: relative;
			display: block;
			height: 225px;
			background: url(img/accepting4.gif) top left no-repeat;
			text-indent: -9999em;
			}
			
			#accepting:hover
			{
			background-position: bottom left;
			}

	#footer
	{
	position: relative;
	height: 58px;
	color: #625B51;
	font-size: .93em;
	background: url(img/fbottom.gif) top left;
	}
	
		#footer p
		{
		position: relative;
		padding-top: 20px;
		letter-spacing: .04em;
		}

table#sponsors {
	border: solid 5px #e3e3e3;
	text-align: center;
	padding: 0px 0px 10px 10px;
}
table#sponsors td {
	padding: 10px 10px 0px 0px;
}

/* ------------------------------------------------- ADDED BY TAYLOR */

#filloutafterschoolapplication {
	display: block;
	margin-left: 25px;
	background-image: url(img/filloutafterschoolapplication.gif);
	width: 124px;
	height: 120px;
}
#mentor {
	width: 240px;
	height: 215px;
}
#mentor:hover {
	background-position: 0px -215px;
}
#filloutSummercamp {
	display: block;
	width: 124px;
	height: 120px;
	background-image: url(img/filloutSummercamp.gif);
	float: left;
	background-color: #00CC33;
}