@charset "utf-8";
/* CSS Document */
   
*{ margin:0; padding:0;}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height:16px;	 
	background: #fff;
	margin: 0; 
	padding: 0;
	color: #636466;
}
#container {width: 824px; margin: 0 auto;text-align: left;display:table; background:transparent url(img/bg-top.jpg) top no-repeat;}
#mainWrapper{ width:784px; position:relative; padding:0 20px;}
#header {margin:21px 0 0; height:81px; border-bottom:solid 1px #8c8c8c;}
	#FX4Logo{ float:left; width:196px; height:77px;margin-left:-4px; position:relative; z-index:5;}
	#CDLogo{float:left; width:174px;}

	/* menu horizontal */		 
	#horizontalMenu{float:left; width:578px; text-align:left;   }	 
	#horizontalMenu {font-family: Verdana, Geneva, sans-serif; width:578px; height:24px; position:relative; font-size:9px; z-index:100; margin:57px 0 3px 14px; *margin:57px 0 0px 14px;}
	
	#horizontalMenu ul li a, #horizontalMenu ul li a:visited { font-weight:normal; display:block; text-decoration:none; color:#000; padding:0px; /* width:82px;*/  float:left ; height:20px; text-align:left; color:#6d6e70;line-height:20px; font-size:9px; overflow:hidden;}
	#horizontalMenu ul {padding:0; margin:0; list-style: none;}
	#horizontalMenu ul li {float:left; position:relative;  margin: 0 8px;}
	#horizontalMenu ul li ul {display: none; text-align:left; *width: 153px;}
	
	#horizontalMenu ul li ul  li {text-align:left; margin:0;*width: 153px; }
	#horizontalMenu ul li ul  li a{text-align:left; width: 153px; margin:0; }
	 
	
	/* specific to non IE browsers */
	#horizontalMenu ul li:hover a {color:#6d6e70; background: transparent url(/Images/bg-horizontalmenu-level1.gif) repeat-x bottom; height:24px;}
	
	/* Selected Sections */ 
	#horizontalMenu ul li.hover  a{color:#6d6e70; background: transparent url(/Images/bg-horizontalmenu-level1.gif) repeat-x bottom; height:24px; font-weight:bold;}
	#horizontalMenu ul li.hoverChar a {color:#E8AD42; background: transparent url(/Images/bg-horizontalmenu-level1.gif) repeat-x bottom; height:24px; font-weight:bold;}
	#horizontalMenu ul li.hoverInd  a{color:#46B5DC; background: transparent url(/Images/bg-horizontalmenu-level1.gif) repeat-x bottom; height:24px; font-weight:bold;}
	#horizontalMenu ul li.hoverFund  a{color:#EA118D; background: transparent url(/Images/bg-horizontalmenu-level1.gif) repeat-x bottom; height:24px; font-weight:bold;}

	#horizontalMenu ul li.hover ul li a { font-weight:normal;}
	#horizontalMenu ul li.hoverChar ul li a { font-weight:normal;}
	#horizontalMenu ul li.hoverInd ul li a { font-weight:normal;}
	#horizontalMenu ul li.hoverFund ul li a { font-weight:normal;}
	
	#horizontalMenu ul li:hover ul {display:block; position:absolute; top:24px; left:0px; background:#e3e3e3; width:100% ;font-size:8px; text-align:left;
		opacity: 0.7;
		filter: alpha(opacity=70);
		-moz-opacity: 0.70;  *width:153px! important}
	#horizontalMenu ul li:hover ul li a {display:block; background:#ddd; color:#000; font-size:9px; height:17px; line-height:17px; padding-left:7px;}
	#horizontalMenu ul li:hover ul li a.first{text-align:left; padding-top:10px; }
	#horizontalMenu ul li:hover ul li a:hover {background:#979797; color:#fff; font-size:9px; z-index:100; height:17px; line-height:17px;padding-left:7px;}
	/* end Menu horicontal */

