/* Leadership Winston-Salem CSS Stylesheet */

/** {margin: 0; padding: 0;} */
body,
.wrapper,
.header *,
.navigation *,
.footer *,
.homeFeaturedPromo *,
.greenBox *,
.content .white ul.greenNavigation,
.content .white ul.greenNavigation li,
.content .white ul.greenNavigation li a,
.content .rightColumn h1{margin: 0; padding: 0;}
/* Remove default margin and padding settings for all elements */

html {overflow-y: scroll;}

.removePadding {padding: 0;}

body {background: url(LWS-Background-Tile.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #333;}

/* Paragraphs */
p {
	/* padding-bottom: 1.6em; */
	line-height: normal;
} /* Default paragraph */

/* Links */
a {color: #333;}

.smallText{
	margin: 5px 0px 15px 0px;
	font-size: 0.80em;
}

/* Images */
img {border: none;}
img.imageRight{ float: right; clear: right; margin: 0px 0px 5px 5px; }
img.imageLeft{ float: left; clear: left; margin: 0px 5px 5px 0px; }
/* Images With Captions */
div.imageContainerRight{ float: right; clear: right; margin: 0px 0px 5px 5px; border: 1px solid #ddd; padding: 4px; display: block; }
div.imageContainerRight .imageCaption{ text-align: right; font-size: 10px; }
div.imageContainerLeft{ float: left; clear: left; margin: 0px 5px 5px 0px; border: 1px solid #ddd; padding: 4px; display: block; }
div.imageContainerLeft .imageCaption{ text-align: right; font-size: 10px; }

/* Headings */
h1, h2, h3, h4 {padding-bottom: 20px; font-weight: normal;}
h1 {text-transform: uppercase; color: #8D8E92;}
h2 {font-size: 1.2em; font-weight: bold; color: #EC3E12;}

/* Lists */
ul {list-style-type: none;} /* Remove default bullets from all unordered lists */

div.wrapper {margin: 0 auto; width: 1030px;}

img.donateButton {position: absolute; padding: 208px 0 0 1px;}

/* Header */
div.header {position: relative; height: 160px; background: url(LWS-Header-BG.jpg) no-repeat;} /* Top header DIV */
div.header div.clientLogo{
	position: absolute;
	top: 40px;
	left: 20px;
	width: 280px;
	height: 110px;} /* make the logo a clickable area */
div.header div.clientLogo a{
	position: relative;
	display: block;
	width: 280px;
	height: 110px;} /* make the logo a clickable area */
div.header div.searchBox {position: absolute; bottom: 25px; right: 35px;} /* Position the search form in the bottom right corner of the header DIV */
div.header div.searchBox input, div.header div.searchBox button {float: left;}
div.header div.searchBox input {margin-right: 10px; padding: 6px 10px; width: 140px; height: 16px; text-align: right; background-color: #FDAB41; border: none;}
div.header div.searchBox button {width: 20px; height: 28px; background: url(LWS-Search-Button.gif) no-repeat top left; border: none;}

/* Main navigation */
.navigation{
	position: relative;
	display: block;
	
	width: 969px;
	height: 23px;
	
	padding: 0px 0px 0px 26px;
	margin: 0px;
	
	Xbackground-color: red;
}
	.navigation .parent{
		position: relative;
		display: block;
		
		Xbackground-color: lime;
		width: 959px;
		height: 23px;
		
		overflow: hidden;
		
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
		.navigation .parent li{
			margin: 0px;
			padding: 0px;
			float: left;
			
		}
		.navigation .parent li a{
			display: block;
			padding: 0px 15px 0px 15px;
			text-align: center; 
			text-decoration: none;
			color: #FFF;
			line-height: 22px; 
			font-size: 12px; 
			text-transform: uppercase;
		}
		.navigation .parent li a.active{
			background-color: #8D8E92;	
		}
.subNavigation{
	position: relative;
	display: block;
	width: 995px;
	height: 26px;
	Xbackground-color: cyan;
	Xoverflow: hidden;
}
	.subNavigation ul{
		list-style-type: none;
		margin: 0px;
		display: none;
	}
		.subNavigation ul li{
			float: left;
			margin: 0px;
			padding: 0px;
			
			background: url(LWS-Subnavigation-Pipe.gif) right center no-repeat;
		}
		.subNavigation ul li.last{
			background-image: none;
		}
		.subNavigation ul li a{
			display: block;
			padding: 3px 15px 0px 15px;
			text-align: center; 
			text-decoration: none;
			color: #333;
			line-height: 22px; 
			font-size: 12px; 
		}
		
		.childNav_aboutUs{
			padding-left: 20px;
		}
		.childNav_theProgram{
			padding-left: 110px;
		}
		.childNav_currentClass{
			padding-left: 240px;	
		}
		.childNav_alumni{
			padding-left: 370px;
		}
		.childNav_givingOpportunities{
			padding-left: 335px;
		}
		.childNav_actionLearningProjects{
			padding-left: 580px;
		}
		.childNav_inTheNews{
			padding-left: 630px;
		}


/* Content */
div.content {padding: 1px 35px 5px 35px;} /* Push the introBox below the subnavigation above and leave room for bottom white space */
div.content div.white {margin-top: 1px; padding: 25px 0; background-color: #FFF; border-top: 3px solid #FEC938; border-bottom: 3px solid #FEC938;} /* White area for content used on subpages */
div.content div.white ul.greenNavigation {float: left; margin-right: 30px;} /* Green side navigation menu */
div.content div.white ul.greenNavigation li a {display: block; padding: 18px 25px; width: 170px; background-color: #C3D95E; text-decoration: none; font-size: 12px;}
div.content div.white ul.greenNavigation li a.active, div.content div.white ul.greenNavigation li a:hover {background-color: #E7F0BF;}
div.content div.white div.rightColumn {float: left; width: 680px;}
div.content div.white div.rightColumn a {font-weight: bold; text-decoration: none; color: #EC3E12;}
div.content div.white div.rightColumn a:hover {text-decoration: underline;}
div.content div.white div.rightColumn ul {
	/* padding-bottom: 1.6em; */
	line-height: normal;
}
div.content div.white div.rightColumn ul li {padding-left: 12px; background: url(LWS-Red-Bullet.gif) no-repeat;} /* Default red bullets list */
div.content div.white div.rightColumn ul.noStyle li {padding-left: 0; background-image: none;} /* No bullet image */
div.content div.featureBox {float: left; width: 638px; height: 242px; background: url(LWS-Intro-Box-Quote-BG.png) no-repeat;}
div.content div.featureBox div.feature {
	margin: 0 auto; 
	xwidth: 520px;
	width: 620px;
} /* DIV to contain feature heading and description */
div.content div.featureBox div.feature h2 {
	xpadding: 30px 0 0 0; 
	padding: 5px 0 0 0; 
	font-size: 18px; font-style: italic; color: #FEC938;
	}
div.content div.featureBox div.feature h2 span {display: block; padding-left: 1.8em; font-size: 1.4em;}
div.content div.featureBox div.feature p {
	position: relative; 
	xmargin: 10px 0 0 10px; 
	xpadding: 20px 0 0 20px; 
	padding: 5px 0 0 20px; 
	color: #FFF; font-style: italic;
	}

div.content div.featureBox div.feature div.testimonial{
	position: relative;
	Xmargin: 10px 0px 0px 10px;
	Xpadding: 20px 0px 0px 20px;
	color: #FFF;
	font-style: italic;
	overflow: auto;
	Xheight: 150px;
	height: 185px;
}
div.content div.featureBox div.feature p span.quotation,
div.content div.featureBox div.feature div span.quotation {
		position: absolute; top: -5px; left: -5px; font-size: 40px; color: #FEC938;} /* Absolutely position the spanned quotation mark within the paragraph */
div.content div.featureBox div.feature p.more {padding-top: 10px;} /* Adjust the padding-top for this paragraph */
div.content div.featureBox div.feature p a {color: #FEC938;}
div.content img.photoBox {float: left;}

div.content div.photoBox {
	float: left;
	width: 322px;
	height: 243px;
	overflow: hidden;
}

div.content div.orangeBox {float: left; height: 145px;}
div.content div#educating.orangeBox {width: 323px; background: url(LWS-Educating-Box-BG.jpg) no-repeat;}
div.content div#connecting.orangeBox {width: 317px; background: url(LWS-Connecting-Box-BG.jpg) no-repeat;}
div.content div#energizing.orangeBox {width: 320px; background: url(LWS-Energizing-Box-BG.jpg) no-repeat;}
div.content div.orangeBox p {padding: 60px 30px 30px 45px; font-size: 0.9em;}
div.content div#energizing.orangeBox p {padding-left: 50px;} /* Default orangeBox paragraph padding is too small */
div.content div.orangeBox p a {font-weight: bold;}
div.content div.footer { position: relative; height: 164px; background: url(LWS-Footer-BG-5.jpg) no-repeat;}
div.content div.footer .wakeForestUniversity span,
div.content div.footer .schoolOfMedicine span,
div.content div.footer .winstonSalemFoundation span,
div.content div.footer .dataMax span{
	display: none;
}
div.content div.footer a.wakeForestUniversity{
	position: absolute;
	display: block;
	Xborder: 1px solid red;
	width: 100px;
	height: 70px;
	right: 355px;
	top: 20px;
}
div.content div.footer a.schoolOfMedicine{
	position: absolute;
	display: block;
	Xborder: 1px solid blue;
	width: 160px;
	height: 70px;
	right: 185px;
	top: 20px;
}
div.content div.footer a.winstonSalemFoundation{
	position: absolute;
	display: block;
	Xborder: 1px solid green;
	width: 85px;
	height: 70px;
	right: 90px;
	top: 20px;
}

div.content div.footer a.dataMax{
	position: absolute;
	display: block;
	Xborder: 1px solid green;
	width: 80px;
	height: 70px;
	right:0px;
	top: 20px;
}

div.content div.footer div {padding: 30px 0 0 180px; font-size: 11px; color: #696B73;}
div.content div.footer div a {font-weight: bold;}
div.clear {clear: both; height: 0;} /* Clear any floated elements */
div.clearRule {clear: both; height: 1px; background-color: #999; margin: 10px 0px 10px 0px;}


div.homeFeaturedPromo{
	position: relative;	
}
	div.homeFeaturePromoTop{
		background-image: url(home-feature-promo-top.png);
		display: block;
		width: 961px;
		xheight: 39px;
		height: 23px;
	}
	div.homeFeaturePromoCenter{
		background-image: url(home-feature-promo-BG.png);
		display: block;
		width: 921px;
		padding: 0px 20px 0px 20px;
		color: #FFF;
	}
	div.homeFeaturePromoBottom{
		background-image: url(home-feature-promo-bottom.png);
		background-position: bottom;
		display: block;
		width: 961px;
		xheight: 39px;
		height: 23px;
	}
	
div.greenBox{
	background-image: url(green-box-BG.png);
	background-repeat: repeat-y;
	background-color: #c4d65a;
	display: block;
	color: #FFF;
}
	div.greenBoxRight{
		background-image: url(green-box-right-BG.png);
		background-repeat: repeat-y;
		background-position: right;
		padding: 0px 20px 0px 20px;
	}
	div.greenBoxTop{
		position: relative;
		background-image: url(green-box-top-BG.png);
		display: block;
		height: 23px;
	}
		div.greenBoxTop .greenBoxCornerLeft{
			background-image: url(green-box-corners-white.png);
			background-repeat: no-repeat;
			background-position: top left;
			
			position: absolute;
			display: block;
			width: 20px;
			height: 23px;
			
			left: 0px;
			top: 0px;
		}
		div.greenBoxTop .greenBoxCornerRight{
			background-image: url(green-box-corners-white.png);
			background-repeat: no-repeat;
			background-position: top right;
			
			position: absolute;
			display: block;
			width: 20px;
			height: 23px;
			
			right: 0px;
			top: 0px;
		}
	div.greenBoxBottom{
		position: relative;
		background-image: url(green-box-bottom-BG.png);
		background-position: bottom;
		display: block;
		height: 23px;
	}
		div.greenBoxBottom .greenBoxCornerLeft{
			background-image: url(green-box-corners-white.png);
			background-repeat: no-repeat;
			background-position: bottom left;
			
			position: absolute;
			display: block;
			width: 20px;
			height: 23px;
			
			left: 0px;
			top: 0px;
		}
		div.greenBoxBottom .greenBoxCornerRight{
			background-image: url(green-box-corners-white.png);
			background-repeat: no-repeat;
			background-position: bottom right;
			
			position: absolute;
			display: block;
			width: 20px;
			height: 23px;
			
			right: 0px;
			top: 0px;
		}