/*
XHTML/CSS main file
Version: 1.0
*/

body {
	text-align: left;
	margin: 0;
	padding: 0;
	background-color: #34b6e4;
	background-image: url(http://www.cleantheworld.org/images/gradient-bit.png);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}
#body {
	width: 960px;
	background-color: #FFFFFF;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 18px;
	line-height: 22px;
	color: #5C3923;
	margin: 10px 0 10px 0;
	text-decoration: none;
	text-align: left;
}
h1a {
	font-size: 18px;
	line-height: 22px;
	color: #5C3923;
	margin: 10px 0 10px 0;
	text-decoration: none;
	text-align: center;
}
h2 {
	font-size: 18px;
	line-height: 22px;
	color: #5C3923;
	margin: 10px 0 10px 0;
	text-decoration: none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
h2a {
	font-size: 18px;
	line-height: 22px;
	color: #039;
	margin: 10px 0 10px 0;
	text-decoration: none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
h2b {
	font-size: 18px;
	line-height: 22px;
	color: #039;
	margin: 10px 0 10px 0;
	text-decoration: none;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
h3 {
	font-size: 14px;
	line-height: 18px;
	color: #5C3923;
	margin: 10px 5px 10px 5px;
	text-decoration: none;
	text-align: center;
}
h4 {font-size: 12px; line-height: 16px; color: #5C3923; margin: 10px 0 10px 0; text-decoration: none;}
h5 {
	font-size: 26px;
	line-height: 28px;
	color: #039;
	margin: 10px 0 10px 0;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
}


#main-content ul {padding-left: 20px;}
#main-content ol {padding-left: 20px;}
#main-content ul {
	list-style-type: disc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	color: #3B474B;
}
#main-content ol {list-style-type: decimal;}
#main-content ol li {margin-left: 5px; padding-left: 0;
	font-size: 12px;
	color: #333333;
	line-height: 16px;
	margin: 1em 0 1em 0;}
#main-content li {display: list-item; 	font-size: 12px;
	color: #333333;
	line-height: 16px;
	margin: 1em 0 1em 0;}
#main-content p {
	font-size: 12px;
	color: #333333;
	line-height: 16px;
	margin: 1em 0 1em 0;
	text-align: left;
}
#right-column p {
	color: #000;
	line-height: 16px;
	margin: 1em 1em 1em 1em;
	text-align: left;
}
.small {
	font-size: 10px;
	line-height: 14px;
	color: #000;
	margin: .5em 0 .5em 0;
	text-align: justify;
}
.form {
	font-size: 11px;
	line-height: 14px;
	color: #000000;
	margin: .5em 0 .5em 0;
}
.formtitle {
	font-size: 11px;
	line-height: 14px;
	color: #000000;
	margin: .5em 0 .5em 0;
}

#container p cent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
}

p.header {text-transform: uppercase; font-weight: bold;}

a {color: #5C3923;}
a:hover {
	color: #cf7a30;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
b:hover {
	color: #039;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

/* ************************** */
/* Layout: the big containers */
/* ************************** */
#wrapper {
	width: 960px;
	margin: 0;
	text-align: left;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#wrapper2 {
	width: 960px;
	margin: 0;
	text-align: left;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-image:url(../images/960%20header.png)
}
#wrapper:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#header {width: 960px;}
#header2 {width: 960px;
background-image:url(../images/960%20header.png)}
#page {
	clear: both;
	background: #fff url(../images/bg-page.png) 0 0 repeat-x;
	padding-top: 24px;
	padding-bottom: 20px;
	vertical-align: baseline;
	background-repeat: repeat-x;
}
	#page:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#page-header {/*margin-left: 262px;*/ width: 671px;} /*TDA 20090131 Alan put page-header div into main-content*/
	#page-header h1 {width: 430px; padding-bottom: 4px;}
#main-content {
	width: 678px;
	float: left;
	margin: 0 0 0 20px;
}
	.sub #main-content {width: 460px; margin: 0 0 0 0; overflow: visible;}
	.sub #main-content #content-holder {width: 460px; float: left;}
	.no-sidebar #main-content {width: 720px; padding-right: 0 !important;}
