@charset "utf-8";
/* CSS Document */

	body{
		margin: 0px auto;
		background: #FFFFFF url(images/body_bg_x.jpg) top repeat-x;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #333333;
	}
	
	.clearfix{
		clear: both;
	}
	
	.container{
	  width: 798px;
	  margin: 0px auto;
	  padding: 0 7px;
	  background: url(images/container_bg_y.png) repeat-y;
	}
	
	#header{
		height: 100px;
		text-align: left;
	}
	
		.logo{
			
			float: left;
			padding: 20px 0 0 5px;
		}
		
		#header #topRight{
			float: right;
			padding: 20px 5px 0 0;
			text-align: right;
			color: #999999;
			font-size:10px;
		}
		
			#header #topRight a, #header #topRight a:visited,
			#header #topRight a:active{
				color: #999999;
				text-decoration: none;
			}
			
			#header #topRight a:hover{
				text-decoration: underline;
			}

		#navigation{
			width: 777px;
			margin: 0px auto;
			padding-top: 10px;
		}
			
			#donateNow{
				display: block;
				background: url(images/menu_donateNow_hover.jpg) no-repeat;
				width: 128px;
				height: 34px;
			}
			
			#donateNow:link, #donateNow:visited{
				display: block;
				background: url(images/menu_donateNow.jpg) no-repeat;
				width: 128px;
				height: 34px;
			}
			
			#donateNow:hover, #donateNow:focus{
				display: block;
				background: url(images/menu_donateNow_hover.jpg) no-repeat;
				width: 128px;
				height: 34px;
			}
	
			#taxAdvantage{
				display: block;
				background: url(images/menu_taxAdvantage_hover.jpg) no-repeat;
				width: 158px;
				height: 34px;
			}
			
			#taxAdvantage:link, #taxAdvantage:visited{
				display: block;
				background: url(images/menu_taxAdvantage.jpg) no-repeat;
				width: 158px;
				height: 34px;
			}
			
			#taxAdvantage:hover, #taxAdvantage:focus{
				display: block;
				background: url(images/menu_taxAdvantage_hover.jpg) no-repeat;
				width: 158px;
				height: 34px;
			}
			
			#howToDonate{
				display: block;
				background: url(images/menu_howToDonate_Hover.jpg) no-repeat;
				width: 169px;
				height: 34px;
			}
			
			#howToDonate:link, #howToDonate:visited{
				display: block;
				background: url(images/menu_howToDonate.jpg) no-repeat;
				width: 169px;
				height: 34px;
			}
			
			#howToDonate:hover, #howToDonate:focus{
				display: block;
				background: url(images/menu_howToDonate_Hover.jpg) no-repeat;
				width: 169px;
				height: 34px;
			}
			
			#FAQs{
				display: block;
				background: url(images/menu_FAQs_hover.jpg) no-repeat;
				width: 96px;
				height: 34px;
			}
			
			#FAQs:link, #FAQs:visited{
				display: block;
				background: url(images/menu_FAQs.jpg) no-repeat;
				width: 96px;
				height: 34px;
			}
			
			#FAQs:hover, #FAQs:focus{
				display: block;
				background: url(images/menu_FAQs_hover.jpg) no-repeat;
				width: 96px;
				height: 34px;
			}


			#aboutUs{
				display: block;
				background: url(images/menu_aboutUs_hover.jpg) no-repeat;
				width: 126px;
				height: 34px;
			}
			
			#aboutUs:link, #aboutUs:visited{
				display: block;
				background: url(images/menu_aboutUs.jpg) no-repeat;
				width: 126px;
				height: 34px;
			}
			
			#aboutUs:hover, #aboutUs:focus{
				display: block;
				background: url(images/menu_aboutUs_hover.jpg) no-repeat;
				width: 126px;
				height: 34px;
			}
			
			#contact{
				display: block;
				background: url(images/menu_contact_hover.jpg) no-repeat;
				width: 100px;
				height: 34px;
			}
			
			#contact:link, #contact:visited{
				display: block;
				background: url(images/menu_contact.jpg) no-repeat;
				width: 100px;
				height: 34px;
			}
			
			#contact:hover, #contact:focus{
				display: block;
				background: url(images/menu_contact_hover.jpg) no-repeat;
				width: 100px;
				height: 34px;
			}

	
	#leaderboard{
		width: 100%;
		height: 333px;
		background: url(images/leaderboard_bg_x.jpg) repeat-x;
	}
	
		#leaderboard .container{
			height: 333px;
		}
	
		#leaderboard img, #leaderboard table{
			padding-top: 12px;
			margin: 0px auto;
		}
		
			#leaderboard table img{
				padding-top: 0;
			}
			
	#main{
		text-align: left;
		padding-top: 10px;
	}
	
		#main p, #main h1, #main h2, #main h3, #main h4{
			margin: 0;
			padding: 8px 0;
		}
		
		
		#main h1{
			color: #0099cc;
			font-weight: bold;
			font-size: 20px;
			letter-spacing: -1px;
		}
		
		#main h2{
			color:#3399FF;
			font-weight: bold;
			font-size: 16px;
			letter-spacing: -1px;
		}
		
		#main a{
			color: #ff6600;
			font-weight: bold;
			text-decoration: none;
		}
		
		#main a:hover{
			text-decoration: underline;
		}
		
		.FrmHdr
{

	font-size:13px;
	font-weight:bold;
	height:28px;
	color:#0099FF;

	padding:5px;
}
.FrmHdr2
{

	font-size:13px;
	font-weight:bold;
	height:28px;
	color:#0099FF;

	padding:5px;
}

