body {
background:#E5E6E7 url(imgs/body_grad.gif) repeat-x 0 -96px;
}

	a:hover {
	text-decoration:none;
	}

	#grey_container{
	margin:0;
	background:#E4E5E6 url('imgs/grey_grad_fg.gif') repeat-x;
	border-bottom:#E4E5E6 solid 1px;
	position:relative;
	min-height:375px; /*Wbug fix for IE6/7 until we fix the table height="100%" rubbish */
	}
	
	.clsBreadCrumbBar{
	background:#fff;
	display:none;
	}
		*html .play_this {
		margin:0 40px 0pt;
		}
			
	.clsMainSection {
	border-bottom:0 none #CCCCCC;
	border-right:0 none #CCCCCC;	
	border-left:0 none #CCCCCC !important;
	}

	.proc_list,.proc_path {
	z-index		: 9999;
	display		: block;
	margin		: 0 auto;
	}
	
	.proc_path {
	width		: 485px;
	/*padding-left: 105px;*/
	}
	
	.proc_list {
	margin		: 0 0 0 26px;
	width		: 694px;
	}

	.proc_list,.proc_path ul {
	float:left;
	padding:0;
	}
	
	.proc_list li, .proc_list ul, .proc_path li, .proc_path ul {display: inline !important;}
	
	.proc_list li	{
	width		: 340px;
	position	: relative;
	z-index		: 999;
	}
	
	.proc_list li a,.proc_list div{ 
	float:left;
	}
	
	.proc_list div{ 
	width			: 200px;
	padding			: 0 0 0 40px;
	text-align		: justify;
	font-size		: 1em;
	z-index			: 9;
	}
	
	.proc_path ul  {
	margin:0;
	padding:0;
	}
	
	.proc_list li,.proc_path li{
	float			: left;
	display			: block;
	text-align		: center;
	}
	.proc_path li {
	margin			: 0 0 0 60px;
	}
	
	.proc_list li {
	margin			: 25px 0 0;
	}
	
	/*.selected{
	display			: block;
	background	 	: #999;
	padding			: 4px 0 0;
	width			: 126px;
	border			: #000 solid 1px;
	height			: 18px;
	font-weight		: bold;
	}*/

	.proc_list span ,.proc_path span {
	font-size	: 50%; 
	display		: block;
	margin		: 20px 0pt 0pt -18px;
	width		: 90px;
	color		: #999;
	position	: absolute;
	}
		
    .proc_list li a:link,.proc_list li a:visited ,.current,.proc_path li a:link,.proc_path li a:visited{
	background-image		: url('imgs/process_tour/proc_path.png');
	background-color		: #fff;
	background-repeat		: no-repeat;
	display					: block;
	text-decoration			: none;
	padding					: 15px 0pt;
	font-size				: 22px;
	line-height				: 16px;
	z-index					: 9999;
	}
	
	.empty a,.empty a:link,.empty a:visited{
	background	: #fff none !important;
	padding		: 0 !important;
	margin		: -2px 0 0;
	}
	
	.dash, .solid{
	background-repeat 		: repeat-x;
 	display				 	: block;
	float					: left;
	}
	
	.solid {
 	background-image		: url('imgs/process_tour/solid.gif');
	height					: 50px;	
	}
 
	.dash {
  	background-image		: url('imgs/process_tour/dash.gif');
	height					: 50px;	
	background-position 	: -101pt 22px;
	}
 
	.current{
	background-repeat 		: no-repeat;
	background-position 	: -37pt 0;
	width					: 48px;
	height					: 50px;	
	color					: #5E9F09;
	}	 

	.complete a:hover{	
	background-position 	: 0 -109px;
	color					: #FDFF00;
	}

	
	.complete a{
 	background-repeat 		: no-repeat;
	background-position 	: 0 0;
	width					: 48px;
	height					: 50px;	
	color					: #C8FF7F;
	}
	

	.uncomplete a:hover {
	background-position 	: -118px -109px;
	text-decoration			: underline;
	}
	
	.uncomplete a{
	background-repeat 		: no-repeat;
	background-position 	: -118px 0;
	width					: 49px;
	height					: 50px;	
	color					: #5E9F09;

	}
	
	#white_bubble{
	top:0;
	z-index:9;
	position:relative;
	margin:0 6px 1em 12px;
	min-height:250px;
	padding:1.5em 2em 3em;
	background:white;
	clear:both;
	border:#dfdfdf 1px solid; 
	zoom:1;
	}

	.left_side2 {
	width		: 338px;
	float		: left;
	margin		: 6px 0 0;
	display		: block;
	height		: 290px;
	}
		
	.corner_tl,.corner_tr,.corner_bl,.corner_br {
	
	position:absolute;
	width:11px;
	height:10px;
	background:#F7F7F7 url(imgs/tour_circle.gif); 
	overflow:hidden;
	line-height: 1px; /* fixes ie6 bottom issues! */
	font-size: 1px; /* ditto! */
	}
	
	#about_highlight {
	background			: #f5f5f5;
	margin				: 0 -26px 25px;
	padding				: 10px 6px 16px 46px;
	width				: 100%;
	border-top			: 1px solid #DFDFDF;
	border-bottom		: 1px solid #DFDFDF;
	}
	
	.about_nav {
	width:710px;
	z-index:9999;
	top:1px;
	position:absolute;
	}
	
	.about_nav ul{
	display			: block;
	margin			: 0 0 0 9px;
	}

	.about_nav li{
	
	float			: left;
	margin			: 0 22px 0 0;
	display			: block;
	text-align		: center;
	}
	
	.selected{
	display			: block;
	background	 	: transparent url('imgs/tabs.png') no-repeat 0 -51px;
	padding			: 4px 0 0;
	width			: 116px;
	height			: 18px;
	font-weight		: bold;
	}

	*html .selected{
	background	 	: transparent url('imgs/tabs.gif') no-repeat 0 -51px;
	}
	
	.about_nav li a:link,.about_nav li a:visited{

	display: block;
	background:transparent url('imgs/tabs.png') no-repeat 0 0;
	padding:4px 0 0;
	text-decoration:none;
	width:116px;
	height:18px;
	}

	*html .about_nav li a:link,.about_nav li a:visited{
	background:transparent url('imgs/tabs.gif') no-repeat 0 0;
	}
	
	.about_nav li a:hover,#green_bubble li a:active{

	display: block;
	background:transparent url('imgs/tabs.gif') no-repeat 0 -26px;
	padding:4px 0 0;
	width:116px;
	height:18px;
	}
	
	*html .about_nav li a:hover,#green_bubble li a:active{
	background:transparent url('imgs/tabs.gif') no-repeat 0 -26px;
	}
	
	#white_bubble{
	top:22px;
	z-index:9;
	position:relative;
	margin:0 12px 1em;
	min-height:250px;
	padding:2em 2em 0.1em;
	background:white;
	clear:both;
	border:#dfdfdf 1px solid; 
	}
	#white_bubble {
	zoom:1;			
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-radius-bottomright:10px;
	-webkit-border-radius-bottomleft:10px;
	border-radius-bottomright:10px; 
	border-radius-bottomleft:10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-radius-topright: 10px;
	border-radius-topleft:10px;	
	
	}
	}
	#frp_button {
	color:#330066;
	font-size:18px;
	text-align:left;
	font-size:1.6em;
	margin:0;
	line-height:35px;/*trial - this is my frp size adjust*/
	overflow:hidden;
	}


	a:link #frp_button,a:visited #frp_button  {

	background:transparent url('imgs/frp_button.gif') no-repeat 3px 0;
	text-decoration:none;
	display:block;
	padding:1px 2px 24px;
	text-align:center;
	width:204px;
	height:13px;
	}

