/* Style Sheet 

VERSION 1.1 - 6/1/2009
EH - Updated the following
*/
/**************/

/**************/
@import url("master.css");
/**********************************
	LAYOUT STYLES
**********************************/
.hidden {
	display:none;
}
body {
	font:normal 100% "Lucida Grande", Arial, Tahoma, Helvetica, sans-serif;
	text-align:center;
	font-size:11px;
	color:#000;
	line-height:1.4;
	background:#d4d0c2 url(../images/bg.gif) repeat 0 0;
}
#container {
	width:898px;
	background:#d4d0c2 url(../images/container_bg.gif) repeat-y 0 0;
	margin:0 auto;
	padding:0 6px 0 6px;
	text-align:left;
}
#header {
	background-color:#3a2241;
}
#logo {
	float:left;
	padding:25px 0 0 32px;
}
#top-links {
	clear:right;
	float:right;
	padding:10px 15px 0 0;
}
#facebook-like {
	float:right;
	background:#fff;
	margin:10px 15px 0 0;
}
#nav {
	clear:both;
	height:34px;
	padding-top:13px;
}
#breadcrumb {
	height:21px;
	background-color:#fff;
	padding:4px 0 0 6px;
}
#content {
	background-color:#fff;
}
#main-content {
	padding:25px;
}
#footer {
	width:898px;
	background-color:#48265b;
	color:#fff;
	font-size:11px;
}
#twitter {
	position:relative;
	float:left;	
	margin-top: 7px;
	padding-left: 5px;
}
#facebook {
	position:relative;
	float:left;	
	margin-top: 7px;
	padding-left:15px;
}
#addthis {
	float:left;
	width:83px;
	padding:10px 15px 9px 15px;
}
#bottom-links {
	float:right;
	padding:13px 15px;
	text-align:right;
}
#sidebar {
	width:267px;
	float:left;
	padding:20px 0 0 0;
}
#purple-top {
	width:267px;
	height:10px;
	background:url(../images/purple_top.png);
	font-size:0;
}
#purple-content {
	width:237px;
	background:url(../images/purple_mid.png);
	padding:0 15px;
}
#purple-bot {
	width:267px;
	height:10px;
	background:url(../images/purple_bot.png);
	font-size:0;
}
.leftcolumn {
	float:left;
	width:300px;
	padding-right:18px;
	border-right:1px solid #579bdc;
}
.rightcolumn {
	float:left;
	width:500px;
	padding-left:18px;
}

#yellowbox {
	width: 230px;
	padding: 12px;
	font-family: arial;
	font-size: 12px;
	color: #7e438f;
	background-color: #fdf7c2;
}
#yellowbox-icons {
	display: block;
	margin-right: 12px;
	float: left;
	width: 55px;
}
#yellowbox p {
	display: block;
	margin-right: 8px;
	float: left;
	width: 155px;
	font-weight: bold;
	margin-bottom:0;
}

/**********************************
	TYPOGRAPHY STYLES
**********************************/
#logo a {
	display:block;
	width:297px;
	height:51px;
	background:url(../images/logo.png);
	text-indent:-9999px;
}
p {
	margin-bottom:15px;
}
h1 {
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:15px;
}
h2 {
	font-size:12px;
	margin-bottom:5px;
	font-weight:bold;
}
h3 {
	font-size:12px;
	color:#c64192;
	margin-bottom:5px;
	font-weight:bold;
}
h4 {
	font-size:12px;
	font-style:italic;
	margin-bottom:5px;
}
.footnotes {
	font-size:10px;
}
.purple {
	color:#7e438f;
}
#purple-content h2 {
	text-transform:uppercase;
	margin:0;
	padding-bottom:5px;
}
#purple-content p {
	margin:0;
	padding-bottom:10px;
}
/**********************************
	LINK STYLES
**********************************/
a, a:visited {
	color:#39af3c;
	text-decoration:underline;
	outline:none;
}
a:hover {
	color:#000;
	text-decoration:none;
}
/**********************************
	FORM STYLES
**********************************/

/**********************************
	NAVIGATION STYLES
**********************************/
#top-links ul li {
	float:left;
	margin-right:10px;
}
#top-links ul li.last {
	margin-right:0;
}
#top-links ul li a {
	color:#f7e765;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}

