/* ------------------------------------------------------------------------------------------------ */
/* global styles 
/* ------------------------------------------------------------------------------------------------ */

html{
	background: url(../img/bgHtml.gif) 50% 0;
	}
body{
	margin: 0 0 0px 0;
	padding: 0;
	background: url(../img/bgBody.jpg) 50% 0 repeat-x;
	font: normal 12px/128%  "Lucida Console", Arial, Helvetica, sans-serif;
	color:#093156;
	}

p{
	margin: 0 0 1.5em 0;
	}

a{
	color: #FF6500;
	outline: none;
	text-decoration: underline;
	}

a:hover{
	text-decoration: none;
	}

h2{
	margin: 0px 0px 0px 0px;	
	font-size:;
	}

h3{
	margin: 0px 0px 0px 0px;	
	font-size:;
	}

h4{
	margin: 0px 0px 0px 0px;	
	font-size:;
	}

h5{
	margin: 0px 0px 0px 0px;	
	font-size:;
	}

h6{
	margin: 0px 0px 0px 0px;	
	font-size:;
	}

/* ------------------------------------------------------------------------------------------------ */

#MainWrapper{
	width: 960px;
	margin: auto;
	}
	
/* ------------------------------------------------------------------------------------------------ */
/* header 
/* ------------------------------------------------------------------------------------------------ */
	#Header{
		width: 960px;
		height: 270px;
		overflow: hidden;
		position: relative;
		background: url(../img/bgHeader.jpg) 210px 0 no-repeat;
		}
		#Header h2{
			width: 429px;
			height: 102px;
			text-indent: -999em;
			background: url(../img/hHeader1.gif) 0 0 no-repeat;
			position:absolute;
			top:50px;
			right:140px;
			}
		#Header h3{
			width: 665px;
			height: 159px;
			text-indent: -999em;
			background: url(../img/hHeader2.gif) 0 0 no-repeat;
			position:absolute;
			bottom:7px;
			right:10px;
			}
		#Header h4{
			width: 136px;
			height: 55px;
			text-indent: -999em;
			background: url(../img/logoPayPalPresents.jpg) 0 0 no-repeat;
			position:absolute;
			top:1px;
			left:235px;
			}
	
	/* logo */
		h1#Logo{
			margin: 0;
			position: absolute;
			top: 70px;
			left: 0;
			}
		
		h1#Logo a{
			display: block;
			width: 266px;
			height: 166px;
			overflow: hidden;
			text-indent: -999em;
			background: url(../img/logoCharitySmackDownArcade.gif) 0 0 no-repeat;
			}
	/* /logo */
			
	/* main nav */
		#MainNav{
			position: absolute;
			top: 3px;
			right: 40px;
			z-index: 89;
			}
			
		#MainNav ul.ddmenu{
			margin: 0;
			padding: 0;
			list-style-type: none;
			overflow: hidden;
			width: 530px;
			}
		#MainNav ul.ddmenu li{
			float: left;
			display: block;
			margin: 0 8px 0 8px;
			overflow: hidden;
			height: 30px;
			}
		#MainNav ul.ddmenu li a{
			display: block;
			float: left;
			text-indent: -999em;
			height: 30px;
			}
		#MainNav ul.ddmenu li.home a{ width:82px; background: url(../img/btnHome.gif) left top no-repeat;}
		#MainNav ul.ddmenu li.home a:hover{ background-position: left bottom;}
		
		#MainNav ul.ddmenu li.charities a{ width:150px; background: url(../img/btnCharities.gif) left top no-repeat;}
		#MainNav ul.ddmenu li.charities a:hover{ background-position: left bottom;}
		
		#MainNav ul.ddmenu li.charities .ddmenu-hover {
			width:150px; background: url(../img/btnCharities.gif) left bottom no-repeat;
			}
		
		#MainNav ul.ddmenu li.faqs a{ width:96px; background: url(../img/btnFaqs.gif) left top no-repeat;}
		#MainNav ul.ddmenu li.faqs a:hover{ background-position: left bottom;}
				
		#MainNav ul.ddmenu li.selected a{
			background-position: left bottom;
			}
			
		#MainNav ul.ddmenu li ul{
			display: none;
			position: absolute;
			top: 33px;
			left: 30px;
			right: 0;
			z-index: 90;
			background: #00549E url(../img/bgMenuLvl2.jpg) 0 0 repeat-x;
			width: 330px;
			margin: 0;
			padding: 15px;
			list-style: none;
			
		}
		#MainNav ul.ddmenu li ul li{
			float: none;
			margin: 0;
			padding: 2px 0;
			width: 330px;
			z-index: 91;
			height: auto;
			}
		
		#MainNav ul.ddmenu li.charities ul li a{
			text-indent: 0;
			background: none;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			font-size: 14px;
			line-height: 16px;
			float: none;
			width: 330px;
			height: auto;
			margin: 0;
			padding: 0;
			z-index: 92;
		}
		#MainNav ul.ddmenu li ul li a.ddchildhover{
			color: #62E2EF;
			background: url(../img/icoMenuLvl2.gif) 100% 0 no-repeat!important;
			cursor: pointer;
		}
		
		#MainNav ul.ddmenu li ul li a.first{
		}
		
	/* /main nav */