.FrmLbl
{

	padding:5px;
	text-align:right;

}
.FrmLbl2
{

	padding:5px;

}
.FrmCtrl
{
	color:#000000;
}
.Ctrl
{
	font-size:13px;
	background-color:#CCFFFF;
	border:solid 1px #0099FF;
}
.CtrlS
{
	font-size:10px;
	background-color:#CCFFFF;
	border:solid 1px #0099FF;
}
.Btn
{
	color:#0099FF;
	font-size:12px;
	font-weight:bold;
	padding:3 8 3 8;
}
.BtnSmall
{
	color:#0099FF;
	font-size:10px;
	font-weight:bold;
	padding:1 2 1 2;
}
		
		
		
		#leftColumn{
			width: 500px;
			padding: 0px 10px;
			float: left;
		}

		.navvy{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
		}
		.onpage{
			color:#666666;
			font-style:italic;
		}
		
		#rightColumn{
			width: 253px;
			margin-left: 10px;
			background: url(images/rightColumn_bg_y.jpg) repeat-y;
			float: left;
		}
		#rightColumn2{
			width: 200px;
			float: left;
		}
		
			#rightColumn #top{
				background: url(images/rightColumn_top.jpg) top no-repeat;
				width: 253px;
				height: 8px;
			}
			
			#rightColumn #inner{
				width: 235px;
				margin: 0px auto;
				margin-left:10px;
			}
				
				#rightColumn .title{
					font-weight: bold;
				}
				
				#rightColumn .author{
					color: #777777;
					padding-bottom: 5px;
				}
			
			#rightColumn #bottom{
				background: url(images/rightColumn_bottom.jpg) bottom no-repeat;
				width: 253px;
				height: 8px;
			}
		
	
		#boxes{
			width: 789px;
			margin: 0px auto;
			background: url(images/boxes_bg_y.jpg) repeat-y;
		}
		
			#boxes #top{
				width: 789px;
				height: 7px;
				background: url(images/boxes_top.jpg) top no-repeat;
			}
			
			#boxes #bottom{
				width: 789px;
				height: 7px;
				background: url(images/boxes_bottom.jpg) bottom no-repeat;
			}
		
		#boxes h1, #boxes p{
			padding: 5px;
		}	
	
			.boxLeft{
				width: 241px;
				padding: 0px 6px;
				margin-right: 15px;
				float: left;
			}
			
				#leadForm{
				}
				
					#leadForm input{
						width: 150px;
					}
					
					#leadForm textarea{
						width: 150px;
						height: 50px;
					}
					
					#leadForm #submitBtn{
						width: 111px;
						height: 30px;
						margin-top: 10px;
					}
					
					#leadForm2{
				}
				
					#leadForm2 input{
						width: 350px;
					}
					
					#leadForm2 textarea{
						width: 350px;
						height: 50px;
					}
					
					#leadForm2 #submitBtn{
						width: 111px;
						height: 30px;
						margin-top: 10px;
					}
			
			.boxMiddle{
				width: 241px;
				padding: 0px 6px;
				margin-right: 15px;
				float: left;
				text-align: left;
			}
			
			.boxRight{
				width: 241px;
				padding: 0px 6px;
				float: left;
				text-align: left;
			}
			
				.boxMiddle .title{
					font-weight: bold;
				}
				
				.boxMiddle .author{
					color: #777777;
					padding-bottom: 5px;
				}
			
		#bottomNav{
			text-align: center;
			color: #0099cc;
			padding-top: 15px;
			font-size:11px;
		}
		
			#bottomNav a{
				color: #333333;
				text-decoration: none;
				font-weight: normal;
				font-size:11px;
			}
			
			#bottomNav a:hover{
				text-decoration: underline;
				font-size:11px;
			}
	
	.containerBottom{
		width: 809px;
		height: 14px;
		background: url(images/container_bottom.png) bottom no-repeat;
		margin: 0px auto;
	}
	
	#footer{
		text-align: center;
		color: #999999;
		font-size:11px;
	}
	
		#footer a{
			color: #0099cc;
			font-weight: normal;
			text-decoration: none;
			font-size:11px;
		}
		
		#footer a:hover{
			text-decoration: underline;
			font-size:11px;
		}