.separator{
	background: transparent url(images/charity/dash.gif) repeat-x;
	width:200px;
	height:1px;
	}
.button1 {
	text-decoration:none;
	}

.left_side em.highlight { font-style:normal;}

#white_bubble .dynamic p { margin:0 0 10px !important;}

#fee-more { margin:0 20px 0 40px}
#grey_container #white_bubble #fee-more .dynamic { float:right; margin:0 0 40px 20px }

.fees h2 strong{ font-size:70%; margin:0 0 0 10px}

#fee-more h2 {}
#white_bubble #fee-more p{ margin:0 0 10px !important;}

	.quotes {
		width		: 206px;
		float		: left;
		margin		: 5px 0 0 20px;
		display		: block;
		color		: #003366;
		padding		: 0;
		}

	.explain ol { color:#034871; margin:10px 0 30px;}

	#white_bubble .quotes .about-vid h2 { font-size:.9em; width:230px; background:#FCF2C2; margin:0; padding:10px 0}


	.quotes ul {
		list-style-type:none;
		margin:-15px 0 25px !important;
		}
	.quotes li {
		margin:0 0 20px;
		}
	.quotes li a:link,.quotes li a:visited{
		text-decoration:none;
		}	
	.quotes li a:hover{
		text-decoration:underline;
		}	
	.quotes li img{
		margin:8px 0 0;
		}
	.quote_name{
		display		: block;
		margin		: 10px 0 0;
		}
	.quote_top{
		position:absolute;
		width:232px;
		height:8px;
		z-index:2;
		padding:0;
		margin:0;
		left:0;
		top:-2px;
		background: url(imgs/quote-top.jpg) no-repeat 0 0;
		}
	.quote_bottom{
		position:absolute;
		width:232px;
		height:36px;
		z-index:2;
		padding:0 0 30px;
		margin:0;
		left:0;
		bottom:-60px;
		background: url(imgs/quote-bottom-minus-tip.jpg) no-repeat 0 0;
		}
	.left_side {
	width		: 484px;
	float		: left;
	margin		: 0 0 20px;
	}
	
	a:hover #frp_button,a:active #frp_button{
	
	background:transparent url('imgs/frp_button.gif') no-repeat 3px -38px;
	text-decoration:none;
	cursor: hand;
	}


	.green_tl,.green_tr,.green_bl,.green_br {
	
	position:absolute;
	width:11px;
	height:10px;
	background:#F7F7F7 url(imgs/about_us_circle2.gif); 
	overflow:hidden;
	line-height: 1px; /* fixes ie6 bottom issues! */
	font-size: 1px; /* ditto! */
	}
	
	#about_highlight {
	background			: #f5f5f5;
	margin				: 0 -26px 25px;
	padding				: 10px 6px 16px 46px;
	width				: 100%;
	border-top			: 1px solid #DFDFDF;
	border-bottom		: 1px solid #DFDFDF;
	}
	
	.green_tl,.green_bl {
	left:0;
	margin-left:-3px;
	}

	.green_br,.green_tr {
	right:0;
	margin-right:-3px;
	}

	.green_br,.green_bl {	
	bottom:0;
	margin-bottom:-1px;
	}

	.green_tl,.green_tr {top:0;margin-top:-2px; overflow: hidden}

	.green_tl{
	background-position:top left;
	}
	
	.green_tr{
	background-position:top right;
	}
	
	.green_bl{
	background-position:bottom left;
	}
	.green_br{
	background-position:bottom right;
	}

	.history {
		margin				: 10px 0 40px;
		padding				: 10px 20px 10px;
		font-size			: 1.3em;
		color				: #003366;
		clear:both;
		}


	#white_bubble .timeline{
	padding:0;
	margin:15px 0 20px 20px;
	width:480px;
	}

		.timeline strong{font-size:18px;}
		
		#white_bubble .timeline p{
			float:left;
			width:250px;
			margin:0 0 20px 0;
			padding:0 0 0 40px;
			}
		.timeline img{
			float:left;
			border:3px solid #eaeaea;
			margin:0;
			}
		.timeline li{
			list-style:none;
			margin:0 0 43px 0;
			float:left;
			display:inline-block
			}
		.timeline a{
			font-weight:bold;
			text-decoration:none;
			}
	