/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------ */
/* content wrappers 
/* ------------------------------------------------------------------------------------------------ */
	#ContentWrapper{
		width: 960px;
		padding: 0;
		margin: -15px 0 0 0;
		overflow: hidden;	
		}

	/* main content */
		#MainContent{
			width: 650px;
			padding: 0 0 0 20px;
			float: left;
			}
			.MainBox{
				width: 620px;
				height: 314px;
				padding: 15px;
				margin: 0 0 25px 0px;
				background: url(../img/bgMainBox.gif) 0 0 no-repeat;
				overflow: hidden;
				}
			.InsidePages{
				height: auto;
				padding: 30px;
				width: 590px;
				background: #fff url(../img/bgContent.jpg) 0 100% no-repeat;
				}
				.MainBox h2{
					width: 451px;
					height: 111px;
					text-indent: -999em;
					background: url(../img/hMainBox.gif) 0 0 no-repeat;
					margin: 0 0 33px 0;
					}
				.InsidePages h2{
					width: 350px;
					height: 120px;
					text-indent: -999em;
					margin: 0 0 18px 0;
					}
				.InsidePages h2.char1{ background: url(../img/h3for5.gif) no-repeat;}
				.InsidePages h2.char2{ background: url(../img/hCanine.gif) no-repeat;}
				.InsidePages h2.char3{ background: url(../img/hBestFr.gif) no-repeat;}
				.InsidePages h2.char4{ background: url(../img/hAlexL.gif) no-repeat;}
				.InsidePages h2.char5{ background: url(../img/hStep.gif) no-repeat;}
				.InsidePages h2.char6{ background: url(../img/hSpirit.gif) no-repeat;}
				.InsidePages h2.char7{ background: url(../img/hSurf.gif) no-repeat;}
				.InsidePages h2.char8{ background: url(../img/hLa.gif) no-repeat;}
				.InsidePages h2.char9{ background: url(../img/hMothers.gif) no-repeat;}
				
				.MainBox h3{
					width: 390px;
					font-size: 16px;
					line-height: 1.2em;
					color: #2C2B2A;
					margin:0 0 25px 0;
					}

				.MainBox h3.congrats{
					width: 390px;
					font-size: 16px;
					line-height: 1.2em;
					color: #2C2B2A;
					margin:10px 0 25px 0;
					padding-top: 10px;
					}


					.MainBox h3 span{
						color: #FF6500;
						}
					.MainBox h3 strong{
						color: #145796;
						}
				.InsidePages h3{
					margin: 0 0 15px 0;
					width: auto;
					}
				.MainBox p{
					width: 390px;
					}
				.InsidePages p{
					width: auto;
					}
			.InsideBox{
				padding: 15px;
				background-color: #fff;
				margin: 0 0 0px 0;
				}
			.InsideLeft{
/*				width: 350px; */
				width: 550px; 
				overflow: hidden;
				float: left;
				}
			.Widget{
				width: 211px;
				overflow: hidden;
				float: right;
				margin: 0 0 5px 0;
				}
					
		.SmallBox{
			width: 292px;
			height: 120px;
			padding: 10px;
			margin: 0 5px 15px 5px;
			background: #fff url(../img/bgSmallBox.gif) 0 100% repeat-x;
			float: left;
			overflow:hidden;
			}
			.SmallBox h3{
				font-size: 14px;
				color: #00559E;
				height: 75px;
				padding: 5px 0 0 100px;
				background: url(../img/phLogo.gif) 0 0 no-repeat;
				}
			.SmallBox a{
				text-decoration:none;
				}
			.SmallBox a h3{
				text-decoration:none;
				}
			.SmallBox a:hover h3{
				color: #FF3100;
				text-decoration: none;
				cursor: pointer;
				}
			.SmallBox h3.threeforfive{ background: url(../img/logo3for5.gif) 0 0 no-repeat;}
			.SmallBox h3.heifer{ background: url(../img/logoHeifer.gif) 0 0 no-repeat;}
			.SmallBox h3.cci{ background: url(../img/logoCanineCompanions.gif) 0 0 no-repeat;}
			.SmallBox h3.bfas{ background: url(../img/logoBestFriends.gif) 0 0 no-repeat;}
			.SmallBox h3.al{ background: url(../img/logoAlexsLemonadeStand.gif) 0 0 no-repeat;}
			.SmallBox h3.stf{ background: url(../img/logoStepWise.gif) 0 0 no-repeat;}
			.SmallBox h3.sj{ background: url(../img/logoSpiritJump.gif) 0 0 no-repeat;}
			.SmallBox h3.suf{ background: url(../img/LogoSurfriderFoundation.gif) 0 0 no-repeat;}
			.SmallBox h3.lb{ background: url(../img/logoLAB.gif) 0 0 no-repeat;}
			.SmallBox h3.mfo{ background: url(../img/logoMFFO.gif) 0 0 no-repeat;}
			
			.SmallBox p{
				margin: -40px 0 15px 0;
				padding: 0 0 0 100px;
				font-size: 11px;
				line-height: 13px;
				}
			.SmallBox span{
				color: #FF3100;
				}
			a.btnMakeDonation{
				width: 244px;
				height: 21px;
				background: url(../img/btnMakeDonation.gif) 0 0 no-repeat;
				display: block;
				text-indent: -999em;
				}
				
			/* the overlayed element */
			.overlay {
				display: none;
				width: 211px;		
				padding: 35px;
				margin: -410px 0 0 -15px;
				z-index: 120;
			}
			.overlay div.close {
				background: url(../img/btnClose.png);
				position:absolute; right:20px; top:20px;
				cursor:pointer;
				height:35px;
				width:35px;
			}
		
	/* /main content */

	/* side content */
		#SideContent{
			width: 250px;
			padding: 0 20px 0 0;
			float: right;
			}
			.SideBox{
				width: 222px;
				height: 316px;
				padding: 14px;
				background-color: #54D7E9;
				border: 1px solid #44A5C0;
				overflow: hidden;
				margin: 0 0 20px 0;
				}
				.SideBox h3{
					width: 216px;
					height: 65px;
					text-indent: -999em;
					background: url(../img/hScorecard.gif) no-repeat;
					margin: 0;
					}
				.SideBox ul{
					widh: 220px;
					padding: 0;
					margin: 0;
					list-style-type: none;
					overflow:hidden;
					}


					table.congrats td {
						font-size: 18px;
						padding-top: 15px;
					}
					
					table.congrats td.first {
						width: 300px;
					}


					.SideBox ul li{
						width: 206px;
						height: 21px;
						display: block;
						overflow: hidden;
						padding: 7px 7px 0px 7px;
						margin: 0;
						font-size: 11px;
						line-height: 12px;
						float: left;
						}
					.SideBox ul li.odd{
						background: url(../img/bgScOddLi.gif) 0 0 no-repeat;
						color: #031416;
						}
					.SideBox ul li.even{
						background: url(../img/bgScEvenLi.gif) 0 0 no-repeat;
						color: #fff;
						}
						.SideBox ul li a{
							display: block;
							float:left;
							font-size: 11px;
							line-height: 12px;
							text-decoration: none;
							}
						.SideBox ul li a:hover{
							text-decoration: underline;
							}
						.SideBox ul li.odd a{
							color: #031416;
							}
						.SideBox ul li.even a{
							color: #fff;
							}
						.SideBox ul li strong{
							display: block;
							float:right;
							font-size: 11px;
							line-height: 12px;
							}
			.Top10Twitters{
				background-color: #BBE7EB;
				border: 1px solid #24A5B6;
				height: auto;
				}
				.Top10Twitters h3{
					background: url(../img/hTop10Twitters.gif) 0 0 no-repeat;
					height: 19px;
					margin: 0 0 15px 0;
					}
				.SideBox ol{
					widh: 196px;
					padding: 0 0 0 0px;
					margin: 0;
					list-style-position:inside;
					overflow:hidden;
					}
					.SideBox ol li{
						width: 206px;
						height: 21px;
						display: block;
						overflow: hidden;
						padding: 7px 7px 0px 7px;
						margin: 0;
						font-size: 11px;
						line-height: 12px;
						float: left;
						}
						.SideBox ol li a{
							display: block;
							float:left;
							font-size: 11px;
							line-height: 12px;
							text-decoration: none;
							color: #031416;
							}
						.SideBox ol li a:hover{
							text-decoration: underline;
							}
						.SideBox ol li.odd{
							background: url(../img/bgTtOddLi.gif) 0 0 no-repeat;
							color: #031416;
							font-weight: bold;
							}
						.SideBox ol li.even{
							background: url(../img/bgTtEvenLi.gif) 0 0 no-repeat;
							color: #031416;
							font-weight: bold;
							}
							.SideBox ol li.even a{
								color: #031416;
								}

			.TwitterFeeds {
				width:250px;
				height: 200px;
			}

			.Dialog{
				width:250px;
				padding:0 0 9px 0;
				margin:0 0 15px 0;
				background: url(../img/imgThick.gif) 20px 100% no-repeat;
				}
				.DialogCnt{
					padding:15px 15px 3px 15px;
					background-color: #fff;
					line-height:13px;				
					}
				.Dialog a{
					font-size: 12px;
					font-weight:bold;
					color: #FF6400;
					text-decoration:none;
					}
				.Dialog a:hover{
					color:#FF893D;
					}
			.Warning{
				width:125px;
				margin:0 0 15px 0;
				padding:15px 15px 0px 100px;
				background: #fff url(../img/imgMiniRobot.gif) 5px 10px no-repeat;
				border:5px solid #31CCE4;
				text-align: center;
				font-size:10px;
				line-height:11px;
				}
						
	/* /side content */