#sidebar {width: 200px; float: left; margin: 0 20px 200px 20px;} /* subpages only */
#right-column {
	width: 220px;
	float: right;
	margin: 0 20px 20px 0;
}
	.sub #right-column  {
	margin: 20 20px 0 0;
	float: right;
	font-size: 12px;
	text-align: center;
	background-image: none;
	height: 100%;
}
.sub #right-column2  {
	float: right;
	font-size: 12px;
	background-image: url(../images/Events-Box-tall.png);
	height: 100%;
	background-repeat: no-repeat;
	margin-top: 20;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 10px;
	padding-left: 10px;
	width: 200px;
}
	.no-sidebar #right-column  { display: none; visibility: hidden;}
#right-columnWide { width: 400px; float: right; }
#container {padding-top: 15px;}
	.footer {
	width:220px;
	border-bottom:dotted;
	border-color:#666666;
}
#more-info-container {padding-top:5px; padding-left:10px; background-image:url(../images/moreInfo.png); background-repeat:no-repeat; width:218px; height:414px;}
	.footer {
	width:220px;
	border-bottom:dotted;
	border-color:#666666;
}
#container p cent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
}
#container  p {
	font-size: 11px;
	line-height: 14px;
	margin: .7em 0 .7em 0;
	color: #333333;
}
#footer {width: 960px;}
#footer {
	text-align: center;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 20px;
}
input.btn {
  color:#050;
  font: bold 84% 'trebuchet ms',helvetica,sans-serif;
}
#right-column2 {
	width: 240px;
	float: right;
	margin: 0 0 20px 0;
	background-color: #2687B4;
	bottom: inherit;
}

/* ************ */
/* Header Stuff */
/* ************ */
#header {
	position: relative;
	padding-top: 10px;
}
	#header h1 {float: left;}
	#header div#logo {float: left;}
	#header img.logo {
}


ul#top-nav {position: absolute; top: 0; right: 0; list-style: none; margin: 10px 15px 0 0;}
	ul#top-nav li {float: left; padding: 2px 15px; border-right: 2px #bfbfc1 solid; font-size: 12px;}
	ul#top-nav li.last {border-right: none;}
	ul#top-nav li a {color: #666; text-decoration: none; font-weight: bold;}
	ul#top-nav li a:hover {color: #cf7a30; text-decoration: underline;}
	
#signup {
	position: absolute;
	top: 58px;
	right: 15px;
	width: 316px;
	padding: 5px 0 10px 15px;
	vertical-align: middle;
	background-image:url(../images/subscribeBox.png);
	background-repeat:no-repeat;
}
#buttons {
	position: absolute;
	top: 108px;
	right: 26px;
	width: 316px;
	padding-top:5px;
	padding-bottom:5px;
}

#signup input {vertical-align: middle;}
#signup input.text {width: 125px; font-size: 1.0em; color: #666; font-weight: bold;}
#signup h1 {
	color: #5C3923;
	font-size: 12px;
	margin: 5px 0 5px 0;
	line-height: 16px;
	font-weight: bold;
} 
#signup p {
	color: #333333;
	font-size: 11px;
	margin: 2px 0 5px 0;
	line-height: 14px;
} 
#buttons {
	margin: 8px 0 0px 0;
	line-height: 14px;
} 
#share {
	position: fixed;
	padding-bottom: 30px;
	width: 100%;
	float: right;
	text-align: right;
}