/*---------------------Right hand boxes---------------------*/	
.boxes {
	border:1px solid #CCCCCC;
	margin:10px 0 20px;
	padding:10px;
	position:relative;
	width:210px;
	z-index:1;
	}
.boxes img { padding: 10px 3px 5px	}
.boxes p {	margin: 5px 0 15px 0 !important;}
.boxes p img { padding: 10px 0}
.boxes h3{	margin: 0 0 10px; border-bottom:1px solid #CCCCCC; padding:0 0 5px; }
.boxes a { text-decoration:none; }
.boxes a:hover { color:#505050; }
.boxes a span { text-decoration:underline; color:#003366; }
.boxes a:hover span { color:#0099cc; }

.rosette, .homepage-rosette{
	position:absolute;
	font-size:0;
	width:105px;
	height:160px;
	z-index:11;
	padding:0;
	margin:0;
	background: url(imgs/green-insight.png) no-repeat 0 0;
	}
.rosette{
	right:15px;
	top:10px;
	}
.homepage-rosette{
	left:15px;
	bottom:10px;
	}
a:hover .rosette, a:hover .homepage-rosette{
	cursor:pointer;
	background: url(imgs/green-insight-hover.png) no-repeat 0 0;
	}	

.tleft, .tright, .bleft, .bright {
	position:absolute;
	font-size:0;
	width:7px;
	height:7px;
	z-index:2;
	padding:0;
	margin:0;
}
	.tleft{
		top:-1px;
		left:-1px;
		background: url(imgs/greycircle.gif) no-repeat 0 0;
	}
	.bleft{
		left:-1px;
		bottom:-1px;
		background: url(imgs/greycircle.gif) no-repeat 0 -7px;		
	}
	.tright{
		top:-1px;
		right:-1px;
		background: url(imgs/greycircle.gif) no-repeat -7px 0;
	}
	.bright{
		right:-1px;
		bottom:-1px;
		background: url(imgs/greycircle.gif) no-repeat -7px -7px;
	}
.fold{
	position:absolute;
	width:19px;
	height:19px;
	z-index:2;
	padding:0;
	margin:0;
	right:-1px;
	bottom:-1px;
	background: url(imgs/fold.jpg) no-repeat 0 0;
}

#white_bubble .boxes #soc-biz strong{ display:block;font-size:1.3em; margin:30px 0 0; padding:0; line-height: 1px}

#white_bubble .left_side .dynamic,#white_bubble #fee-more .dynamic {
	background	: #fcf2c2;
	padding:10px;
	margin:5px 20px 30px 0;
	float: left;
	clear:both;
	width:212px;
	position:relative;
	}	
#white_bubble .left_side .dynamic2{
	background	: #fcf2c2;
	padding:10px;
	margin:5px 20px 30px 0;
	float: left;
	clear:both;
	width:212px;
	position:relative;
	}	
	
#white_bubble .left_side .dynamic p, #white_bubble .left_side .dynamic2 p{
	margin:0;
	color: #666666;
	}
#white_bubble .left_side .dynamic h3, #white_bubble .left_side .dynamic2 h3{
	color:#5fab46;
	font-size:0.9em;
	margin:0 0 10px 0;
	}
	
	#clickthrus{
	margin		: 40px auto 0;
	width		: 210px; 
	position	: relative;
	text-align	: center;
 	}

	#clickthrus a:link h3,#clickthrus a:visited h3{
	text-decoration: underline;
	}
	
	#clickthrus a:hover h3,#clickthrus a:active h3{
	text-decoration: none;
	}

	.clsBreadCrumbBar{
	background:#fff;
	}

	.clsFormTxt img {display:block;}

	#white_bubble h2,#white_bubble h1{
	display		: block;
	font-size	: 1.3em;
	color		: #003366;
	margin		: 15px 0 5px;
	}
	
	#white_bubble p {
	margin		: 20px 0 15px;
	line-height:1.3em;
	color: #034871;
	}
	#white_bubble a {
		font-weight: bold;
		}
	#white_bubble span {
		display			: block;
		margin			: 5px auto 0;
		/*font-size		: 75%;*/
		}
	
	li {
	margin:6px 0 6px;
	line-height:1.4em;
	}
	
	.clearo {
	clear:both	
	}
	
	.clearfix {
	display: inline-block;
	}
	.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
	}