#nav ul {
	width:100%;
	height:34px;
	background:url(../images/nav_bg.png) repeat-x;
}
#nav li {
	float:left;
}
#nav li a {
	display:block;
	text-indent:-9999px;
	height:34px;
	background-position:0 0;
}
#nav li a:hover, #nav li.BrowserFix a, body.powerful-results #powerfulresults-nav a, body.difference-makers #differencemakers-nav a, body.make-a-difference #makedifference-nav a, body.sisterspeak #differencemakers-nav a, body.girlsforachange #makedifference-nav a, body.difference-makers #differencemakers-nav a, body.powerful-videos #differencemakers-nav a, body.inspiration #differencemakers-nav a, body.make-a-powerful-difference-contest #powerfuldifferencecontest-nav a {
	background-position:0 34px;
}
#nav li ul {
	display:none;
	position:absolute;
	background:#c74293;
	z-index:999;
	margin-top:-1px;
	padding:1px 0 0 0;
	height:auto;
}
#nav li:hover ul, #nav li ul.IE6fix {
	display:block;
}
#nav li ul li {
	float:none;
}
#nav li ul li a, body.make-a-difference #makedifference-nav ul li a, body.sisterspeak #differencemakers-nav ul li a, body.girlsforachange #makedifference-nav ul li a, body.difference-makers #differencemakers-nav ul li a, body.powerful-videos #differencemakers-nav ul li a, body.inspiration #differencemakers-nav ul li a {
	background-color:#c74293;
	background-repeat:repeat-y;
	background-position:0 0;
	height:21px;
}
#nav li ul li a:hover, #nav li.BrowserFix ul li a:hover {
	background-position:0 21px;
	background-color:#9a266d;
}
#nav li.BrowserFix ul li a {
	background-position:0 0;
}
#nav li ul li.last {
	border-bottom:5px solid #c74293;
}
#powerfulresults-nav a {
	width:166px;
	background-image:url(../images/nav_powerful_results.png);
}
#differencemakers-nav a {
	width:162px;
	background-image:url(../images/nav_difference_makers.png);
}
#makedifference-nav a {
	width:157px;
	background-image:url(../images/nav_make_difference.png);
}
#powerfuldifferencecontest-nav a {
	width:290px;
	background-image:url(../images/nav_powdiff_contest.png);
}
#makedifference-nav ul {
	width:156px;
}
#makedifference-nav ul li, #makedifference-nav ul li a {
	width:156px;
}
#differencemakers-nav ul, #differencemakers-nav ul li, #differencemakers-nav ul li a {
	width:161px;
}
#powerfulvideos-nav a {
	background-image:url(../images/nav_powerful_videos.png);
}
#toolsresources-nav a {
	background-image:url(../images/nav_tools_resources.png);
}
#sisterspeak-nav a {
	background-image:url(../images/nav_sisterspeak.png);
}
#girlschange-nav a {
	background-image:url(../images/nav_girls_change.png);
}
#inspiration-nav a {
	background-image:url(../images/nav_inspire.png);
}

#breadcrumb li {
	float:left;
	margin-right:3px;
}
#breadcrumb li a {
	color:#7e438f;
	text-decoration:none;
	font-weight:bold;
}
#breadcrumb li a:hover {
	color:#c74293;
}

#bottom-links ul li {
	float:left;
	padding:0 8px;
	border-right:1px solid #fff;
	line-height:1;
}
#bottom-links ul li.last {
	border-right:none;
	padding-right:0;
}
#bottom-links ul li a {
	color:#fff;
	text-decoration:none;
}
#bottom-links ul li a:hover {
	text-decoration:underline;
}

#difference-boxes {
	margin-bottom:30px;
}
#difference-boxes ul li {
	float:left;
	width:257px;
	height:260px;
	padding:0 18px;
	border-right:1px solid #579bdc;
}
#difference-boxes ul li.first {
	padding-left:0;
}
#difference-boxes ul li.last {
	padding-right:0;
	border-right:0;
}
#difference-boxes .bluebox {
	width:221px;
	margin-bottom:15px;
}