ul#main-nav {clear: both; list-style: none; margin: 0 0 0 1px; padding: 20px 0 0 0; font-size: 10px; font-family: verdana;}
	ul#main-nav ul {position: absolute; z-index: 2000; left: -999em; list-style: none; border-left: 1px #e6e6e6 solid; border-right: 1px #e6e6e6 solid; margin-left: -3px;}
	ul#main-nav li {float: left; margin-left: -1px; padding: 2px 3px; border-right: 1px #e2e2e2 solid; border-top: 1px #fff solid; text-align: center; text-transform: uppercase;}		
	ul#main-nav li li {
	float: none;
	color: #000;
	border: none;
	border-bottom: 1px solid #e6e6e6;
	text-align: left;
	padding: 2px 0;
	margin: 0;
	text-transform: none;
	vertical-align: middle;
	line-height: 1.22em;
	background-color: #FFFFFF;
}
		/*set top-level item and submenu widths */
		ul#main-nav li.home {width: 123px;}
		ul#main-nav li.our-cause {width: 170px;}
			ul#main-nav li.our-cause ul {width: 175px;}
		ul#main-nav li.saving-lives {width: 170px;}
			ul#main-nav li.saving-lives ul {width: 175px;}
		ul#main-nav li.contribute {width: 156px;}
			ul#main-nav li.contribute ul {width: 161px;}
		ul#main-nav li.partners {width: 150px;}
			ul#main-nav li.partners ul {width: 155px;}
		ul#main-nav li.about-us {width: 154px; border-color: #fff;}
			ul#main-nav li.about-us ul {width: 159px;}
	
	ul#main-nav li a {display: block; color: #666666; font-weight: bold; text-decoration: none; height: 21px; padding: 0; background-color: #fff; background-repeat: no-repeat; background-position: 50% 50%; text-indent: -9999em;}
		/*perform background image swapping*/
		ul#main-nav li.home a {background-image: url(../images/tnav-home.png);}
		ul#main-nav li.our-cause a {background-image: url(../images/tnav-cause.png);}
		ul#main-nav li.saving-lives a {background-image: url(../images/tnav-lives.png);}
		ul#main-nav li.contribute a {background-image: url(../images/tnav-contribute.png);}
		ul#main-nav li.partners a {background-image: url(../images/tnav-partners.png);}
		ul#main-nav li.about-us a {background-image: url(../images/tnav-about-us.png); z-index:3;}
			ul#main-nav li.home a:hover {background-image: url(../images/tnav-home-over.png);}
			ul#main-nav li.our-cause a:hover {background-image: url(../images/tnav-cause-over.png);}
			ul#main-nav li.saving-lives a:hover {background-image: url(../images/tnav-lives-over.png);}
			ul#main-nav li.contribute a:hover {background-image: url(../images/tnav-contribute-over.png);}
			ul#main-nav li.partners a:hover {background-image: url(../images/tnav-partners-over.png);}
			ul#main-nav li.about-us a:hover {background-image: url(../images/tnav-about-us-over.png); z-index:3;}
				ul#main-nav li.home-on a,
				ul#main-nav li.home-on a:hover {background-image: url(../images/tnav-home-on.png);}
				ul#main-nav li.our-cause-on a,
				ul#main-nav li.our-cause-on a:hover {background-image: url(../images/tnav-cause-on.png);}
				ul#main-nav li.saving-lives-on a,
				ul#main-nav li.saving-lives-on a:hover {background-image: url(../images/tnav-lives-on.png);}
				ul#main-nav li.contribute-on a,
				ul#main-nav li.contribute-on a:hover {background-image: url(../images/tnav-contribute-on.png);}
				ul#main-nav li.partners-on a,
				ul#main-nav li.partners-on a:hover {background-image: url(../images/tnav-partners-on.png);}
				ul#main-nav li.about-us-on a,
				ul#main-nav li.about-us-on a:hover {background-image: url(../images/tnav-about-us-on.png); z-index:3;}
	/* Indent sub-items flush with top-level label text*/		
	ul#main-nav li li a {height: auto; margin: 0 1px 0 1px; padding: 5px; background-image: none !important; text-indent: 0;}
/*		 ul#main-nav li.our-cause li a {padding-left: 15px;}
		 ul#main-nav li.saving-lives li a {padding-left: 15px;}
		 ul#main-nav li.contribute li a {padding-left: 15px;}
		 ul#main-nav li.partners li a {padding-left: 15px;}
		 ul#main-nav li.about-us li a {padding-left: 15px;}*/
		 
	ul#main-nav a:hover {background-color: #cf7a30; color: #fff;}
		ul#main-nav li.home-on a:hover,
		ul#main-nav li.our-cause-on a:hover,
		ul#main-nav li.saving-lives-on a:hover,
		ul#main-nav li.contribute-on a:hover,
		ul#main-nav li.partners-on a:hover,
		ul#main-nav li.about-us-on a:hover {background-color: #fff;  z-index:3;}
			ul#main-nav li li a:hover {background-color: #cf7a30 !important;}
	ul#main-nav li:hover, #main-nav li.sfhover {border-top: none; margin-top: 1px;}
	ul#main-nav li li:hover, #main-nav li li.sfhover {border-top: none; margin-top: 0;}
	ul#main-nav li:hover ul, #main-nav li.sfhover ul {left: auto; z-index: 300;}
	/* first and last nav exceptions */
	
