/* STRUCTURE */

#display{
	width:100%;
	margin-top:-7px;
}
	
#collectionSLIDES{
	width:770px;
	height:340px;
	z-index:1;
	}


#homeBottom{
	width:960px;
	margin-top:0;
}

#sortBy{
	font-family:Helvietica, Arial, sans-serif;
	margin:10px 0;
	font-size:14px;
	font-weight:bold;
	color:#ae3f25;
}
	
	
/*unique to the FEATURED ARTISANS page*/
#video{
	text-align:center;
	background-color : #999;
}

/*frame structure unique to Signature Designer display images
NOTE THIS IS A DEPRICATED STYLE,NOT USED ANYWHERE ON THE SITE, BUT I'VE LEFT IT IN FOR FEAR THAT ARZU WILL CHANGE THEIR MINDS AGAIN*/	
.signatureDesignerDisplayFrame{
	border:1px solid #e5e5e5;
	padding:4px;
	margin-bottom:8px;
}

/*frame structure for items on the HONORS AND AWARDS page*/
.honorsFrame{
	float:left;
	border:1px solid #e5e5e5;
	padding:6px 4px 3px 4px;
	margin:0 15px 0 0;
}


/*Text layout controls for Brand Ambassadors list
******************************** */
.ambassadorFrame{
	display:block;
	float:left;
	width:274px;
	height:58px;
	margin:0 16px 16px 0;
	text-align:left;
	border-bottom:1px solid #f3f3f3;
	font-family:Geneva;
	font-size:13px;
	font-weight:normal;
	color: #666;
}
.ambEven{
	margin-right:0;
}
.ambassadorFrame div{
	
}
.ambassadorTitle{
	display:block;
	font-family: Geneva, Verdana, sans-serif;
	font-size:9px;
	font-weight:normal;
	margin-top:3px;
	color:#999;
}/* ******************************** */



/*controls image Display on Partnerships Page
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.partnersFrame{
	float:left;
	display:block;
	padding:15px;
	width:96px;
	height:94px;
	border:thin solid #DFDFDF;
	margin: 3px 5px 4px 0;
}
.partnersFrame img{
	margin-bottom: 3px;
	border-bottom:3px solid #fff;
}
.partnersFrame:hover img {
	border-bottom:3px solid #ccc;
}/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/




/*controls image Dispaly on Photo Gallary Page
additional layout control for display of user selected images is in "lightbox.css"
############################################ */
.galleryFrame{
	float:left;
	width:124px;
	display:block;
	height:127px;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 17px;
	margin-left: 0;
}
.galleryFrame img {
	margin-bottom:3px;
	border-bottom:3px solid #fff;
}
.galleryFrame:hover img{
	border-bottom:3px solid #ccc;
}/*############################################ */
	

/* Team Page photo structure, Unique to Team page*/
.teamFrame{
	float:left;
	width:108px;
	height:135px;
	margin: 0 15px 10px 0;
}



/*controls for display of images and text on As Seen In page
//////////////////////////////////////// */
.seeninFrame{
	float:left;
	text-align:left;
	width:124px;
	height:220px;
	padding:0;
	font-family: Geneva, Verdana, sans-serif;
	font-size:10px;
	font-weight:bold;
	margin: 0 15px 15px 0;
	color:#734223;
}
.seeninFrame img{
	margin-bottom:3px;
}
.seeninRadioOnline,
.seeninRadio,
.seeninOnline{
	float:left;
	text-align:left;
	width:100%;
	height:35px;
	padding:0;
	font-family: Geneva, Verdana, sans-serif;
	font-size:10px;
	font-weight:bold;
	margin: 8px 0px 3px 5;
	color:#734223;
}
.seeninRadioOnline a, .seeninRadioOnline a:link, .seeninRadioOnline a:visited, .seeninRadioOnline a:hover,
.seeninRadio a, .seeninRadio a:link, .seeninRadio a:visited, .seeninRadio a:hover,
.seeninOnline a, .seeninOnline a:link, .seeninOnline a:visited, .seeninOnline a:hover, a.change-amt
{
	color:#734223;
	text-decoration:none;
	border-bottom:thin dotted;
}	
.seeninRadioOnline a:hover,
.seeninRadio a:hover,
.seeninOnline a:hover{
	border-bottom:none;
}
.seeninDateArticle{font-size:9px; font-weight:normal; color:#666;}
/*//////////////////////////////////////// */



/*specs for all the "Read More.." JS animated reveal divs*/	
#impact, #fairLabor, #negina, #empowerment, #sigDesign, #schoos, #hadid, #communityPrograms, #moreHealthcare, #aughul, #atika, #mubina, #shirin, #timeProfessional, #timeIntern{
	width:524px;
	background-color:#f7f7f7;
	padding:5px 20px;
	/*display:none;*/
	margin-bottom:15px;
}
#afghanistanMap{
	width:564px;
	margin:0;
	display:none;
}

