/*	-----------------------------------------------------------------
	positioning styles
	----------------------------------------------------------------- */		
div.givingBack {
	padding: 30px 40px;
}
	div.givingBack ul#utilityLinks { 
		width: 200px;
		z-index: 95;
		position: absolute;
		left: 700px;
		top: 50px;
	}
		div.givingBack ul#utilityLinks li {
			float: left;
			display: inline;
			list-style-type: none;
			list-style-image: none;
			margin: 0 5px;
		}  
			
			div.givingBack ul#utilityLinks li a#utilityEmail 
			{
				background: url(/images/buttons/email.gif) top left no-repeat;
				text-indent: -10000px;
				width: 122px; 
				height: 15px;
				display: block; 
			}
			div.givingBack ul#utilityLinks li a#utilityPrint 
			{
				background: url(/images/buttons/print.gif) top left no-repeat;
				text-indent: -10000px;
				width: 52px; 
				height: 15px;
				display: block;  
			}  
	
div#givingBackIntro {
	border-bottom: 1px #ddd solid;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	position: relative;
	width: 870px;
	z-index: 90;
}
			
div#leftContent, div#rightContent {
	position: relative;
	float: left;
	display: inline;
}
div#leftContent { width: 420px; padding-right: 20px;}

div#leftContent object, div#rightContent embed { position: relative; left: 0; }

div#rightContent { width: 410px; padding-left: 20px; }
		
		div#winnerWrap {
			position: relative;
			height: 160px;
		}
		
		p#winnerIntroductions { border-top: 1px solid #ddd; padding-top: 10px; margin-top: 55px;}
		a.winnerSite, a.winnerSite:link, a.winnerSite:visited, a.winnerSite:focus, a.winnerSite:hover, a.winnerSite:active { 
			color:#1A62A4;
			background: url(../images/gb_arrow.jpg) left center no-repeat;
			padding-left: 10px;
			font-weight: bold;
		}
		
		div#rightContent ul#winnersList { 
			list-style-type: none;
		}
			div#rightContent ul#winnersList li {
				position: relative;
				width: 64px;
				height: 53px;
				margin: 1px;
				padding: 0;
				background: #ddd;
				float: left;
				display: inline;
			}

				span.selectedWinner {
					background: transparent url(../images/gb_selected_winner.gif) top left no-repeat;
					position: absolute;
					top: 0;
					left: 0;
					height: 53px;	
					width: 64px;
					display: block;		
					z-index: 100;		
				}
			
		div.opportunity { border-bottom: 1px solid #ddd; padding: 5px 0; display: block; clear: both; height: 1%;}
			div.opportunity img { 
				border:0; 
				position: relative;
				width: 140px;
				padding: 0 20px 0 0;
				float: left;
				display: inline;
			}
			div.opportunity div.details {
				position: relative;
				width: 230px;
				padding: 0 20px 0 0;
				float: left;
				display: inline;
			}
				div.opportunity div.details h3 { font-size: 13px; font-weight: normal; text-transform: uppercase; margin-bottom: 5px; }
				div.opportunity div.details p { color: #1a62a4; margin-top: 0; }
	
/*	-----------------------------------------------------------------
	header styles
	----------------------------------------------------------------- */			
div.givingBack h1, div.givingBack h2 { text-indent: -10000px; position: relative; }

	div.givingBack h1#empowermentThroughEducation {
		background: url(../images/titles/gb_empowerment.jpg) top left no-repeat;
		height: 69px;
		width: 471px;
	}
		div.givingBack h1#beautyThroughEducation {
		background: url(../images/titles/gb_beautyofeducation.jpg) top left no-repeat;
		height: 69px;
		width: 471px;
	}

		div.givingBack h2#believesInEducation {
			background: url(../images/titles/gb_sub_believes_in_education.jpg) top left no-repeat;
			height: 45px;
			width: 395px;
		}
		div.givingBack h2#beautyOfEducation {
			background: url(../images/titles/gb_sub_beautyofeducation.jpg) top left no-repeat;
			height: 32px;
			width: 395px;
		}	
	
	/* content winners */
		div.givingBack h2#winnerAbreu { background: url(../images/titles/gb_sub_winner_abreu.jpg) top left no-repeat; height: 40px; width: 207px; }
		div.givingBack h2#winnerFernandez{ background: url(../images/titles/gb_sub_winner_fernandez.jpg) top left no-repeat; height: 44px; width: 253px; }
		div.givingBack h2#winnerFrankel { background: url(../images/titles/gb_sub_winner_frankel.jpg) top left no-repeat; height: 40px; width: 189px; }
		div.givingBack h2#winnerHillJackson { background: url(../images/titles/gb_sub_winner_hill_jackson.jpg) top left no-repeat; height: 40px; width: 241px; }
		div.givingBack h2#winnerHolden { background: url(../images/titles/gb_sub_winner_holden.jpg) top left no-repeat; height: 40px; width: 200px; }
		div.givingBack h2#winnerJlee { background: url(../images/titles/gb_sub_winner_jlee.jpg) top left no-repeat; height: 40px; width: 129px; }
		div.givingBack h2#winnerJoseph { background: url(../images/titles/gb_sub_winner_joseph.jpg) top left no-repeat; height: 40px; width: 161px; }
		div.givingBack h2#winnerRlee { background: url(../images/titles/gb_sub_winner_rlee.jpg) top left no-repeat; height: 40px; width: 149px; }
		div.givingBack h2#winnerRosin { background: url(../images/titles/gb_sub_winner_rosin.jpg) top left no-repeat; height: 40px; width: 151px; }
		div.givingBack h2#winnerWillis { background: url(../images/titles/gb_sub_winner_willis.jpg) top left no-repeat; height: 40px; width: 170px; }
		
	div.givingBack h1#givingBack {
			background: url(../images/titles/gb_giving_back.gif) top left no-repeat;
			height: 36px;
			width: 228px;
	}
		div.givingBack h2#inspiringConfidence {
			background: url(../images/titles/gb_sub_inspiring_confidence.jpg) top left no-repeat;
			height: 85px;
			width: 590px;			
		}
		div.givingBack h2#smartIsBeautiful {
			background: url(../images/titles/gb_sub_smart_is_beautiful.jpg) top left no-repeat;
			height: 43px;
			width: 351px;
			margin: 0 0 20px 0;
		}
		div.givingBack h2#moreOpportunities {
			background: url(../images/titles/gb_sub_more_opportunities.jpg) top left no-repeat;
			height: 17px;
			width: 410px;
			padding: 0 0 46px 0;
			border-bottom: 1px #ddd solid;
		}
	

/* -----------------------------------------------------------------
	tooltip styles
	----------------------------------------------------------------- */
div#tooltip {
	position:absolute;
	display:block;
	visibility:hidden;
	height:52px;
	top:0px;
	left:0px;
	z-index:250000;
	overflow: hidden;
}
	div#tooltip * {
		position:relative;
		z-index:1000;
	}
	div#tooltip div {
		display:block;
		float:left;
	}
	div.tooltipLeft {
		width:2px;
		height:52px;
		background: url(../images/tooltip_left.png) top left no-repeat;
	}
	div#tooltipBody {
		height: 52px;
		font-size: 12px;
		padding: 15px 10px 10px 10px;
		background: url(../images/tooltip_mid.png) top center no-repeat;
	}
	div.tooltipRight {
		width: 2px;
		height: 52px;
		background: url(../images/tooltip_right.png) top right no-repeat;
	}

/* -----------------------------------------------------------------
	clearfix styles
  ----------------------------------------------------------------- */
	.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
	* html .clearfix { height: 1%; }
