/* XanGo Goodness by Kim Guanzon */

/* Composing to a vertical harmony within a 20px baseline */
body {
	font-family: Helvetica;
	font-size: 14px;
	line-height: 1.4285714285714286em;
	margin: 0; padding: 0;
	color: #333;
	background: #ffcc75 url(images/mainBG.gif) repeat-x left top;
	text-align:justify;
}
h1 {
	margin: 0;
	font-size: 1.5714285714285714em;
	line-height: 0.9090909090909091em;
	margin-bottom: 0.9090909090909091em;
}
h2 {
	margin: 0;
	font-size: 1.4285714285714286em;
	line-height: 1em;
	margin-bottom: 1em;
	color: #f60;
	font-weight: normal;
}
h3 {
	margin: 0;
	font-size: 1.2857142857142858em;
	line-height: 1.1111111111111112em;
	margin-bottom: 1.1111111111111112em;
}
h4, p.large {
	margin: 0;
	font-size: 1.1428571428571428em;
	line-height: 1.25em;
	margin-bottom: 1.25em;
}
p, ul, blockquote, pre, td, th, label {
	margin: 0;
	font-size: 1em;
	line-height: 1.4285714285714286em;
	margin-bottom: 1.4285714285714286em;
}
p.small {
	margin: 0;
	font-size: 0.8571428571428571em;
	line-height: 1.6666666666666667em;
	margin-bottom: 1.6666666666666667em;
}
p.centered {text-align: center}
table {
	border-collapse: collapse;
	margin-bottom: 1.4285714285714286em;
}
a {color: #600; text-decoration: none; font-weight: normal}
a:hover {color: #09f;}
a img {border: none;}
.short {font-size:10px; color:#f60;margin-left:60px; margin-top:-15px; font-weight:bold}
#accordion .goodnessToggler {border-bottom: 1px dotted #ccc; cursor: pointer;}
#accordion .goodnessTogglerFlag {width: 120px; float: left; margin: 10px 0 10px 0px; border-right: 1px solid #ccc;}
#accordion .goodnessTogglerFlag strong {color: #600;}
#accordion .goodnessTogglerContent {width: 650px; float: left; margin: 10px 0 15px 15px;}
#accordion .goodnessTogglerContent p {margin-bottom: 0}
.divider {margin-top: 15px;padding-bottom: 12px;border-top-width: thin;border-top-style: dotted;border-top-color: #999999;}
#player, #Xango_Content {z-index:1;}
.alert {display: block;background-image: url(http://rs.xango.com/images/xango4.0/UI/alertred.jpg);background-repeat: no-repeat;background-color: #990000;padding: 30px 7px 20px 7px;text-decoration: none;text-align:center;border: 2px solid #900;color: #fff;font-size:16px;}

/*MESSAGE BOX CLEAN	series	  		 */
	.clean-gray{
		border: solid 1px #DEDEDE; 
		background: #EFEFEF;
		color: #222222;
		padding: 10px;
		text-align: justify;
		margin: 10px;
	}
	.clean-message {margin:0 20px 10px 20px; padding: 0; border: 1px solid #f60; background: #ffbf5e url(http://rs.xango.com/images/xango4.0/backgrounds/clean-message.jpg) no-repeat left top; color: #333;}
	.clean-message h4 {color: #700; border-bottom: 2px solid #f60; font-weight: bold;}
	.clean-message ul {margin-left: 20px; margin-top: 10px;}
	.clean-message ul li {line-height: 20px;margin-left: 20px;}
	.clean-message strong {font-size: 14px; color: #600;}
	.clean-results{
		border-bottom: solid 1px #f6f6f6; 
		color: #555;
		padding: 10px;
		text-align: left;
		margin: 0 20px;
	}
	.clean-red{
		border: solid 1px #7d1212; 
		background: #a42222 url(http://rs.xango.com/images/xango4.0/backgrounds/alertred_bg.jpg) repeat-x;
		color: #fff;
		padding: 10px;
		text-align: justify;
		margin: 10px 10px 10px 5px;
	}
	
	
	.clean-ok{
		border: solid 1px #349534; 
		background: #e4ffe5 url(http://rs.xango.com/images/xango4.0/backgrounds/alertgreen_bg.jpg) repeat-x bottom;
		color: #008000;
		font-weight: normal;
		padding: 10px;
		text-align: justify;
		margin: 10px 0;
	}
	.clean-error{
		border: solid 1px #CC0000; 
		background: #F7CBCA;
		color: #CC0000;
		font-weight: bold;
		padding: 10px;
		text-align: justify;
		margin: 10px 10px 10px 5px;
	}
	.clean-orange {
		border: solid 1px #f90; 
		background: #ffcc80;
		color: #600;
		font-weight: normal;
		padding: 10px;
		text-align: justify;
		margin: 10px;
	}
	.clean-promo {border: 1px solid #ff8080; background: #ffbfbf; }
	.clean-promo h4 {color: #900; font-weight: bold;}
	.clean-promo p {color: #333;}
	.clean-orange h5 {
		color: #600;
		margin: 0 20px;
	}
	.clean-ok h5 {
		color: #008000;
		margin: 0 20px;
	}
	.shop-ok {
		margin: 10px 35px;
	}
	
	
	.clean-error{
		border: solid 1px #CC0000; 
		background: #F7CBCA;
		color: #CC0000;
		font-weight: bold;
		padding: 10px;
		text-align: justify;
		margin: 10px 10px 10px 5px;
	}

/* --------------------------------- */
#sponsorshipFormTable {margin-bottom: 20px;}
#sponsorshipFormTable .tdLabelQ {padding-right: 10px;}
#sponsorshipFormTable td {padding-top: 12px;}
#sponsorshipFormTable .secondaryTable td {padding-top: 0;}
#sponsorshipFormTextAreas label {display: block;}
#sponsorshipFormTextAreas textarea {display: block; margin-bottom: 20px;}
input#sponsorshipRequestSubmit {margin:0 20px 20px; font-size: 14px;}

/* layout */
.articleQuote{display: block;font-size: 14px;padding: 0px 70px 0px 0px;margin: 0pt 0px 20px 0px;color: #4f81b0;background-color: transparent;background-image: url(http://rs.xango.com/images/xangomag/kimsQuotesR.png);background-repeat: no-repeat;background-attachment: scroll;background-position: right bottom;line-height: 20px;}
.articleQuote span {padding-left: 60px;display: block;background-color: transparent;background-image: url(http://rs.xango.com/images/xangomag/kimsQuotesL.png);background-repeat: no-repeat;background-attachment: scroll;background-position: 0pt 0pt;text-align: justify;}

#mainWrap {background: #fff; border: 10px solid #ffa967; border-top: none;}
	#mainWrap #leftContent {text-align: center; padding-top: 20px;}
	#mainWrap #leftContent img {z-index:0;}
	#mainWrap #rightContent {padding: 60px 80px 10px 10px; }
	#mainWrap #threeCol {margin-bottom: 40px;}
	#mainWrap #threeCol p {width: 243px; display: block; margin: 0 auto; text-align: justify;}
	#mainWrap #threeCol {margin-top: 10px;background: #fff url(images/bottom-divider.jpg) no-repeat center top; padding-top: 40px;}
	#mainWrap .divmission {text-align: center;}
		#mainWrap #missionblock {height: 35px; width: 243px; position: relative; top: -35px; margin:0 auto; background: url(images/mission.png) no-repeat 50% top; margin-bottom: -20px;}
	#mainWrap .divprojects {text-align: center;}
		#mainWrap #projectsblock {height: 35px; width: 243px; position: relative; top: -35px; margin:0 auto; background: url(images/projects.png) no-repeat 50% top; margin-bottom: -20px;}
	#mainWrap .divjoin {text-align: center;}
		#mainWrap #joinblock {height: 35px; width: 243px; position: relative; top: -35px; margin:0 auto; background: url(images/joinus.png) no-repeat 50% top; margin-bottom: -20px;}
	*:first-child+html #joinblock,
	*:first-child+html #projectblock,
	*:first-child+html #missionblock {top: -38px;}
	#fullPage{padding:30px 70px 0px 70px;}
#footer {margin-top: 25px; text-align: center;}

/* header */
#header {background: #fff url(images/divider.jpg) no-repeat center bottom; }
	#headerLeft div{padding: 10px;}
	#headerRight div{padding: 30px 10px 10px 10px; text-align: right;}
		#headerRight div form {display: inline;}

/* navigation */
#navBar {background: transparent; margin-top: 20px;}
	/* #home #navBar #bottomBar {display: none;} */
	#navBar #topBar {width: 800px; text-align: center; margin: 0 auto; border-bottom: 2px solid #ffcfaa;}
	#navBar #topBar a span {display: inline-block; width: 120px; padding: 10px 0 5px 0; margin: 0 -2px -2px -2px; font-weight:bold;}
	
	#navBar #bottomBar {width: 800px; margin: 0 auto; text-align: center; background: #fff6d8; border: 2px solid #ffcfaa; margin-top: -2px}
	#navBar #bottomBar a span { display: inline-block; width: 180px; margin: 0 -2px; padding: 5px 0; }

/*  current status */
#home .home,
#about .about,
#mission .mission,
#projects .projects,
#join .join,
#media .media {background: #fff6d8; border: 2px solid #ffcfaa; border-bottom: 2px solid #fff6d8;}

.welcomePage .welcome, /* ABOUT.PHP */
.corporatePage .corporate, /* CORPORATE.PHP */
.leadershipPage .leadership, /* LEADERSHIP.PHP */
.historyPage .history, /* HISTORY.PHP */ 
.distributorsPage .distributor, /* DISTRIBUTOR.PHP */ 
.ngoPage .government, /* NGO.PHP */ 
.partnershipPage .partnership, /* PARTNERSHIP.PHP */
.whatwedoPage .whatwedo, /* GLOBAL.PHP */
.partnersPage .partners /* PARTNERS.PHP */

{font-weight: bold; color: #f60;}