/* *********** */
/* Left Column */
/* *********** */
#subnav-column {}
#subnav-column ul,
#subnav-column ol {margin: 1em 0; padding-left: 1em;}

ul.sub-nav {border: 1px solid #e2e2e2; border-bottom: 1px #fff solid; font-size: 11px; margin-bottom: 20px;}
	ul.sub-nav li {text-transform: uppercase;}
		ul.sub-nav li a {display: block; font-size: 11px; color: #666; font-weight: normal; text-decoration: none; padding: 5px 0 5px 10px; background: #fff; border-bottom: 1px solid #e2e2e2;}
		ul.sub-nav li a {background: #cf7a30; color: #fff;}
		ul.sub-nav li li a {background: #fff; color: #666; padding-left: 23px;}
		ul.sub-two li a {background: #fff; color: #666;}
		ul.sub-two li.on a {background: #cf7a30; color: #fff;}
	ul.sub-two li li ul {padding: 1px 0 1px 32px; border-bottom: 1px solid #e2e2e2;}
	ul.sub-two li li li {text-transform: capitalize; font-size: 0.9em;}
		ul.sub-two li.on li a {background: #fff url(images/bullet-subnav.png) 0 9px no-repeat; color: #666; padding: 4px 0 4px 8px; border: none;}

	ul.sub-one li a:hover,
	ul.sub-two li a:hover {background-color: #cf7a30; color: #fff;}
	ul.sub-one li li li a:hover,
	ul.sub-two li li li a:hover,
	ul.sub-one li li li li a:hover,
	ul.sub-two li li li li a:hover,
	ul.sub-two li.on li a:hover,
	ul.sub-two li.on li.on a {color: #cf7a30; background-image: url(images/bullet-subnav-on.png); background-color: #fff !important;}


/* ********/
/* Footer */
/* ****** */
#footer a {color: #f8971d; text-decoration: none; border-right: 1px solid; padding: 0 10px;}
#footer a.last {border-right: none;}
#footer a:hover {color: #fff; border-color: #f8971d;}
#footer .links-info {padding: 20px;}
#footer .copylink {
	color: #fff;
	font-size: 10px;
}
/* ********/
/* Partner Progam */
/* ****** */
.tableHeader {
	padding: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #666;
	color: #FFF;
	text-align: left;
	width: 600px;
	padding: 12px;
}
.partnerProgram tr td ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px;
}
/* Participating Hotels Listing Table */
#main-content div #particpatingHotels tr td {
	line-height: 20px;
	padding-left: 3px;
	border-top: thin solid #4CBFE7;
	border-right: thin none #4CBFE7;
	border-bottom: thin none #4CBFE7;
	border-left: thin solid #4CBFE7;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
#main-content div #particpatingHotels tr th { font-weight: bold; text-transform: capitalize; color: #999; letter-spacing: .1em; }
#main-content div #particpatingHotels {
	background: #94DCF1;
	width: 460px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0px auto 30px;
}
#main-content div #particpatingHotels tr th {
	background: #CB7B33;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #FFF;
	font-weight: normal;
	text-align: center;
	padding-left: 3px;
	line-height: 20px;
	font-style: normal;
	text-transform: none;
}
tr.d2 td {
	background-color: #137598;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #FFF;
	font-weight: normal;
	text-align: center;
	line-height: 20px;
	font-style: normal;
	text-transform: none;
}
tr.d1 td {
	background-color: #34b6e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	font-weight: normal;
	text-align: center;
	line-height: 20px;
	font-style: normal;
	text-transform: none;
}
#main-content div #aparticpatingHotels tr th {
	background: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #FFF;
	font-weight: normal;
	text-align: center;
	padding-left: 3px;
	line-height: 20px;
	font-style: normal;
	text-transform: none;
}
#main-content div #particpatingHotels caption { font-size: 1em; font-style: normal; text-transform: none; color: #5C3923; line-height: 1.5em; background: #; padding: 3px 3px 5px; }

#featuredPartners tr td { font-family: Verdana, Geneva, sans-serif; font-size: .75em; color: #C77C36; margin-bottom: 5px; }

#featuredPartners tr td div a { text-decoration: none; }

#right-column #featuredPartners tr td a { font-family: Arial, Helvetica, sans-serif; font-size: 1em; text-decoration: none; text-align: center; }
#right-column #featuredPartners tr td ul li { font-style: normal; list-style: disc outside; line-height: 1.25em; }
#right-column #featuredPartners caption { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #C77C36; padding-bottom: .5em; font-style: normal; font-weight: bold; }

#sidebar .partHotelsNav { color: #FFF; }


#videoHolder { margin-right: auto; margin-left: auto; }

#body #page #main-content #spashText h1 { font-family: Arial, Helvetica, sans-serif; color: #000; text-align: center; font-style: normal; font-size: 1.25em; font-weight: bold; font-variant: normal; text-transform: none; }

#body #page #main-content #spashText p { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #333; font-style: normal; }


#sidebar .partHotelsNav li { margin-top: 3px; display: block; }
#sidebar .partHotelsNav li a { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.5em; color: #666; text-decoration: none; font-weight: bold; text-align: right; background: #FFF; display: block; }
#sidebar .partHotelsNav li a:hover {
	background: #C77C36;
	color: #FFF;
	text-align: justify;
}
#featuredPartners tr td { margin-bottom: 5px; }

#corpPartners tr td { padding-top: 20px; }

#main-content #spashText a img { margin-right: auto; margin-left: auto; }

#header h1 #topbanner { margin-top: 20px; margin-left: 400px; }

#videoHolder { margin-right: 30px; float: left; text-align: left; }


#topbanner { background: url(../images/HaitiUpdate.png); height: 125px; width: 340px; float: none; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #FFF; text-align: right; vertical-align: bottom; margin-left: 230px; padding-right: 10px; margin-top: 8px; }
#haitiCentral { background: url(../images/CTWinHaiti.png); height: 125px; width: 340px; float: none; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #FFF; text-align: right; vertical-align: bottom; margin-left: 230px; padding-right: 10px; margin-top: 8px; }
#topbanner #topbannerText { font-family: Verdana, Geneva, sans-serif; text-align: right; vertical-align: bottom; }
#videoMatrix { height: 100%; width: 480px; clear: right; }
#videoMatrix #videoA { height: 148px; width: 240px; clear: right; float: left; margin-bottom: 8px; }
#videoMatrix #videoB {float: right; height: 148px; width: 240px; }
#videoMatrix #videoC { height: 148px; width: 240px; }
#videoMatrix #videoD { float: right; height: 148px; width: 240px; margin-top: 8px;  }
#video480 { width: 480px; clear: right; float: left; font-family: Arial, Helvetica, sans-serif; }
#topbannerText h1 { text-align: right; }

#projectHaitiText { font-family: Verdana, Geneva, sans-serif; font-size: 16px; color: #000; text-align: right; vertical-align: bottom; padding: 2px; font-weight: bold; }

#spashText { width: 600px; float: left; clear: right; }

.wide { width: 900px; }
#main-contentWide { width: 900px; float: left; margin: 0 0 0 20px; position: relative; }
#right-column ul { list-style-type: disc; font-family: Arial, Helvetica, sans-serif; font-size: .85em; color: #3B474B; text-indent: .2em; }
#addressTop { margin-top: 20px; text-align: left; margin-left: 40px; padding-left: 15em; }

.Simplepost-body div { width: 380px; }

#fastFacts { list-style: circle; font-family: Verdana, Geneva, sans-serif; font-size: 0.7em; width: 180px; line-height: 1.2em; padding-left: 13px; display: block; }

#partnerNav { background: no-repeat left top; height: 50px; width: 450px; font-family: Verdana, Geneva, sans-serif; font-size: 18px; }
#gilchrist {
	background-color: #e5dad0;
	height: 170px;
	width: 460px;
	text-align: center;
	vertical-align: middle;
}

.delicious-posts { float:right; margin: 1em; border: padding: 0.5em; width: 12em; font-family: sans-serif; }
.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0}
.delicious-post { border-top: 1px solid #eee; padding: 0.25em; font-size: 80% }
.delicious-odd { background-color: #f8f8f8 }
.delicious-banner a { font-size: 80% }
.delicious-posts a:hover { text-decoration: underline }
.delicious-posts a { text-decoration: none; color: #a15426; display: block; padding: 0.3em }
.delicious-post a { color: #04a1ff }