/*this is for a hidden div WITHIN ANOTHER HIDDEN DIV!!? on the the Social Programs page. Not my idea but I'm tired of fighting*/	
#illAdvised{
	width:484px;
	background-color:#fff;
	padding:5px 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	display:none;
	margin-bottom:15px;
}
/*formats italic text in the expanded divs listed above*/
.expansionDivBodyText{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:13px;
	line-height:22px;
}

/*Unique to DWR / Promotional Partnerships page*/
#featureCollectionFrame{
	border:2px solid #CCC;
	margin-top:5px;
	}
	
/* type */

/* display container for introductory quotes on STORY, INNOVATIONS AND ACHIEVEMENTS pages */
#introQuoteContainer{
	width:524px;
	padding:6px 20px;
	margin-bottom:1em;
}
/* controls the color of the bacground behind the introductory quote */
.storyContainer{background-color:#FAF4F6;}
.innovationsContainer{background-color:#F1F8F8;}
.achievementsContainer{background-color:#FAF4EF;}
.contributeContainer{background-color:#F3F6ED;}

	
/*Section Page (collections | story | innovations | achievemts | contribute | connect) type formats*/
/*Introductory quote font specs*/
.introQuoteCollections, .introQuoteStory, .introQuoteInnovations, .introQuoteAchievements, .introQuoteContribute, .introQuoteConnect{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:18px;
	line-height:28px;
}

/*Subhead font specs*/
.subheadCollections, .subheadStory, .subheadInnoations, .subheadAchievements, .subheadContribute, .subheadConnect, .subheadDWR {
	font-family:Helvetica, Verdana, Geneva, sans-serif;
	margin-top:10px;
	font-weight:bold;
	font-size:14px;
	text-transform: uppercase;
}

/*Sectional Font Colors*/
.introQuoteCollections, .subheadCollections {color:#ae3f25;}
.introQuoteStory, .subheadStory {color:#6a0c0f;}
.introQuoteInnovations, .subheadInnoations{ color:#007b85;}
.introQuoteAchievements, .subheadAchievements{ color:#734223;}
.introQuoteContribute, .subheadContribute{ color:#5f8039;}
.introQuoteConnect, .subheadConnect{ color:#9e6614;}
.subheadDWR{ color: #FF3333;}


/*Text block used on in leiu of a Quotation on mission.html page*/
.introProclamationMission{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:14px;
	font-style:italic;
	line-height:21px;
	color:#6a0c0f;
}

/* name and credentials of quoted person on STORY, INNOVATIONS & ACHIEVEMENTS pagesx*/
.quoteAuthor{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	line-height:27px;
	letter-spacing:1px;
	color: #666;
}

/*bold sub-header for section information ("a. Education, b.Healthcare" on mission.html)*/
.subCategoryMission{
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	margin-top:10px;
	font-weight:bold;
	font-size:14px;
	color:#6a0c0f;
}

/* basic text and links format for middle column body text, ALL PAGES*/
#main p{
	font-family:Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size:11px;
	line-height:18px;
	padding-bottom:1em;
}
/*unique to the opening block on the Social Programs page*/
#conniesNumbers p{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size:13px;
	line-height:18px;
	font-weight:normal;
	font-style:italic;
	color:#000;/*#6a0c0f*/
	border-bottom:2px solid #FFF;
}

#conniesNumbersTwo p{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size:10px;
	line-height:16px;
	font-weight:bold;
	border-bottom:thin solid  #eaeaea;
	color:#000;/*#6a0c0f*/
}
.displayMain,
.displayMain a {
	display:block;
	outline:none;
}
.displayMain a.open {
	padding-left:20px;
	background: url('../../../../../../../docroot/img/icons/toggle-minus.gif') .1em 0 no-repeat;
}
.displayMain a.close {
	padding-left:20px;
	background: url('../../../../../../../docroot/img/icons/toggle-plus.gif') .1em 0 no-repeat;
}
.displayMain a, 
.displayMain a:link{
	color: #666;
	text-decoration:underline;
	cursor:pointer;
}
.displayMain a:visited{
	color: #666;
}
.displayMain a:hover{
	color: #333;
	text-decoration:none;
}
span.displayMain{
	display:inline;
}
span.displayMain a,
span.displayMain a.open,
span.displayMain a.close{
	display:inline;
	padding:0;
	background:none;
}

/* basic text and links format for middle column body text COLLECTIONS PAGES
Only difference from other display body text is 10px top margin.*/
#collectionsDisplayMain p{
	font-family:Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size:11px;
	line-height:18px;
	margin-top:10px;
}

/* FAQ pages type specs
FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ */
.faqQuestion{
	display:block;
	padding:8px 0 0 8px;
	height:26px;
	font-family: Helvetica, Geneva, Verdana, sans-serif;
	font-weight:bold;
	line-height:18px;
	text-decoration:none;
	border-top:1px solid #CCC;
	color:#6a737b;
	font-size:16px;
}
.faqTopic a, .faqTopic a:link, .faqTopic a:visited{
	height:15px;
	width:514px;
	display:block;
	padding:3px;
	margin:8px 0 4px 36px;
	font-family:Helvetica, Geneva, Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	border-bottom:thin dotted #ccc;
	color:#6a737b;
}
.faqTopic a:hover {
	display:block;
	background-color:#f7f7f7;
}
.faqContactHeadExtensionBd{
	display:block;
	padding:12px 0 0 0;
	margin-bottom:10px;
	height:22px;
	width:564px;
	font-family: Helvetica, Geneva, Verdana, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	color:#6a737b;
}
/*FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ */

.dblRuleHeadExtensionBdCaps{
	display:block;
	float:left;
	padding:12px 0 0 0;
	margin-bottom:10px;
	height:22px;
	width:564px;
	font-family: Geneva, Verdana, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:2px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	color:#6a737b;
}


/* Appearse at the top of the middle content column on _ _ _ pages*/
.topRuleHeadExtensionBdCaps,
.contributeExtensionSmCaps{
	display:block;
	float:left;
	padding:12px 0 0 0;
	height:24px;
	width:560px;
	font-family: Geneva, Verdana, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:2px;
	border-top:1px solid #CCC;
	color:#6a737b;
}

/* type specs for "global" pages linked to ancillary nav : WHERE TO BUY, TO THE TRADE, PRESS LOUNGE, PHOTO GALLERY, FAQ, CONTACT US*/
.globalInfo{
	padding:8px 0 0 0;
	margin:0 5px 20px 38px;
}
.globalInfo ul{
	padding:0 0 0.8em 0;
	margin-left:2em;
	font-family: Geneva, Verdana, sans-serif;
	font-size:11px;
	list-style-type: square;	
}
.globalInfo li{
	margin-bottom:5px;
}
.globalInfo a, #globalInfo a:link, #globalInfo a:visited {
	font-family: Geneva, Verdana, sans-serif;
	text-decoration:none;
	border-bottom:1px solid #848f99;
	color: #848f99;	
}
#globalInfo a:hover {
	text-decoration:none;
	border-bottom:none;
	color: #6a737b;
}
.globalListings{
	padding:8px 0 0 0;
	margin:0 10px 0 38px;
}
.whereListings{
	padding:3px 0 0 0;
	margin:0 10px 0 38px;
	width:230px;
	float:left;
}
.whereListings p{
	line-height:15px;
}
.globalListings a, .globalListings a:link, .globalListings a:visited,
.whereListings a, .whereListings a:link, .whereListings a:visited{
	font-family: Geneva, Verdana, sans-serif;
	text-decoration:none;
	border-bottom:1px solid #848f99;
	color: #848f99;	
}
.globalListings a:hover, .whereListings a:hover {
	text-decoration:none;
	border-bottom:none;
	color: #6a737b;
}

.globalInfoSmallCaps{
	font-family: Geneva, Verdana, sans-serif;
	font-size:9px;
	text-transform:uppercase;
	letter-spacing:2px;
	text-decoration:none;
}

/* subheads within "global" pages*/
.globalInfoSubhead, .whereInfoSubhead{
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#6a737b;
}


/* Subhead formats for all section pages*/
.achievementSubhead, .pressloungeSubhead, .weaversSubhead, .teamName{
	margin-top:5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
}

.achievementSubhead{color:#734223;}
.pressloungeSubhead{color:#6a737b;}
.weaversSubhead{color:#6a0c0f;}
.teamName{color:#6a0c0f;}

.achievementInstitution{
	font-family: Helvetica, Arial, sans-serif;
	font-size:13px;
	font-weight:bold;
	margin-bottom:5px;
	}

.achievementText{
	margin:5px 0 20px 139px;
	min-height:96px;
	font-family: Geneva, Verdana, sans-serif;
	font-size:11px;
	line-height:18px;
	font-weight:normal;
}
.achievementText a, .achievementText a:link, .achievementText a:visited{
	color:#CCC;
	text-decoration:none;
	border-bottom:1px solid #ccc;
}
.achievementText a:hover{
	color:#666;
	text-decoration:none;
	border-bottom:none;
}



.teamPositionTitle{
	font-family: Geneva, Verdana, sans-serif;
	font-size:9px;
	text-transform:uppercase;
	letter-spacing:2px;
	text-decoration:none;
}


/*unique to the CONNECT page/section*/
.connect{
	display:block;
	float:left;
	height:18px;
	width:520px;
	margin:3px 0 8px 10px;
	font-family: Geneva, Verdana, sans-serif;
	font-size:11px;
	color:#9e6614;
}
.connectIcon{
	display:block;
	float:left;
	clear:left;
	margin:3px 0 8px 10px;
	width:18px;
}
.connect a, .connect a:link, .connect a:visited{
	display:block;
	font-family: Geneva, Verdana, sans-serif;
	text-decoration:none;
	border-bottom:thin dotted #CCC;
	color:#9e6614;
}
.connect a:hover{
	display:block;
	background-color:#f7f7f7;
}


/*horizontal dotted line divider multi-page use*/
.displayMainDivider{
	width:100%;
	border-top:#848f99 thin dotted;
	margin:5px 0 10px 0;
	font-size:1%;
}

.conniesDivider{
	width:100%;
	border-top:#848f99 thin dotted;
	margin:3px 0 3px 0;
}

/*same as above, but floated blend with Collections layout*/
.displayCollectionsDivider{
	width:100%;
	border-top:#848f99 thin dotted;
	margin:5px 0 10px 0;
	float:left;
}

/*similar to MainDivider, but solid line and thicker*/
.giveDivider{
	width:100%;
	border-top:#e5e5e5 2px solid;
	margin:5px 0 10px 0;
	font-size:1%;
}


/* developed specifically for statistical "charts" of socialprograms.html page
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.fact{
	display:block;
	padding-left:190px;
	font-size:11px;
	line-height:15px;
	border-bottom:1px solid #EBEBEB;
	margin-bottom:4px;
}
.factBold{
	width:190px;
	display:block;
	font-weight:bold;
	font-size:11px;
	line-height:15px;
	float:left;
	}	
.factCredit{
	font-family:Geneva, sans-serif;
	font-size:9px;
	display:inline;
	letter-spacing:.1em;
	font-style: oblique;
	}/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* unique to the giftsofhope.html page : for green-block numerals*/
.giveNumbers{
	height:56px;
	}
/*my hack to get the titles of the 3 ways to "Give Gifts of Hope" on giftsofhope.html
to be vertically centered with the number. There's probably a better way to do this.*/	
.giveTitles{
	min-height:56px;
	position:relative;
	font-family:Helvetica, Verdana, Geneva, sans-serif;
	margin-top:10px;
	font-weight:bold;
	font-size:14px;
	text-transform: uppercase;
	color: #5f8039;
	margin-left:15px;
	line-height:15px;
	max-width:500px;
	top:-25px;
}

.collectionsPromoLeft,
.collectionsPromoOther{
	float:left;
	margin-left:10px;
}
.collectionsPromoLeft{
	margin:0;
}