#video-picker li {
	width:225px;
	padding:5px;
	background-color:#fff;
	position:relative;
	margin-bottom:5px;
}
#video-picker li a {
	display:block;
	width:225px;
	height:82px;
	overflow:hidden;
	color:#000;
	text-decoration:none;
}

#video-picker li img {
	width:110px;
	float:left;
	margin-right:5px;
}
#video-picker li span.text {
	width:110px;
	float:left;
	margin:0;
}
.video-overlay {
	position:absolute;
	background:url(../images/video_overlay.png) 0 0;
	width:110px;
	height:82px;
	cursor:pointer;
	left:5px;
	top:5px;
}
.video-overlay.over {
	background-position:0 82px;
}
.video-overlay.on {
	background-position:0 164px;
}

#women-nav li {
	width:25px;
	height:25px;
	float:right;
	margin-right:10px;
	position:relative;
}
#women-nav li.last {
	margin-right:10px;
}
#women-nav li a {
	display:block;
	background:none;
	padding:0;
	cursor:pointer;
}
#women-nav li .large {
	position:absolute;
	top:-8px;
	left:-8px;
}
#women-nav li .name {
	width:150px;
	text-align:center;
	position:absolute;
	top:35px;
	left:-65px;
	font-size:11px;
	font-weight:bold;
	color:#7e438f;
}

#spacer {
	width:815px;
	height:240px;
	margin:0 auto;
	padding:25px 0 30px 0;
}

#transparent-boxes {
	width:815px;
	margin:0 auto;
	padding:25px 0 30px 0;
}
#transparent-boxes ul {
	height:117px;
}
#transparent-boxes li {
	width:267px;
	height:117px;
	float:left;
	margin-right:7px;
	overflow:hidden;
}
#transparent-boxes li.last {
	margin-right:0;
}
#transparent-boxes li a {
	display:block;
	padding:10px 13px;
	text-decoration:none;
	color:#fff;
	line-height:1.3;
	cursor:pointer;
}
#transparent-boxes li.pink {
	background-image:url(../images/pinkbox.png);
}
#transparent-boxes li.blue {
	background-image:url(../images/bluebox.png);
}
#transparent-boxes li.green {
	background-image:url(../images/greenbox.png);
}
#transparent-boxes li.purple {
	background-image:url(../images/purplebox.png);
}
#transparent-boxes li.orange {
	background-image:url(../images/orangebox.png);
}

#transparent-boxes li.brown {
	background-image:url(../images/brownbox.png);
}
#transparent-boxes li.red {
	background-image:url(../images/redbox.png);
}

#transparent-boxes li a img {
	margin-right:10px;
}
#transparent-boxes li a span {
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	line-height:1.5;
}

#people-list li {
	float:none;
	padding-bottom:10px;
}
#people-list li a {
	display:block;
	color:#000;
	text-decoration:none;
}

/**********************************
	MISC STYLES
**********************************/
.bluebox {
	background-color:#f6fafd;
	padding:13px;
	position:relative;
}
#twitter a {
	width:150px;
	height:24px;
	display:block;
	background:url(../images/footer_twitter.gif);
	text-indent:-9999px;
	cursor:pointer;
	text-decoration:none;
}
#facebook a {
	width:140px;
	height:24px;
	display:block;
	background:url(../images/footer_facebook.gif);
	text-indent:-9999px;
	cursor:pointer;
	text-decoration:none;
}