#mainContent {	background: #FFFFFF;padding: 0px; }
	#homeBanner{ height:187px; margin-bottom:17px;  }
	
	#Middlecontent{}	
		
		/****************************************** Styles for Version 2 ********************************************/
		
		#verticalMenu-v2{ float:left; width:169px; min-height:368px; margin: 0px; padding:0 4px 0 8px; height:407px; *height:407px; position:relative; border-left: solid 1px #d0d1d3; border-right:solid 1px #d0d1d3; }
		#verticalMenu-v2 ul{ list-style:none; margin-top:2px; *margin-top:1px;}
		#verticalMenu-v2 ul li A  { font-family: Verdana, Geneva, sans-serif; color:#636466; font-size:9px; font-weight: 400; line-height:18px; text-decoration:none;}
		#verticalMenu-v2 ul li A:hover { text-decoration:underline; } 
		
		#Content-v2{ float:left; width:587px; height:100%; min-height:300px; position:relative; margin-left:13px;}
		#Content-v2 h1{ font-family: Verdana, Geneva, sans-serif; font-size:15px; line-height:19px; color:#bbbcbe; font-weight:normal; padding-right:190px; margin-bottom:10px;}
			#Content-v2 h1 a, #Content-v2 h1 strong{font-family: Verdana, Geneva, sans-serif; font-size:15px; line-height:19px; color:#8c8c8c; font-weight:bold; text-transform:none; font-weight:bold; text-decoration:none; } 
			#Content-v2 h1 a:hover{ text-decoration:underline; }
		#BoxesContainer hr {
		background-color:#D0D1D3;
		border:medium none; 
		color:#D0D1D3; 
		height:1px;
		margin:15px 0 ; *margin:10px 0 ;
		width:100%; 
		}
		
		 #boxBlue-v2{  float:left; width:399px;background:transparent url(img/bg-individual.jpg) top  left no-repeat; padding:53px 0px 0 0;  border-right:solid 1px #d0d1d3;}
			#boxBlue-v2 a{color:#2fb2eb; font-family:Verdana, Geneva, sans-serif; font-size:8px; text-transform:uppercase; text-decoration:none; font-weight:bold;}
			#boxBlue-v2 a:hover{color:#636466; font-weight:bold;}
			#boxBlue-v2 .IndLogin{border:0; width:44px; height:16px; background:transparent url(/Images/buttons/button-blue-v2.gif) top  no-repeat; font-family:Verdana, Geneva, sans-serif; font-size:8px; color:#fff; line-height:16px; text-align:center;text-transform:uppercase; cursor:hand; cursor:pointer;}
			#boxBlue-v2 p{ padding:10px 15px 0px 0;}
			#boxBlue-v2 input{ margin:59px 0px 0 0; *margin:64px 0px 0 0;}
			
		#boxYellow-v2{ width:160px; height:100%; background:transparent url(img/bg-charities.jpg) top left no-repeat; padding-top:53px; float:left; margin-left:12px; padding-right:13px; border-right:solid 1px #d0d1d3;}
			#boxYellow-v2 p{ font-size:9px; color:#636466; line-height:13px;padding:10px 15px 0 0;}
			#boxYellow-v2 a{ font-size:9px; color:#636466; line-height:13px; text-decoration:none;font-style:italic; font-weight:bold; }
			#boxYellow-v2 h2{padding-left:2px;} 
			#boxYellow-v2 input{ margin:13px 0px 0 0;} 
			#boxYellow-v2 .CharLogin{border:0; width:44px; height:16px; background:transparent url(/Images/buttons/button-yellow-v1.gif) top  no-repeat; font-family:Verdana, Geneva, sans-serif; font-size:8px; color:#fff; line-height:16px; text-align:center;text-transform:uppercase; cursor:hand; cursor:pointer;}	
			
		/************************************************************************************************************/
		
		#verticalMenu{ float:left; width:159px; background-color:#fff; margin: 0px; padding-left:13px; height:100%;border-right:solid 1px #d0d1d3; margin-bottom:25px;}
		#verticalMenu ul { list-style:none; margin-top:2px; *margin-top:1px;}
		#verticalMenu ul li{ line-height:13px; list-style-position:outside;}
		#verticalMenu ul li A{ font-family: Verdana, Geneva, sans-serif; color:#636466; font-size:9px; font-weight: 400; line-height:13px; text-decoration:none;}
		#verticalMenu ul li A:hover{ text-decoration:underline; } 
		
		#Intro { margin-left:15px; float:left; width:590px;}
		#Intro h1{ font-family: Verdana, Geneva, sans-serif; font-size:16px; line-height:21px; color:#bbbcbe; font-weight:normal; padding-right:100px;margin-bottom:10px;}
		#Intro h1 strong , #Intro h1 a {font-family: Verdana, Geneva, sans-serif; font-size:16px; line-height:21px; color:#8c8c8c; font-weight:normal; text-transform:none; font-weight:bold; text-decoration:none; } 
		#Intro h1 a:hover{ text-decoration:underline;}
		
		
	
	
		/*************             Styles for Normal Layout              *************/
		.Maincontainer{ background:transparent url(/Images/bg-middlecontent.jpg) repeat-y top; width:784px; display:table; }
		.MaincontainerNormal{ background:transparent url(/Images/bg-middlecontent-normal.jpg) repeat-y top; width:784px; display:table; }
		.MaincontainerAdmin{ background:transparent url(/Images/bg-middlecontent-toolkit.jpg) repeat-y top; width:784px; /*display:table;*/ margin-top:20px; }
		
		
		#verticalAbout{ float:left;height:352px;margin:0;min-height:300px;padding-left:13px;position:relative;width:140px;}
		#verticalAbout ul { list-style:none; margin-top:2px; *margin-top:1px;}
		#verticalAbout ul li{ line-height:13px;}
		#verticalAbout ul li A{ font-family: Verdana, Geneva, sans-serif; color:#636466; font-size:9px; font-weight: 400; line-height:13px; text-decoration:none;}
		#verticalAbout ul li A:hover{ text-decoration:underline; } 
		
		#verticalMenuNormal{ float:left;height:352px;margin:0;min-height:300px;padding-left:13px;position:relative;width:172px;}
		#verticalMenuNormal ul { list-style:none; margin-top:2px; *margin-top:1px;}
		#verticalMenuNormal ul li{ line-height:13px; list-style-position:outside;}
		#verticalMenuNormal ul li A{ font-family: Verdana, Geneva, sans-serif; color:#636466; font-size:11px; font-weight: 400; line-height:20px; text-decoration:none;}
		#verticalMenuNormal ul li A:hover{ text-decoration:underline; } 
		
		/*#Content{ float:left;  height:100%; min-height:300px; padding:0px 0 0 13px; position:relative;}
			#Content-v2 h1{ font-family: Verdana, Geneva, sans-serif; font-size:13px; line-height:17px; color:#bbbcbe; font-weight:normal; padding:0 190px 10px 0;}
			#Content-v2 h1 strong{font-family: Verdana, Geneva, sans-serif; font-size:13px; line-height:17px; color:#8c8c8c; font-weight:normal; text-transform:none; font-weight:bold; } 
		*/	
			/*#main{ width:418px; float:left;padding-right:13px;}
			.teamImg{ margin-right:10px;}
				#main h1{ font-family: Verdana, Geneva, sans-serif; font-size:13px; line-height:17px; color:#bbbcbe; font-weight:normal; padding-right:0;}
				#main h1 strong{font-family: Verdana, Geneva, sans-serif; font-size:13px; line-height:17px; color:#8c8c8c; font-weight:normal; text-transform:none; font-weight:bold; } 
				 p.Title{ padding:40px 0 0; font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:17px; color:#8c8c8c; font-weight:bold; text-transform:uppercase; }
			 */	
				
			#mainAbout{ width:387px; float:left;padding:0 13px;} 
			.teamImg{ margin-right:10px;}
			#mainAbout h1{ font-family: Verdana, Geneva, sans-serif; font-size:13px; line-height:17px; color:#bbbcbe; font-weight:normal; padding-right:0;}
			#mainAbout h1 strong{font-family: Verdana, Geneva, sans-serif; font-size:13px; line-height:17px; color:#8c8c8c; font-weight:normal; text-transform:none; font-weight:bold; } 
			#mainAbout h2 ,#mainAbout h3 { /*margin:40px 0 0;*/ margin:0; font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:17px; color:#8c8c8c; font-weight:bold; text-transform:uppercase; }
			#mainAbout p{padding:10px 0 0;}
			#mainAbout ol.numbers{list-style-type:decimal;margin:0 15px;padding:15px 15px 0; } 
			/*Styles for Individuals Pages*/
			
			#mainIndividuals{ width:387px; float:left;padding:0 13px;}
			#mainIndividuals p{padding:10px 0 0;}
			#mainIndividuals h1{ font-family: Verdana, Geneva, sans-serif; font-size:13px; line-height:17px; color:#bbbcbe; font-weight:normal; padding-right:0;}
			#mainIndividuals h1 strong{font-family: Verdana, Geneva, sans-serif; font-size:13px; line-height:17px; color:#8c8c8c; font-weight:normal; text-transform:none; font-weight:bold; } 
			#mainIndividuals h2{ /*margin:22px 0 0;*/ margin:0; font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:28px; color:#636466;text-transform:uppercase; background:transparent url(/Images/h1-blue.jpg) right bottom no-repeat;  }
			#mainIndividuals h3{ font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:12px; text-transform:uppercase; color:#46b5dc; padding:10px 0 0;}
			#mainIndividuals small{ font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:12px; color:#8c8c8c;}
			#mainIndividuals a { color:#2fb2eb; font-weight:bold; font-size:8px; line-height:16px; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; text-decoration:none;}
			#mainIndividuals a:hover{ color:#636466;}
			
			#Popout-content{}
			#Popout-content p{padding:10px 0 0;}
			#Popout-content h3{ font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:12px; text-transform:uppercase; color:#bbbcbe; padding:10px 0 0;}
			#Popout-content small{ font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:12px; color:#8c8c8c;}
			#Popout-content a { color:#bbbcbe; font-weight:bold; font-size:8px; line-height:16px; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; text-decoration:none;}
			
			
			
			/*ToolKit*/
			#mainToolkit {padding:0 13px;}
			#mainToolkit p{padding:10px 0 0;}
			#mainToolkit h1{ font-family: Verdana, Geneva, sans-serif; font-size:13px; line-height:17px; color:#bbbcbe; font-weight:normal; padding-right:0;}
			#mainToolkit h1 strong{font-family: Verdana, Geneva, sans-serif; font-size:13px; line-height:17px; color:#8c8c8c; font-weight:normal; text-transform:none; font-weight:bold; } 
			#mainToolkit h2{ /*margin:22px 0 0;*/ margin:0; font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:28px; color:#636466;text-transform:uppercase; background:transparent url(/Images/h1-toolKit.jpg) left bottom no-repeat; padding: 0 0 0 5px;  }
			#mainToolkit h3{ font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:12px; text-transform:uppercase; color:#e8ad42; padding:10px 0 0;}
			#mainToolkit h4{ font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:14px; text-transform:uppercase; color:#636466;  padding:10px 0 0;}
			#mainToolkit h4 strong{ color:#E8AD42;}    
			#mainToolkit small{ font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:12px; color:#8c8c8c;}
			#mainToolkit a { color:#e8ad42; font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:16px; text-decoration:underline;}
			#mainToolkit a:hover{ color:#636466;}
			.flash-charity{ margin: 15px; border: solid 1px #b2b2b2; padding:10px;} 
			textarea.flash { margin: 10px; width:350px; height:150px; }
			table.data{ width:100%;border:1px solid #999999;}
			table.data thead{ background-color: #666666 ; color:#fff; text-align:center;}
			table.data td{ text-align:center;}
			#mainToolkit form label {float:left;font-weight:bold;width:160px;}
			#mainToolkit label {display:block;margin-bottom:2px;}
			input.text {border:1px solid #DFDFDF !important; font-size:11px;padding:4px;width:250px !important;}
			#mainToolkit form  p {position:relative;text-align:left !important;width:100%; display:table;}
			#mainToolkit form  p label{ font-weight:normal; padding-left:4px;}
			#div.submit{ margin:15px;}
			#mainToolkit div.submit input.buttonChar{padding:0 10px;} 
			
			
			
			
			/*Admin*/
		
			
			/*Styles for Business Pages*/
			#mainBusiness{ width:387px; float:left;padding:0 13px;}
			#mainBusiness p{padding:10px 0 0;}
			#mainBusiness h1{ font-family: Verdana, Geneva, sans-serif; font-size:13px; line-height:17px; color:#bbbcbe; font-weight:normal; padding-right:0;}
			#mainBusiness h1 strong{font-family: Verdana, Geneva, sans-serif; font-size:13px; line-height:17px; color:#8c8c8c; font-weight:normal; text-transform:none; font-weight:bold; } 
			#mainBusiness h2{ /*margin:22px 0 0;*/ margin:0;  font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:28px; color:#636466;text-transform:uppercase; background:transparent url(/Images/h1-pink.jpg) right bottom no-repeat;   }
			#mainBusiness h3{ font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:12px; text-transform:uppercase; color:#EA118D; padding:10px 0 0;}
			#mainBusiness small{ font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:12px; color:#8c8c8c;}
			#mainBusiness a { color:#c30f76; font-weight:bold; font-size:8px; line-height:16px; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; text-decoration:none;}
			#mainBusiness a:hover{ color:#636466;}
			   
			/*Styles for Charities Pages*/
			#mainCharities{ width:387px; float:left;padding:0 13px;}
			#mainCharities p{padding:10px 0 0;}
			#mainCharities h1{ font-family: Verdana, Geneva, sans-serif; font-size:13px; line-height:17px; color:#bbbcbe; font-weight:normal; padding-right:0;}
			#mainCharities h1 strong{font-family: Verdana, Geneva, sans-serif; font-size:13px; line-height:17px; color:#8c8c8c; font-weight:normal; text-transform:none; font-weight:bold; } 
			#mainCharities h2{ /*margin:22px 0 0;*/ margin:0;  font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:28px; color:#636466;text-transform:uppercase; background:transparent url(/Images/h1-orange.jpg) right bottom no-repeat;  }
			#mainCharities h3{ font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:12px; text-transform:uppercase; color:#e8ad42; padding:10px 0 0;}
			a.vert_link{ font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:13px; text-transform:uppercase; color:#46B5DC; padding:10px 0 0; text-decoration:none; font-weight:bold;}
			
			#mainCharities small{ font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:12px; color:#8c8c8c;}
			#mainCharities a { color:#e8ad42; font-weight:bold; font-size:8px; line-height:16px; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; text-decoration:none;}
			#mainCharities a:hover{ color:#636466;}
			
			
			#leftContent{ float:left; width:145px; padding:0 10px 0 10px;}  
			 
				/*  Grey Box -  Key Facts  */
				.roundcont {width: 162px;background-color: #e0e0e0;color: #636466; margin:0 0 8px 2px;  }	
				.roundcont h3, .roundcont h3 a{ font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#636466; font-weight:bold; margin: 0 10px; text-decoration:none;}
				.roundcont ul { list-style:square; margin-left:20px; font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#636466; }
				.roundcont p {margin: 0 10px;}				
				.roundtop { background: url(/Images/tr.gif) no-repeat top right; }				
				.roundbottom {background: url(/Images/br.gif) no-repeat top right; }				
				img.corner { width:4px; height: 4px;border: none;display: block !important;}				
				/* End Grey Box -  Key Facts  */
				
				div#FX4Title{  background-image:url(/Images/title-fx4-grey.jpg);  background-repeat:no-repeat;  height:46px; margin-bottom:8px;  } 
				div#FX4Title h2 {display:none;} 
				#sponsors{ margin-bottom:8px; width:145px;}
				#sponsors img{ border:none}
				
				div#JoinNowInd{  background-image:url(/Images/bg-joinnow-blue.jpg);  background-repeat:no-repeat;  height:91px; width:166px; margin-bottom:8px;  } 
				div#JoinNowInd h2 {display:none;} 
				
				div#JoinNowBus{  background-image:url(/Images/bg-joinnow-pink.jpg);  background-repeat:no-repeat;  height:91px; width:166px; margin-bottom:8px;  } 
				div#JoinNowBus h2 {display:none;} 
				
				div#JoinNowChar{  background-image:url(/Images/bg-joinnow-yellow.jpg);  background-repeat:no-repeat;  height:91px; width:166px; margin-bottom:8px;  } 
				div#JoinNowChar h2 {display:none;} 
				
				/*Postive Boxes */
				div#PositiveFXInd{  background-image:url(/Images/box-fx-individulas.jpg);  background-repeat:no-repeat;  height:91px; width:166px; margin-bottom:8px;  } 
				div#PositiveFXInd h2 {display:none;} 
				
				div#PositiveFXBus{  background-image:url(/Images/box-fx-businesses.jpg);  background-repeat:no-repeat;  height:91px; width:166px; margin-bottom:8px;  } 
				div#PositiveFXBus h2 {display:none;} 
				
				div#PositiveFXChar{  background-image:url(/Images/box-fx-charities.jpg);  background-repeat:no-repeat;  height:91px; width:166px; margin-bottom:8px;  } 
				div#PositiveFXChar h2 {display:none;} 
				
				/*Refer a friend Boxes*/
				div#RAFInd{  background-image:url(/Images/box-refer-a-friend.jpg);  background-repeat:no-repeat;  height:91px; width:166px; margin-bottom:8px;  } 
				div#RAFInd h2 {display:none;} 
				
				div#RAFBus{  background-image:url(/Images/box-refer-a-friend-bus.jpg);  background-repeat:no-repeat;  height:91px; width:166px; margin-bottom:8px;  } 
				div#RAFBus h2 {display:none;} 
				
				div#RAFChar{  background-image:url(/Images/box-refer-a-friend-char.jpg);  background-repeat:no-repeat;  height:91px; width:166px; margin-bottom:8px;  } 
				div#RAFChar h2 {display:none;} 
				
				/*Call Back Boxes*/
				div#CallBackInd{  background-image:url(/Images/box-callback.jpg);  background-repeat:no-repeat;  height:91px; width:166px; margin-bottom:8px;  } 
				div#CallBackInd h2 {display:none;} 
				
				div#CallBackBus{  background-image:url(/Images/box-callback-bus.jpg);  background-repeat:no-repeat;  height:91px; width:166px; margin-bottom:8px;  } 
				div#CallBackBus h2 {display:none;} 
				
				div#CallBackChar{  background-image:url(/Images/box-callback-char.jpg);  background-repeat:no-repeat;  height:91px; width:166px; margin-bottom:8px;  } 
				div#CallBackChar h2 {display:none;} 
				
				/*Converter Box*/
				div.converterBox {width:164px;}
				div.converterBox h3 {background:transparent url(/images/title-converter.jpg) no-repeat scroll 0 0;color:#fff;font-family: Verdana, Geneva, sans-serif;
				font-size:12px;font-weight:bold;line-height:0px;padding:13px 0 14px; display:block;  }
				
				/*hack for Safari Only */
				@media screen and (-webkit-min-device-pixel-ratio:0) {
				/* Safari 3.0 and Opera 9 rules here */
				div.converterBox h3{
				padding:13px 0 10px;;
				}
				}
				
				div.converterBox h3 span.hide{ display:none;}				
				#form_content{color:#666666;font-size:10px; background:#E1E1E1 url(/images/bg-converter.gif) repeat-x top; display:block;width:146px; height:120px; padding:5px 8px 10px 10px; font-family:Verdana, Geneva, sans-serif}
				div.converterBox label{clear:both;display:block;float:left;font-weight:bold;margin-bottom:6px;padding-top:2px;width:55px;font-family:Verdana, Geneva, sans-serif ; text-transform:uppercase; font-size:9px;}
				div.converterBox input.textbox{ width:82px;border:1px solid #636466;color:#666666;font-size:10px;float:left;margin-bottom:6px;height:15px; font-weight:normal; padding: 2px 0 0 6px;}
				select.listbox {border:1px solid #636466;color:#666666;float:left;font-size:10px;margin-bottom:6px;width:90px;height:19px; font-weight:normal;}
				input#charvalue{ background-color:transparent; border:none; color:#FFFFFF;				
				font-family:Verdana,Geneva,sans-serif;
				font-size:14px; 			
				margin:31px 0 0 3px; width:90px; } 
				
				.converterButton{ width:70px; height:20px; border:none; float:right;margin:3px 0 7px; color:#666666; 
				font-family:Arial, Helvetica, sans-serif; font-size:12px; background:transparent url(/images/buttons/button-convert.gif);}
				
	 				 
				#convCharityInd{ background:#46b5dc url(/images/bg-charity-ind.jpg) no-repeat top; width:164px; height:91px; margin-bottom:11px; }
				#convCharityInd h2 small{display:none; }
				#convCharityInd h2 span.currSymbol {background-color:transparent; border:none; font-weight:normal; color:#fff;font-family: Verdana, Geneva, sans-serif; font-size:14px; *line-height:14px;padding:31px 0 0 9px; width:24px;text-transform:none; }
				  
				#convCharityBus{ background:#c30374 url(/images/bg-charity-bus.jpg) no-repeat top; width:164px; height:91px;margin-bottom:11px;}
				#convCharityBus h2 small{display:none; } 
				#convCharityBus h2 span.currSymbol {background-color:transparent; border:none;  font-weight:normal;color:#fff; font-family: Verdana, Geneva, sans-serif; font-size:14px;  *line-height:14px;padding:31px 0 0 9px; width:24px; text-transform:none;} 
				
				#convCharityChar{ background:#e9ae42 url(/images/bg-charity-char.jpg) no-repeat top; width:164px; height:91px;margin-bottom:11px; }
				#convCharityChar h2 small{display:none; }
				#convCharityChar h2 span.currSymbol {background-color:transparent; border:none;  font-weight:normal;color:#fff;font-family: Verdana, Geneva, sans-serif; font-size:14px;  *line-height:14px;padding:31px 0 0 9px; width:24px;text-transform:none;}
				/**/
				
				/*People Said Box*/
				#peopleSaid{ background:transparent url(/Images/bg-peoplesaid.jpg) repeat-y; width:166px;}
				#psContent{ background:transparent url(/Images/bg-pscontent.jpg) no-repeat top; display:block; width:166px;}
				 #psContent h3{ display:none; }
				 #psContent p{ padding:60px 15px 5px 11px; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#636466; line-height:12px; }
				 #psBottom{background:transparent url(/Images/bg-psbottom.jpg) no-repeat; display:block; height:14px; width:166px;}
				/**/
				
		 /***************************************************************************/
				
		#contentHome{width:784px; height:100%;padding:0px 0 0 0px; position:relative; border-left:solid 1px #d0d1d3; display:table;}	
        #boxBlue{  float:left; width:399px;background:transparent url(img/bg-individual.jpg) top  left no-repeat; padding:53px 0px 0 0;  border-right:solid 1px #d0d1d3; margin-left:13px; *margin-left:7px;}
			div#individualTitle{  background-image:url(/Images/title-pfx-blue.jpg);  background-repeat:no-repeat;  height:36px;  } 
			div#individualTitle h2 {display:none;} 
			#boxBlue a{color:#2fb2eb; font-family:Verdana, Geneva, sans-serif; font-size:8px; text-transform:uppercase; text-decoration:none; font-weight:bold;}
			#boxBlue a:hover{color:#636466; font-weight:bold;}
			#boxBlue .IndLogin{border:0; width:44px; height:16px; background:transparent url(/Images/buttons/button-blue-v2.gif) top  no-repeat; font-family:Verdana, Geneva, sans-serif; font-size:8px; color:#fff; line-height:16px; text-align:center;text-transform:uppercase; cursor:hand; cursor:pointer;}
			#boxBlue input{ margin:30px 0px 0 0;}
			#boxBlue p{ padding:10px 15px 0px 0;}
			
			.Join{ border:0; width:40px; height:16px; background:transparent url(/Images/buttons/button-grey-v1.gif) top  no-repeat; font-family:Verdana, Geneva, sans-serif; font-size:8px; color:#fff; line-height:16px; text-align:center; text-transform:uppercase; cursor:hand; cursor:pointer;}
			
			 
		#BoxesContainer{ }
			#boxYellow{ width:160px; height:100%; background:transparent url(img/bg-charities.jpg) top left no-repeat; padding-top:53px; float:left; margin-left:12px; padding-right:11px; border-right:solid 1px #d0d1d3;}
				#boxYellow_content{ width:155px; margin-right:5px;}
				div#charityTitle{  background-image:url(/Images/title-pfx-yellow.jpg);  background-repeat:no-repeat;  height:36px;  }
				div#charityTitle h2 {display:none; padding-left:0px;} 
				#boxYellow p{ font-size:9px; color:#636466; line-height:13px;padding:10px 15px 0 0;}
				#boxYellow a{ font-size:9px; color:#636466; line-height:13px; text-decoration:none;font-style:italic; font-weight:bold; }
				#boxYellow h2{padding-left:2px;} 
				#boxYellow input{ margin:13px 0px 0 0;}
				#boxYellow .CharLogin{border:0; width:44px; height:16px; background:transparent url(/Images/buttons/button-yellow-v1.gif) top  no-repeat; font-family:Verdana, Geneva, sans-serif; font-size:8px; color:#fff; line-height:16px; text-align:center;text-transform:uppercase; cursor:hand; cursor:pointer;}	
			
		
			#boxPink{ float:left; width:160px; height:100%; background:transparent url(img/bg-business.jpg) top left no-repeat; padding-top:53px; margin-left:13px;  padding-right:12px; border-right:solid 1px #d0d1d3; }
					#boxPink_content{ width:155px; margin-right:5px;}
					div#businessTitle{  background-image:url(/Images/title-pfx-pink.jpg);  background-repeat:no-repeat;  height:36px;  } 
					div#businessTitle h2 {display:none; padding-left:0px;} 
					#boxPink input{ margin:26px 0px 0 0;}
					#boxPink h2{padding-left:2px;} 
					#boxPink .BusLogin{border:0; width:44px; height:16px; background:transparent url(/Images/buttons/button-pink-v1.gif) top  no-repeat; font-family:Verdana, Geneva, sans-serif; font-size:8px; color:#fff; line-height:16px; text-align:center;text-transform:uppercase; cursor:hand; cursor:pointer;}	
					#boxPink p{ font-size:9px; color:#636466; line-height:13px; padding:10px 15px 0 0;}


#footer { margin: 25px 0px 80px 0px;  *margin: 25px 0px 20px 0px; 	background:#fff; border-top: solid 1px #d0d1d3; line-height:14px; padding:15px 0 0px;   } 
#footerNormal {margin: 25px 0px 80px 0px;  *margin: 25px 0px 20px 0px; 	background:#fff; border-top: solid 1px #d0d1d3; line-height:14px; padding:15px 0 0px; } 

div#footer p.footerCopyright , #footerNormal  p.footerCopyright {padding-left:10px;text-align:left;}
div#footer p.footerAzibo , div#footerNormal p.footerAzibo  {display:block;left:98px;margin:0;position:relative;text-align:center;}
div#footer p.footerLinks, div#footerNormal p.footerLinks  {float:right; position:relative;text-align:right; width:500px;}

div#footer p , div#footerNormal p  {float:left;margin:0;padding:0; text-decoration:none;}
div#footer p a , div#footerNormal p a {text-decoration:none;}

div#footer a, div#footer p ,  div#footerNormal a , div#footerNormal p {color:#B6B6B6;font-size:9px;}

div#footer a:hover ,  div#footerNormal a:hover { text-decoration:underline;}

/* General Styles */

.clearfix{ clear:both;}
h2{color:#8A8B8E; font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:16px; font-weight:bold; text-transform:uppercase; }
h1{ font-family: Verdana, Geneva, sans-serif; font-size:16px; line-height:21px; color:#bbbcbe; font-weight:normal; padding-right:100px;}
a{color:#636466;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:16px; text-decoration:underline; cursor:pointer; cursor:hand;}
ul{ padding:10px 0 0; list-style-position:inside;}
.error{ color:#f00;} 
#mainCharities h3.error , #mainIndividuals h3.error ,#mainBusiness h3.error{color:#f00;} 
ol{padding:15px 15px 0; list-style-type:none;} 
ol.numbers {padding:15px 15px 0; list-style-type:decimal; margin:0 15px; }  
ul.numbers{padding:15px 15px 0;margin:0 15px; } 
hr {
background:transparent url(/images/divider-white.gif) repeat-x scroll 0 10px;
border:0 none;
clear:both; line-height:20px; height:20px; *height:0px;
margin:0;
width:100%;
}

/* Form Styles  */
div.detailsForm {background:#F3F3F3 none repeat scroll 0 0; padding:11px 7px 7px; margin-top:5px;}
div.detailsForm input.textbox {padding:2px;width:250px;}
div.detailsForm input.textbox{float:left;font-size:12px;width:250px;}
div.detailsForm select.listbox {float:left;font-size:12px;width:256px; }
div.detailsForm select.countries{float:left;font-size:12px;width:256px;}
select.listbox, input.textbox, input.password {border:1px solid #999999;color:#666666;font-size:11px;}
div.detailsForm label {color:#666666;font-size:11px; line-height:11px;}

div.detailsSubmit {background:transparent url(/Images/divider-white.gif) repeat-x;margin-top:2px;padding-top:7px; background-position:top left; display:block;}
.clearfix {display:block;}
div.formAgree, div.detailsSubmit p {color:#333333;float:left;padding-left:139px;}
input, select, radio, textarea {color:#666666;font-family:Arial,Verdana,Helvetica,sans-serif;font-size:12px;font-weight:normal;}
.textbox_category_large{ border: solid 1px #999999 ; width:370px;}

div.formAgree, div.detailsSubmit p {color:#333333;}

/*Charity Form Button*/ 
div.detailsSubmit input.button {float:right;padding:1px 22px 2px;}
input.button {background:transparent url(/images/buttons/button-yellow-v1.gif) no-repeat scroll center top;
border:0 none;color:#FFFFFF;cursor:pointer;font-family:Verdana,Geneva,sans-serif;font-size:8px;height:16px;
line-height:16px;text-align:center;text-transform:uppercase;width:44px;margin-bottom:10px;overflow:visible;width:auto;}
/*--------------------*/

/*Businesses Form Button*/ 
div.detailsSubmit input.buttonBus {float:right;padding:1px 22px 2px;}
input.buttonBus {background:transparent url(/images/buttons/button-pink-v1.gif) no-repeat scroll center top;
border:0 none;color:#FFFFFF;cursor:pointer;font-family:Verdana,Geneva,sans-serif;font-size:8px;height:16px;
line-height:16px;text-align:center;text-transform:uppercase;width:44px;margin-bottom:10px;overflow:visible;width:auto;}
/*--------------------*/

input.buttonInd , a.back-button{background-color:#46B5DC; border:0 none;color:#FFFFFF;cursor:pointer;font-family:Verdana,Geneva,sans-serif;
font-size:8px;height:16px;line-height:16px;text-align:center;text-transform:uppercase;width:44px;margin-bottom:10px;
overflow:visible;width:auto;}

input.buttonBus , a.back-buttonBus{background-color:transparent; border:0 none;color:#FFFFFF;cursor:pointer;font-family:Verdana,Geneva,sans-serif;
font-size:8px;height:16px;line-height:16px;text-align:center;text-transform:uppercase;width:44px;margin-bottom:10px;
overflow:visible;width:auto;}

input.buttonChar , a.back-buttonChar{background-color:#E8AD42; border:0 none;color:#FFFFFF;cursor:pointer;font-family:Verdana,Geneva,sans-serif;
font-size:8px;height:16px;line-height:16px;text-align:center;text-transform:uppercase;width:44px;margin-bottom:10px;
overflow:visible;width:auto;}


/* RAF styles */

  fieldset {display:block; width:386px; background-color:#e0e0e0; border:medium none; margin-top:10px;}
  fieldset p {padding:3px 0 20px;} 
  fieldset p.button {text-align:right; border:none; padding:0;} 
  fieldset p.buttonadd {text-align:right; border:none; padding:0; float:left;}  
  fieldset p .warning {color:#f00;}
  fieldset p.friend{ border-bottom: solid 1px #fff;  }
  div.title{ font-family:Verdana, Geneva, sans-serif; font-size:12px; padding-left:8px; line-height:23px; height:23px; color:#fff; background-color:#46b5dc }
  div.header{ font-family:Verdana, Geneva, sans-serif; font-size:12px;padding-left:8px;  line-height:23px; color:#fff; height:23px; background:transparent url( /Images/bg-raf-header.jpg) no-repeat; }
  fieldset label {display:inline-block; margin-right:5px; text-align:left; margin-bottom:10px; margin-left:10px; }
  fieldset input.text {width:90px; border:1px solid #636466; height:19px; font-family:Verdana, Geneva, sans-serif; font-size:11px; *margin-bottom:10px;}
  fieldset input.text_raf {width:90px; border:1px solid #636466; height:19px; font-family:Verdana, Geneva, sans-serif; font-size:11px; *margin-bottom:10px;}
  
  fieldset input.text_raf.long {width:205px;margin-bottom:10px;}
  .button-ref{background:transparent url( /Images/buttons/button-referal.jpg) no-repeat; height:16px; width:116px; font-family:Verdana, Geneva, sans-serif; color:#fff;
   line-height:16px; font-size:8px; border:none; margin:0 10px 10px 0; text-transform:uppercase; }
   .button-friend{background:transparent url( /Images/buttons/button-addfriend.jpg) no-repeat; height:16px; width:131px; font-family:Verdana, Geneva, sans-serif; color:#fff;
   line-height:16px; font-size:8px;border:none; margin: 0 0 10px 10px; text-transform:uppercase; }
   
/*------------------*/


/* Plain pop up styles */
div#teamPopoutWrapper {
border:2px solid #CCCCCC;
float:left;
}


div#teamPopout {
background:#FFFFFF url(/images/popout-bg.gif) repeat-x scroll center bottom;
border:2px solid #FFFFFF;
float:left;
margin:auto;
padding:22px;
}

div#teamPopoutWrapper {
border:2px solid #CCCCCC;
float:left;
}
	
div#teamPopout {
background:#FFFFFF url(/images/popout-bg.gif) repeat-x scroll center bottom;
border:2px solid #FFFFFF;
float:left;
margin:auto;
padding:22px;
}

div#teamPopout-content {
display:inline;
float:left;
}

div#teamPopout-content p {			
		display: block;
		clear: both;
}

div#teamPopout-content hr {			   
	border : 0;
	height: 20px;	
	width: 100%;
	clear: both;
	margin: 0;
}
 
 a.lbAction {
background:transparent url(/images/icons/icon_close.gif) no-repeat scroll right center;
color:#FF6600;
display:block;
float:right;
font-size:10px;
padding:0 15px 0 0;
position:relative;
width:30px;
}

#popWrapper{position:relative; padding:0 50px; padding-right:50px;}
#close{width:70px; height:20px; border:none; float:right; padding-right:20px;
		 font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#03F; background:transparent;}
#tbanner{background-image: url(/css/img/bg-top.jpg) no-repeat scroll right center;}		 
.decimal {list-style-type: decimal;
	list-style-position: inside;
}

.alpha {list-style-type: lower-alpha;}

/***** Wide Pages ****/
	#mainIndividuals-wide { float:left;padding:0 13px; width:570px; background-color:#FFF; border-left:1px solid #D0D1D3;}
	#mainIndividuals-wide  p{padding:10px 0 0;}
	#mainIndividuals-wide  h1{ font-family: Verdana, Geneva, sans-serif; font-size:13px; line-height:17px; color:#bbbcbe; font-weight:normal; padding-right:0;}
	#mainIndividuals-wide  h1 strong{font-family: Verdana, Geneva, sans-serif; font-size:13px; line-height:17px; color:#8c8c8c; font-weight:normal; text-transform:none; font-weight:bold; } 
	#mainIndividuals-wide  h2{ /*margin:22px 0 0;*/ margin:0; font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:28px; color:#636466;text-transform:uppercase; background:transparent url(/Images/h1-blue.jpg) right bottom no-repeat;  }
	#mainIndividuals-wide  h3{ font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:12px; text-transform:uppercase; color:#46b5dc; padding:10px 0 0;}
	#mainIndividuals-wide  small{ font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:12px; color:#8c8c8c;}
	#mainIndividuals-wide  a { color:#2fb2eb; font-weight:bold; font-size:8px; line-height:16px; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; text-decoration:none;}
	#mainIndividuals-wide  a:hover{ color:#636466;}
	#mainIndividuals-wide  h3.error {color:#f00;} 
	
	#mainCharities-wide{ float:left;padding:0 13px; width:570px; background-color:#FFF; border-left:1px solid #D0D1D3;}
	#mainCharities-wide p{padding:10px 0 0;}
	#mainCharities-wide h1{ font-family: Verdana, Geneva, sans-serif; font-size:13px; line-height:17px; color:#bbbcbe; font-weight:normal; padding-right:0;}
	#mainCharities-wide h1 strong{font-family: Verdana, Geneva, sans-serif; font-size:13px; line-height:17px; color:#8c8c8c; font-weight:normal; text-transform:none; font-weight:bold; } 
	#mainCharities-wide h2{ /*margin:22px 0 0;*/ margin:0;  font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:28px; color:#636466;text-transform:uppercase; background:transparent url(/Images/h1-orange.jpg) right bottom no-repeat;  }
	#mainCharities-wide h3{ font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:12px; text-transform:uppercase; color:#e8ad42; padding:10px 0 0;}
	#mainCharities-wide small{ font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:12px; color:#8c8c8c;}
	#mainCharities-wide a { color:#e8ad42; font-weight:bold; font-size:8px; line-height:16px; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; text-decoration:none;}
	#mainCharities-wide a:hover{ color:#636466;}
	#mainCharities-wide  h3.error {color:#f00;} 
	
	#mainBusiness-wide { float:left;padding:0 13px; width:570px; background-color:#FFF; border-left:1px solid #D0D1D3;}
	#mainBusiness-wide p{padding:10px 0 0;}
	#mainBusiness-wide h1{ font-family: Verdana, Geneva, sans-serif; font-size:13px; line-height:17px; color:#bbbcbe; font-weight:normal; padding-right:0;}
	#mainBusiness-wide h1 strong{font-family: Verdana, Geneva, sans-serif; font-size:13px; line-height:17px; color:#8c8c8c; font-weight:normal; text-transform:none; font-weight:bold; } 
	#mainBusiness-wide h2{ /*margin:22px 0 0;*/ margin:0;  font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:28px; color:#636466;text-transform:uppercase; background:transparent url(/Images/h1-pink.jpg) right bottom no-repeat;   }
	#mainBusiness-wide h3{ font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:12px; text-transform:uppercase; color:#EA118D; padding:10px 0 0;}
	#mainBusiness-wide small{ font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:12px; color:#8c8c8c;}
	#mainBusiness-wide a { color:#c30f76; font-weight:bold; font-size:8px; line-height:16px; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; text-decoration:none;}
	#mainBusiness-wide a:hover{ color:#636466;}
	#mainBusiness-wide  h3.error {color:#f00;} 