/*-------- team page -----------*/

#justgiving-ethos {color:#034871; padding:0 0 0 20px; margin:0;}
#justgiving-ethos li{ margin:0 0 15px;}

#partners { padding:0; margin:0;list-style:none; }
#partners li a{ display:block; float:none; width:290px;height:64px; text-align:left; overflow:hidden; text-indent:-999em;}
#partners li.lm09 a{ background:transparent url('imgs/partners.png') no-repeat 0 0}
#partners li.fb a{ background:transparent url('imgs/partners.png') no-repeat -291px 0}
#partners li.paypal a{ background:transparent url('imgs/partners.png') no-repeat -580px 0}

/*-------- /team page -----------*/


	html[xmlns] .clearfix {display: block;}

	* html .clearfix {height: 1%;}
	
<!--[if lt IE 7.]>
	
				* html .green_tl {	margin:-2px -2px 0 0; background:transparent url(none);}
				*  html .green_tr {margin:-1px 10px 0 0; background:transparent url(none);}
				* html .green_bl {background:transparent url(none);}
				* html .green_br {background:transparent url(none);}

<![endif]-->

/*-------- about-vid overlay -----------*/

.about-vid img, .about-vid object{
	position:absolute;
	top:35px;
	left:0;
	}
.about-vid object{z-index:5;}
.about-vid img{z-index:15;}
.about-vid img:hover{cursor:pointer}