.warning {
	position:relative;
}
.warning span {
	display:block;
	padding:5px;
	position:absolute; 
	font:normal 10px Arial, Helvetica, sans-serif;
	text-decoration:none;
	background:#fff;
	border:1px solid #ccc;
	width:150px;
	color:#444;
	z-index:999;
	text-indent:0;
	top:-80px;
	left:-80px;
}
.marginbottom {
	margin-bottom:20px;
}
#video {
	float:left;
	width:550px;
	height:445px;
	margin-right:15px;
}
#video-info {
	width:550px;
	font-size:12px;
	color:#fff;
	padding-top:15px;
}
#video-picker {
	width:235px;
	float:left;
}
#flash {
	position:relative;
	width:800px;
	height:420px;
	margin:0 auto 25px auto;
	z-index:100;
}
body.make-a-powerful-difference-contest #flash {
	height:720px;
	overflow:hidden;
	margin-bottom:0;
}
#flash-popup {
	position:relative;
	z-index:500;
}
#flash-popup-bg {
	position:absolute;
	width:725px;
	height:360px;
	background:url(../images/flash_popup_bg.png);
	left:45px;
	top:25px;
	z-index:501;
}
#flash-popup-content {
	position:absolute;
	width:679px;
	height:360px;
	left:45px;
	top:25px;
	z-index:700;
	padding:15px 23px;
}
#flash-popup-content .close {
	width:100px;
	float:left;
}
#flash-popup-content .close a {
	color:#30418e;
	text-transform:uppercase;
	font-size:9px;
	text-decoration:none;
	background:none;
	padding:0;
}
#flash-popup-content #women-nav {
	width:500px;
	float:right;
	text-align:right;
	padding-bottom:25px;
}
#flash-popup-content .image {
	width:108px;
	float:left;
	margin-right:15px;
}
#flash-popup-content .text {
	width:370px;
	float:left;
	margin-right:50px;
}
#flash-popup-content .text h2 {
	font-size:18px;
	color:#7e438f;
	background:none;
	text-indent:0;
	width:auto;
	height:auto;
	margin-bottom:2px;
}
#flash-popup-content .text h3 {
	font-size:13px;
	color:#000;
	line-height:1.1;
	margin-bottom:15px;
}
#flash-popup-content .text h4 {
	font-size:13px;
	color:#7e438f;
	font-weight:bold;
	font-style:normal;
	margin-bottom:2px;
}
#flash-popup-content .text .text-content a {
	font-weight:normal;
	background:none;
	padding:0;
	display:inline;
}
#flash-popup-content a {
	color:#c74293;
	text-decoration:none;
	font-weight:bold;
	display:block;
	padding-left:10px;
	background:url(../images/link_arrow.png) no-repeat 0 4px;
}
#flash-popup-content a:hover {
	text-decoration:underline;
}
#flash-popup-content .sidebar {
	width:130px;
	float:left;
}

/* rounded corners */

.tl, .tr, .bl, .br {
	position:absolute;
	overflow:hidden;
	width:5px;
	height:5px;
}
.tl {
	top:0px;
	left:0px;
	background-position:0 0;
}
.tr {
	top:0px;
	right:0px;
	background-position:0 15px;
}
.bl {
	bottom:0px;
	left:0px;
	background-position:0 10px;
}
.br {
	bottom:0px;
	right:0px;
	background-position:0 5px;
}

/* PAGE SPECIFIC */
body.home h1 {
	width:898px;
	text-indent:-9999px;
}
#leader-info {
	width:898px;
	height: 456px;
	margin-top: 0px;
}
#leader-info p{
	padding: 0 20px 0 30px;

	
}
body.difference-makers #content {
	background:#fff url(../images/hero-differencemaker.jpg) no-repeat;
}
body.difference-makers #main-content {
	width:530px;
	float:left;
	padding:525px 30px 30px 30px;
}
body.difference-makers #transparent-boxes {
	width:267px;
	padding:0;
}
body.difference-makers #transparent-boxes li {
	float:none;
}
body.inspiration #transparent-boxes {
	width:541px;
	margin-left:-10px;
}
body.inspiration #transparent-boxes li.first {
	margin-right:3px;
}
p.more {
	width:250px;
	padding:15px 0 0 0;
	font-size:13px;
	font-weight:bold;
}
body.sisterspeak h1 {
	width:500px;
	height:125px;
	background:url(../images/sisterspeak_luncheons_lg.png);
	text-indent:-9999px;
}
body.powerful-videos h1 {
	font-size:18px;
	color:#7e438f;
	margin-bottom:0;
}
body.powerful-videos h2 {
	color:#fff;
	text-transform:uppercase;
}
body.powerful-videos .bluebox {
	width:800px;
	padding:25px;
	background-color:#c64192;
}
/*Kevin styles*/
p.pinkHeader{
	font-size:16px;
	color:#c74293;
	font-weight:bold;
	line-height:1.6;
	margin-bottom:25px;
	text-transform:uppercase;
	text-align:center;
}

