/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/


body {
	margin: 20px 0;
	padding: 0;
	background: #000000;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
	color: #B13413;
}

h2 {
	font-size: 1.2em;
	text-align: center;
	
}

h3 {
	margin: 0;
	font-size: 1em;
}

p, ul, ol, blockquote {
	margin-top: 0;
}




#homepage {		
	color: #2F5CCE;
}

#homepage2 {		
	color: #2F5CCE;
}






#share {		
	color: #B13413;
}



#scrollingContainer{
	width:116px;  
	height:450px;  
	background-color: #FFFFFF;  
	padding:2px;  
	float:left;  	
	margin-right:10px;  
	overflow:auto;

} 


#scrollingContent{
	font-size:0.9em;
}


#scrollingsource{

	font-size:0.8em;
}


#center {

	text-align: center;
}





#copyright {
	font-size: 0.75em;
	color: #B13413;
	text-align: center;
}



a:link {
	border-bottom: 1px dotted #CCCCCC;
	text-decoration: none;
	color: #3284B5;
}

a:hover {
	border: none;
}

img {
	border: none;
}

/* Header */

#header {
	width: 700px;
	height: 150px;
	margin: 0 auto;
}


#pix {
	width: 700px;
	height: 140px;
	margin: 0 auto;
}

a.rollover1:link,a.rollover1:active,a.rollover1:visited
{
background-color:		#000;
background-image:		url(images/1b-mansoccer.jpg);
display:			inline-block;
height:				135px;
width:				135px;
margin:				0 1px 0 2px;
}


a.rollover2:link,a.rollover2:active,a.rollover2:visited
{
background-color:		#000;
background-image:		url(images/2b-helpinggardening.jpg);
display:			inline-block;
height:				135px;
width:				135px;
margin:				0 1px 0 0;
}

a.rollover3:link,a.rollover3:active,a.rollover3:visited
{
background-color:		#000;
background-image:		url(images/3b-helpingartist.jpg);
display:			inline-block;
height:				135px;
width:				135px;
margin:				0 1px 0 0;
}


a.rollover4:link,a.rollover4:active,a.rollover4:visited
{
background-color:		#000;
background-image:		url(images/4b-helpingbusman.jpg);
display:			inline-block;
height:				135px;
width:				135px;
margin:				0 1px 0 0;
}


a.rollover5:link,a.rollover5:active,a.rollover5:visited
{
background-color:		#000;
background-image:		url(images/5b-helpingreading.jpg);
display:			inline-block;
height:				135px;
width:				135px;
margin:				0;
}


a.rollover1:hover
{
background-color:		#000;
background-image:		url(images/1a-boredman.jpg);
display:			inline-block;
height:				135px;
width:				135px;
margin:				0 1px 0 2px;
}       


a.rollover2:hover
{
background-color:		#000;
background-image:		url(images/2a-boredwoman.jpg);
display:			inline-block;
height:				135px;
width:				135px;
margin:				0 1px 0 0;
} 


a.rollover3:hover
{
background-color:		#000;
background-image:		url(images/3a-boredwoman.jpg);
display:			inline-block;
height:				135px;
width:				135px;
margin:				0 1px 0 0;
} 


a.rollover4:hover
{
background-color:		#000;
background-image:		url(images/4a-boredman.jpg);
display:			inline-block;
height:				135px;
width:				135px;
margin:				0 1px 0 0;
} 


a.rollover5:hover
{
background-color:		#000;
background-image:		url(images/5a-boredwoman.jpg);
display:			inline-block;
height:				135px;
width:				135px;
margin:				0;
} 


#header * {
	margin: 0;
	border: none;
	text-decoration: none;
	text-transform: lowercase;
	font-weight: normal;
	color: #FFFFFF;
}

#header h1 {
	float: left;
	padding: 40px 0 0 20px;
	font-size: 2.5em;
	
}

#header h2 {
	float: left;
	padding: 65px 0 0 3px;
	font-size: 1.1em;
}



/* Menu */

ul#cssMenu ul{display:none}
ul#cssMenu li:hover>*{display:block}
ul#cssMenu li:hover{position:relative;}
ul#cssMenu ul{
	position: absolute;left:-1px;top:98%;}
ul#cssMenu ul ul{
	position: absolute;left:98%;top:-2px;}
ul#cssMenu,ul#cssMenu ul{
	margin:0px;list-style:none;padding:2px 0 2px 2px;background-color:#000000;border-width:0px;border-style:solid;border-color:#000000;}
ul#cssMenu table {border-collapse:collapse}
ul#cssMenu {
	display:block;font-size:0;zoom:1;width:700px;height:35px;margin: 0 auto}