/* ------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------ */
/* footer 
/* ------------------------------------------------------------------------------------------------ */
	#Footer{
		height: auto;
		padding: 30px; 
		background: url(bgkFooter.gif) 0px 0px no-repeat;
		overflow: hidden;
		}
	
	#FooterNav{
		text-align: right;
		float: right;
		}
	
	#FooterNav a{
		font: normal 12px/128%  "Lucida Console", Arial, Helvetica, sans-serif;
		color: #093156;
		font-weight: bold;
		text-decoration: none;
		}
	#FooterNav a:hover{
		text-decoration: underline;
		}
	
	#FooterNav .sepFooterNav{
		}
	
	#Copyright{
		text-align: left;
		float: left;
		}
/* ------------------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------------------ */
/* common 
/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------------------ */
/* form styles 
/* ------------------------------------------------------------------------------------------------ */
	form{margin: 0}
	label{display: block}
	fieldset{border: none;margin:0 0 1em 0; padding: 0.5em; border: 1px solid #666}
	input, select{vertical-align: middle}
	textarea{overflow: auto}
	
	.FormGroup{clear: both;overflow: hidden;margin: 0px 0px 10px 0px}
	.FormGroupItem{float: left; margin: 0px 5px 0px 0px; overflow: hidden}
	input.txtInput, input.pwdInput, textarea{border: 1px solid #CCC}
	input.btnInput{}
	input.chkInput, input.radioInput{}
	tt.required{color: #F00; vertical-align:top}
	small.fieldHint{display: block}
/* ------------------------------------------------------------------------------------------------ */