#facebookIcon{
	
	margin-top:-15px;
	float:right;
}

p.headerWinners{
	font-size:12px;
	font-weight:bold;
	line-height:1.6;
	margin-bottom:25px;
}
/*Kevin styles*/
body.powerful-results p.header, body.sisterspeak p.header {
	font-size:12px;
	font-weight:bold;
	line-height:1.6;
	margin-bottom:25px;
}
body.powerful-results h1 {
	width:445px;
	height:15px;
	margin:0 auto;
	background:url(../images/get_inspired.png) no-repeat;
	text-indent:-9999px;
}
body.powerful-results h2 {
	width:805px;
	height:58px;
	margin:0 auto;
	background:url(../images/we_are_empowered.png);
	text-indent:-9999px;
}
body.girlsforachange .bluebox {
	width:282px;
}
body.make-a-difference .bluebox {
	position:relative;
}
body.make-a-difference h1 {
	margin-bottom:30px;
}
body.make-a-difference .absolute {
	width:247px;
	position:absolute;
	top:-10px;
	left:0;
}
body.make-a-difference h2 {
	height:20px;
	font-size:0;
	text-indent:-9999px;
	margin:0 auto 5px auto;
}
h2.download {
	width:107px;
	background:url(../images/download.png);
}
h2.learn {
	width:61px;
	background:url(../images/learn.png);
}
h2.donate {
	width:78px;
	background:url(../images/donate.png);
}

body.powerful-videos .bluebox .tl, body.powerful-videos .bluebox .tr, body.powerful-videos .bluebox .bl, body.powerful-videos .bluebox .br {
	background-image:url(/images/pink_corners.png);
}
body.powerful-results .bluebox .tl, body.powerful-results .bluebox .tr, body.powerful-results .bluebox .bl, body.powerful-results .bluebox .br {
	background-image:url(/images/blue_corners.png);
}
body.make-a-difference .bluebox .tl, body.make-a-difference .bluebox .tr, body.make-a-difference .bluebox .bl, body.make-a-difference .bluebox .br {
	background-image:url(/images/lightblue_corners.png);
}
body.girlsforachange .bluebox .tl, body.girlsforachange .bluebox .tr, body.girlsforachange .bluebox .bl, body.girlsforachange .bluebox .br {
	background-image:url(/images/lightblue_corners.png);
}
body.inspiration .bluebox .tl, body.inspiration .bluebox .tr, body.inspiration .bluebox .bl, body.inspiration .bluebox .br {
	background-image:url(/images/lightblue_corners.png);
}

.img-left, .img-right {
	position:relative;
}

#popupYoutube {
	cursor:pointer;
}

div.overlayYoutube {      
	width:556px; 
	height:526px;             
	padding: 62px 0 0 72px;
	background-image:url(../images/bg_overlay.png); 
	display:none; 	
}
div.overlayYoutube-mad {
	width:441px;
	height:350px;
	padding:30px 40px;
	background-image:url(../images/bg_overlay.png); 
	display:none;
	
}
div.overlayYoutube div.close, div.overlayYoutube-mad div.close
{
	background-image:url(../images/btn_close.png); 
	position:absolute; 
	right:5px; 
	top:5px; 
	cursor:pointer; 
	height:35px; 
	width:35px; 
	z-index: 10002;
}
#video-display {
    margin-bottom: 22px;
}

/* SLIDESHOW */

#slideshow {
	position:relative;
	width:527px;
	height:455px;
	z-index:1;
	overflow:hidden;
}
#slideshow .slides li, #slideshow .slides li img {
	position:absolute;
}
#slideshow .slides li a {
	display:block;
}
#slideshow .slides li img.text {
	top:341px;
}
#slideshow .nav {
	position:absolute;
	top:429px;
	left:30px;
	z-index:3;
}
#slideshow .nav li {
	float:left;
}
#slideshow .nav li a {
	width:9px;
	height:14px;
	display:block;
	padding:6px 10px;
	color:#000;
	text-decoration:none;
	line-height:1;
	font-size:14px;
	background:#fff;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	overflow:hidden;
}
#slideshow .nav li.selected a {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}