ul#cssMenu ul{
	width:108px;padding:2px 2px 0;}
ul#cssMenu li{
	display:block;zoom:1;margin:0 2px 0 0;font-size:0;float:left;}
ul#cssMenu ul li{
	margin:0 0 2px;}
ul#cssMenu a:active, ul#cssMenu a:focus {outline-style:none}
ul#cssMenu a, ul#cssMenu li.dis a:hover,ul#cssMenu li.sep a:hover{
	display:block;vertical-align:middle;_display:inline-block;_vertical-align:top;background-color:#7DB6DE;border:1px solid #7DB6DE;text-align:center;text-decoration:none;padding:5px 0px 0px 10px;_padding-left:0;font:normal 12px Trebuchet MS, Tahoma;color: #000000;text-decoration:none;cursor:default;}
ul#cssMenu span{overflow:hidden;}
ul#cssMenu ul li {float:none;}
ul#cssMenu ul a, ul#cssMenu ul li.dis a:hover{
	display:block;text-align:left;white-space:nowrap;}
ul#cssMenu li.sep{
	text-align:left;padding:0px;line-height:0;height:100%;}
ul#cssMenu li.sep span{
	float:none;padding-right:0;width:0px;height:100%;display:inline-block;background-color:#000000;background-image:none;}
ul#cssMenu ul li.sep span{
	width:100%;height:3px;}
ul#cssMenu li:hover>a{
	background-color:#000000;border-color:#B13413  #FFFFFF;border-style:solid;font:normal 12px Trebuchet MS, Tahoma;color: #FFFFFF;text-decoration:none;}
ul#cssMenu li a:hover{
	_position:relative;background-color:#000000;border-color:#B13413  #FFFFFF;border-style:solid;font:normal 12px Trebuchet MS, Tahoma;color: #FFFFFF;text-decoration:none;}
ul#cssMenu li.dis a{color: #DAEFFA !important;}
ul#cssMenu img{
	border: none;vertical-align: middle;margin-right:10px;width:16px;height:16px;}
ul#cssMenu ul img{
	width:16px;height:16px;}
ul#cssMenu img.over{display:none}
ul#cssMenu li.dis a:hover img.over{display:none !important}
ul#cssMenu li.dis a:hover img.def {display:inline !important}
ul#cssMenu li:hover > a img.def  {display:none}
ul#cssMenu li:hover > a img.over {display:inline}
ul#cssMenu a:hover img.over,ul#cssMenu a:hover ul img.def,ul#cssMenu a:hover a:hover img.over{display:inline}
ul#cssMenu a:hover img.def,ul#cssMenu a:hover ul img.over,ul#cssMenu a:hover a:hover img.def{display:none}
ul#cssMenu a:hover ul{display:block}
ul#cssMenu span{
	display:block;background-image:url(arrow.gif);background-position:right center;background-repeat: no-repeat;padding-right:17px;}
ul#cssMenu li a.istylei0{
	width:115px;height:27px;background-image:url(btn_tealblack.gif);border-width:0px;font:normal 14px Tahoma;color:#FFFFFF;}
ul#cssMenu li a.istylei0:hover{
	background-image:url(btn_teal.gif);font:normal 14px Tahoma;color:#FFFFFF;}
ul#cssMenu li.istylei0:hover>a{
	background-image:url(btn_teal.gif);font:normal 14px Tahoma;color:#FFFFFF;}




ul#cssMenu {
	border-width: 5px;
	border-bottom-color: #B13413;
}



/* Content */

#content {
	width: 700px;
	margin: 0 auto;
	background: url(images/img4.gif);
}

#colOne {
	float: right;
	width: 160px;
	padding: 20px 10px 0 10px;
}

#colTwo {
	float: right;
	width: 360px;
	padding: 10px 5px 0 10px;
}

#colThree {
	float: right;
	width: 120px;
	padding: 10px 10px 0 10px;
}


#scroll {
	overflow:auto; 
	height:370px; 
	width:160px;
	font-size: 0.9em;
}


.pages {
	border-color:	black;
	border-width:	1px;
	border-style:	solid;
	padding:	5px;
	margin:		2px;
	font-size: 	0.85em;
	text-align: center;
}


#mission {
	color: #61197B;
}



#home {
	background: url(images/home-rev.jpg);

	font-size: 	0.80em;
}



/* Footer */

#footer {
	width: 720px;
	margin: 0 auto;
	padding: 10px 0;
	background: url(images/img6.gif) repeat-x;
	font-size: smaller;
}

#footer * {
	color: #7f7f7f;
}


#footertext {
	position: absolute;
	left: 340px;
}