/* Normalizing browser styles
-------------------------------------------- */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

ol,ul {
	list-style: none;
}

/* Layout -------------------------------------*/
html {
	text-align: center;
	background-color : #dde3dd;
}

body {
	width: 700px;
	margin: 0 auto;
	text-align: left;
	font:75%/130% Verdana,Arial,Helvetica,sans-serif;
}

div#wrap {
	width: 700px;
	margin-top: 0;
}

div#header {
	width:700px;
}

div#header h1 {
	width:700px;
	height:126px;
	background: url(images/general/hdrTruthEM.jpg) no-repeat;
	text-indent: -9000px;	
}

div#sectionWrap {
	width: 700px;
}

div#sectionLeft {
	width: 16x;
	float: left;
}

div#sectionRight {
	width: 682px;
	margin-top: -3px;
	float: right;
	border-left : 1px solid #c2bcb6;
	border-right : 1px solid #c2bcb6;
	border-bottom : 1px solid #c2bcb6;
}

/* Fonts and Links -------------------------------------*/
p {
	color : #512B1F;
}

p b {
	color: #556D54;
}

h2, h3, h4, ul {
	color: #512B1F;
}

a:link, a:visited {
	color : #512B1F;
}

/* Global divs */
div#borderTop {
	width: 682px;
	height: 24px;
}

.itemTitle {
	color: #556D54;
	font-weight: bold;
}

.itemGreen {
	color: #556D54;
}

.itemBlue {
	color: #183294;
}

.itemBrown {
	color: #512B1F;
	font-size: 100%;
}

.contactBrown {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color: #512B1F;
	font-size: 100%;
}

img#barGreen1 {
	width: 630px;
	height: 2px;
	margin-bottom: 5px;
}

img#barGreen2 {
	width: 350px;
	height: 1px;
	margin-bottom: 5px;
}

img#barBrown1 {
	width: 350px;
	height: 1px;
	margin: 0;
}

img#barBrown2 {
	width: 250px;
	height: 1px;
	margin: 15px 0 5px 0;
}

div#ContributeImage {
	margin-top: 3px;
}

/* HOME page */
/* Section 0 - TEM Flash - Urgent News -------------------------------------*/
div#section0 {
	width: 682px;
	height: 92px;
	overflow:hidden;
	position: relative;
	border-top: 7px solid #ede2c9;
	border-bottom: 7px solid #512B1F;
	background-color : #ede2c9;
}

div#section0 img {
	width: 682px;
	height: 92px;
	border: none;
}

/* Section 1 - news & photos -------------------------------------*/
div#section1 {
	width: 682px;
	height: 280px;
	background : url(images/home/bckgrndNewsPhotos.jpg) no-repeat;
	position: relative;
}

div#HomeNews {
	width: 300px;
	height: 200px;
	overflow: auto;
	padding: 10px 15px;
}

div#HomeNews h2 {
	width: 130px;
	height: 25px;
	background : url(images/home/imgWhatsNew.gif) no-repeat;
	text-indent: -9000px;
	margin-bottom : 5px;
}

div#HomeNews li {
	margin-bottom: 7px;
}

div#HomeNews li span {
	font-weight: bolder;
}

div#temPhotos {
	width: 200px;
	height: 150px;
	position: absolute;
	margin: -182px 0 0 442px;
}

div#temPhotoInfo {
	width: 170px;
	position: absolute;
	margin: -20px 0 0 457px;
	text-align: center;
}

div#temPhotoInfo p a {
	font : 95% Trebuchet MSTrebuchet MS,Arial,Helvetica,sans-serif;
	color:#ffffff;
}

/* Section 2 - shortcuts -------------------------------------*/
div#section2 {
	width: 682px;
	background-color : #92a491;
	padding-bottom: 10px;
	position: relative;
}

div#section2 h2 {
	width: 682px;
	height: 26px;
	background : url(images/home/section2Top.gif) no-repeat;
	text-indent: -9000px;
}

div#shortcuts {
	margin: 10px 0 0px 17px;
}

div#shortcuts img {
	padding: 0 10px 0 0;
	border: none;
}

/* Section 3 - TEM definition & contribution -------------------------------------*/
div#section3 {
	width: 682px;
	position: relative;
	padding-bottom: 20px;
	background-color : #ede2c9;
}

div#section3 h2 {
	width: 682px;
	height: 35px;
	background : url(images/home/section2Base.gif) no-repeat;
	text-indent: -9000px;
}

div#temLogo {
	width: 200px;
	height: 90px;
	margin: -5px 0 0 30px;
}

div#contribute {
	margin: -70px 0 0 500px;
	position: absolute;
}

div#section3 p {
	margin:0 20px;
}

/* Content for About TEM -------------------------------------*/
div#contentAbout {
	width: 682px;
	position: relative;
	padding-bottom: 5px;
	background-color : #ede2c9;
}

div#contentAbout h2 {
	width: 682px;
	height: 24px;
	background : url(images/general/imgBorderTop.gif) no-repeat;
	text-indent: -9000px;
}

/* section titles -------------------------------------*/
div#titleWWD {
	width: 170px;
	height: 30px;
	margin: 5px 0 0 20px;
}

div#titleWWB {
	width: 225px;
	height: 30px;
	margin: 5px 0 0 20px;
}

div#titleTestimony {
	width: 140px;
	height: 30px;
	margin: 5px 0 0 18px;
}

div#titleBoard {
	width: 260px;
	height: 30px;
	margin: 5px 0 0 18px;
}

div#titleVideos {
	width: 95px;
	height: 30px;
	margin: 5px 0 0 18px;
}

div#titleAbout {
	width: 102px;
	height: 18px;
	margin: -33px 0 0 550px;
	position: absolute;
}

/* What We Do -------------------------------------*/
div#contentWWD p {
	margin: 10px 20px;
}

div#contentWWD h3 {
	font-size: 120%;
	margin: 0px 0 0 20px;
}

div#contentWWD ul {
	margin: 2px 30px 15px 35px;
	list-style-type : disc;
}

div#contentWWD ul h4 {
	font-weight : bold;
}

div#contentWWD li {
	margin-left: 3px;
}

/* What We Believe -------------------------------------*/
div#contentWWB h3 {
	font-size: 120%;
	margin: 10px 20px;
}

div#contentWWB p {
	margin: -7px 20px 20px 20px;
}

/* Testimony -------------------------------------*/
div#contentTestimony {
	margin-bottom: 20px;
}

div#contentTestimony h3 {
	font-size: 130%;
	margin: 3px 20px 3px 20px;
}

div#contentTestimony p {
	margin: 0px 20px 5px 20px;
}

/* Videos -------------------------------------*/
div#contentVideos {
	width: 642px;
	margin: 0 20px 20px 20px;
}

div#videosMenu h4 {
	font: bold 130% "Trebuchet MS" Arial Helvetica sans-serif;
	text-transform : uppercase;
	margin: 20px 0 -3px 0;
}

div#videos {
	margin: 20px 0px;
}

div#videos h4 {
	font: bold 140% "Trebuchet MS" Arial Helvetica sans-serif;
	color: #556D54;
	text-transform : uppercase;
	margin: 50px 0 -3px 0;
}

div#videos ul {
	margin: 15px 0 5px 70px;
}

div#videos ul img {
	width: 46px;
	height: 70px;
	margin-left: -70px;
	position: absolute;
}


/* Board of Directors -------------------------------------*/
div#contentBoard {
	margin: 0 20px;
}

div#contentBoard p {
	margin-bottom: 10px;
}

div#photosBoard1 p,
div#photosBoard2 p, 
div#photosBoard3 p {
	text-align: center;
	margin: 0px 0 15px 0;
}

div#photosBoard1 {
	width: 210px;
	float: left;
	margin-right: 6px;
}

div#photosBoard2 {
	width: 210px;
	float: left;
}

div#photosBoard3 {
	width: 210px;
	float: right;
}

div#photosEnd {
	width: 600px;
}

/* Content for NEWS -------------------------------------*/
div#contentNews,
div#contentRelief {
	width: 682px;
	padding-bottom: 25px;
	background-color : #ede2c9;
	position: relative;
}

div#contentNews h2 {
	width: 218px;
	height: 30px;
	background : url(images/news/titleNewsUpdates.gif) no-repeat;
	text-indent: -9000px;
	margin: 10px 0 0 20px;
}

div#contentRelief h2 {
	color: #990000;
	font : 170% Trebuchet MSTrebuchet MS,Arial,Helvetica,sans-serif;
	font-weight: bolder;
	margin: 10px 0 10px 20px;
}

div#contentNews h3,
div#contentRelief h3 {
	width: 51px;
	height: 18px;
	background : url(images/news/titleNews.gif) no-repeat;
	text-indent: -9000px;
	position: absolute;
	margin: -33px 0 0 600px;
}

div#contribute2 {
	margin: 0px 0 0 510px;
	position: absolute;
}

/* News & Updates and Blog -------------------------------------*/
div#newsInfo,
div#blogInfo {
	width: 635px;
	margin: 0 24px 0px 23px;
	position: relative;
}

div#newsInfo h4 {
	color: #512b1f;
	font: bold 140% "Trebuchet MS" Arial Helvetica sans-serif;
	text-transform : uppercase;
	margin: 15px 0 -10px 0;
}

div#newsInfo h5 {
	color: #512b1f;
	font: bold 130% "Trebuchet MS" Arial Helvetica sans-serif;
	text-transform : uppercase;
	margin-bottom: 10px;
}

div#newsNav {
	margin: -20px 0 0 435px;
	position: absolute;
}

select {
	background-color: #ede2c9;
}

a#picGallery {
	background: url(images/news/imgViewPhotos.gif) no-repeat center left;
}

.viewPhotos {
	color: #512b1f;
	font-weight: bold;
	margin-left: 20px;
}

img#newsPic {
	width: 200px;
	height: 150px;
	margin: 0 5px 5px 20px;
	border: solid 3px #664a41;
}

img#newsPic2 {
	width: 200px;
	height: 133px;
	margin: 0 5px 5px 20px;
	border: solid 3px #664a41;
}

img#newsPicX {
	margin: 0 5px 5px 20px;
	border: solid 3px #664a41;
}

/* Earthquake Relief -------------------------------------*/
div#contentSpecial {
	width: 642px;
	margin: 0 20px 20px 20px;
}

div#contentSpecial p {
	margin-bottom: 15px;
}

div#specialDonate p {
	margin-right: 200px;
}

div#specialLinks {
	width: 600px;
	margin: 40px 20px 20px 20px;
	padding: 10px;
	border: 2px solid #556D54;
}

div#specialLinks p span {
	font : 150% Trebuchet MSTrebuchet MS,Arial,Helvetica,sans-serif;
	font-weight: bolder;
}

/* Content for News Gallery -------------------------------------*/
div#contentNewsGallery {
	width: 682px;
	padding-bottom: 25px;
	background-color : #ede2c9;
}

div#newsGalleryInfo {
	width: 635px;
	margin: 0 24px 0px 23px;
	vertical-align: middle;
}

div#newsGalleryInfo h3 {
	color: #512b1f;
	font: bold 130% "Trebuchet MS" Arial Helvetica sans-serif;
	text-transform : uppercase;
	margin-top: 10px;
}

.picHorz {
	margin: 6px 3px;
}

.picVert {
	margin: 6px 15px;
}

.picVert2 {
	margin: 6px 20px;
}

/* Content for NEEDS -------------------------------------*/
div#contentNeeds {
	width: 682px;
	padding-bottom: 25px;
	background-color : #ede2c9;
	position: relative;
}

div#contentNeeds h2 {
	width: 86px;
	height: 30px;
	background : url(images/needs/titleNeeds.gif) no-repeat;
	text-indent: -9000px;
	margin: 10px 0 0 20px;
}

div#needsInfo {
	width: 642px;
	margin: 0 20px 20px 20px;
}

div#needsMenu h4 {
	font: bold 130% "Trebuchet MS" Arial Helvetica sans-serif;
	text-transform : uppercase;
	margin: 20px 0 -3px 0;
}

div#needsVideos {
	margin: 20px 0px;
}

div#needsVideos h4 {
	font: bold 140% "Trebuchet MS" Arial Helvetica sans-serif;
	color: #556D54;
	text-transform : uppercase;
	margin: 50px 0 0px 0;
}

div#needsVideos ul {
	margin: 15px 0 5px 70px;
}

div#needsVideos ul img {
	width: 46px;
	height: 70px;
	margin-left: -70px;
	position: absolute;
}

/* Content for SCHEDULE -------------------------------------*/
div#contentSchedule {
	width: 682px;
	padding-bottom: 25px;
	background-color : #ede2c9;
	position: relative;
}

div#contentSchedule h2 {
	width: 130px;
	height: 30px;
	background : url(images/schedule/titleSchedule.gif) no-repeat;
	text-indent: -9000px;
	margin: 10px 0 0 20px;
}

div#scheduleInfo {
	width: 635px;
	margin: 0px 24px 0px 23px;
}

div#scheduleInfo h3 {
	color: #512b1f;
	font: bold 130% "Trebuchet MS" Arial Helvetica sans-serif;
	text-transform : uppercase;
}

div#scheduleInfo ul li span {
	color: #556D54;
	font-weight: bold;
	text-transform : uppercase;
}

/* Content for MISSIONARIES -------------------------------------*/
div#contentMissionaries {
	width: 682px;
	padding-bottom: 25px;
	background-color : #ede2c9;
	position: relative;
}

div#contentMissionaries h2 {
	width: 176px;
	height: 30px;
	background : url(images/missionaries/titleMissionaries.gif) no-repeat;
	text-indent: -9000px;
	margin: 10px 0 0 20px;
}

div#missionariesInfo {
	width: 635px;
	margin: 0px 24px 0px 23px;
}

div#missionariesInfo h3 {
	color: #512b1f;
	font: bold 130% "Trebuchet MS" Arial Helvetica sans-serif;
	text-transform : uppercase;
}

/* Content for CONTRIBUTIONS -------------------------------------*/
div#contentContribute {
	width: 682px;
	padding-bottom: 25px;
	background-color : #ede2c9;
	position: relative;
}

div#contentContribute h2 {
	width: 198px;
	height: 30px;
	background : url(images/contribute/titleContributions.gif) no-repeat;
	text-indent: -9000px;
	margin: 10px 0 0 20px;
}

div#contributeInfo {
	width: 635px;
	margin: 0px 20px 10px 23px;
}

div#contributeInfo h3 {
	color: #512b1f;
	font: bold 130% "Trebuchet MS" Arial Helvetica sans-serif;
	text-transform : uppercase;
}

div#contributeInfo h4 {
	color: #556D54;
	font: bold 130% "Trebuchet MS" Arial Helvetica sans-serif;
	text-transform : uppercase;
}

div#contributeInfo h5 {
	color: #556D54;
	font: bold 130% "Trebuchet MS" Arial Helvetica sans-serif;
	text-transform : uppercase;
	margin-top: 20px;
}

div#contributeInfo ul {
	list-style-type: disc;
	list-style-position: inside;
}

div#contributeInfo ul li {
	list-style-type:disc;
}

/* Content for CONTACT US -------------------------------------*/
div#contentContact {
	width: 682px;
	padding-bottom: 25px;
	background-color : #ede2c9;
	position: relative;
}

div#contentContact h2 {
	width: 155px;
	height: 30px;
	background : url(images/contact/titleContactUs.gif) no-repeat;
	text-indent: -9000px;
	margin: 10px 0 0 20px;
}

div#contactLeft {
	width: 260px;
	padding-left: 22px;
	margin: 0px 20px 10px 0px;
	float: left;
}

div#contactLeft h3 {
	color: #512b1f;
	font: bold 130% "Trebuchet MS" Arial Helvetica sans-serif;
	margin-top: 7px;
}

div#contactRight {
	width: 350px;
	margin-right: 10px;
	float: right;
}

div#contactRight h3 {
	color: #512b1f;
	font: bold 130% "Trebuchet MS" Arial Helvetica sans-serif;
	margin: 7px 0px 5px 12px;
}

div#contactThanks {
	width: 350px;
	border: 1px solid #92a491;
	padding: 20px 0;
}

div#contactThanks h4 {
	width: 152px;
	height: 30px;
	background : url(images/contact/titleThankYou.gif) no-repeat;
	text-indent: -9000px;
	margin-left: 99px;
}

div#contactThanks p {
	width: 250px;
	text-align: center;
	margin: 0 50px;
}

table#contactForm {
	border: 1px solid #92a491;
}

input {
	background-color: #ede2c9;
	border: 1px solid #512b1f;
}

img#contactBtn {
	border: 1px solid #512b1f;
}

textarea {
	background-color: #ede2c9;
	border: 1px solid #512b1f;
	scrollbar-base-color: #ede2c9;
	scrollbar-arrow-color: #ede2c9;
	overflow: auto;
}

div#contactEnd {
	width: 682px;
	height: 1px;
	clear: both;
}

/* Content for TRIP INFO -------------------------------------*/
div#contentTripInfo {
	width: 682px;
	padding-bottom: 25px;
	background-color : #ede2c9;
	position: relative;
}

div#tripInfo {
	width: 635px;
	margin: 0px 24px 0px 23px;
}

div#tripInfo h3 {
	color: #512b1f;
	font: bold 130% "Trebuchet MS" Arial Helvetica sans-serif;
	text-transform : uppercase;
	margin-top: 10px;
}

div#tripInfo span {
	font: bold 110% "Trebuchet MS" Arial Helvetica sans-serif;
}

/* Content for eNews -------------------------------------*/
div#contentENewsSubscribe,
div#contentENewsUnsubscribe {
	width: 682px;
	padding-bottom: 25px;
	background-color : #ede2c9;
	position: relative;
}

div#contentENewsSubscribe h2 {
	width: 135px;
	height: 30px;
	background : url(images/eNews/titleSubscribe.gif) no-repeat;
	text-indent: -9000px;
	margin: 10px 0 0 20px;
}

div#contentENewsUnsubscribe h2 {
	width: 170px;
	height: 30px;
	background : url(images/eNews/titleUnsubscribe.gif) no-repeat;
	text-indent: -9000px;
	margin: 10px 0 0 20px;
}

div#eNewsForm,
div#eNewsletterForm {
	width: 635px;
	margin: 0px 20px 10px 23px;
}

table#eNewsForm,
table#eNewsletterForm {
	border: 1px solid #92a491;
	margin-top: 10px;
}

div#eNewsThanks {
	width: 350px;
	border: 1px solid #92a491;
	padding: 20px 0;
	margin-top: 10px;
}

div#eNewsThanks h4 {
	width: 152px;
	height: 30px;
	background : url(images/contact/titleThankYou.gif) no-repeat;
	text-indent: -9000px;
	margin-left: 99px;
}

div#eNewsThanks p {
	width: 250px;
	text-align: center;
	margin: 0 50px;
}

/* footer -------------------------------------*/
div#sectionEnd {
	width: 700px;
	height: 1px;
	clear: both;
}

div#footer {
	width: 700px;
	margin: 5px 0 50px 0;
}

div#footer p {
	text-align: center;
	margin-left:15px;
	font-size : 85%;
}

div#footer p b {
	color: #556D54;
	font : bold 120% Trebuchet MSTrebuchet MS,Arial,Helvetica,sans-serif;
}

/* DROPDOWN NAVIGATION STUFF  ----------*/
#dhtmlgoodies_menu{
	width:700px;
	margin:0;
	text-align:left;
/*		padding-left:16px;
		padding-right:16px;
		padding-bottom:20px;
		*/
}
	
#dhtmlgoodies_menu img{
	border:0px;
}

#dhtmlgoodies_menu ul li ul{
	display:none;	/* Needed to display ok in Opera */
}
	
#dhtmlgoodies_menu{
	visibility:hidden;	
}

#dhtmlgoodies_menu ul{
	margin:0px;	/* No indent */
	padding:0px;	/* No indent */
}

#dhtmlgoodies_menu li{
	list-style-type:none;	/* No bullets */
}	

#dhtmlgoodies_menu a{
	margin:0px;
	padding:0px;
}
/* End general configuration CSS */
/* Cosmetic */

/***********************************************************************
	CSS - MENU BLOCKS
	General rules for all menu blocks (group of sub items) 
***********************************************************************/
#dhtmlgoodies_menu ul{
/*		border:1px solid #000;
		padding:1px;
*/
}
		
#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
/*		border:0px;
		padding:1px;
		border:1px solid #317082;
		background-color:#E2EBED;
*/
	overflow:visible;
	margin-bottom:12px;
}

#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
/*		border:0px;
		padding:1px;
*/
	margin-left:7px;
	margin-top:-4px;
	background-color:#512b1f;
	border:1px solid #8b6b61;
	padding: 5px;
}

#dhtmlgoodies_menu ul.menuBlock2 li {
	padding-bottom: 5px;
}
	
/***********************************************************************
	CSS - MENU ITEMS
	Here, you could assign rules to the menu items at different depths.
***********************************************************************/
/* General rules for all menu items */
#dhtmlgoodies_menu a{
	/*		color: #000;
		text-decoration:none;
		padding-left:2px;
		padding-right:2px;
*/	
	color: #ede2c9;
	font-weight: bold;	
}

/*
Main menu items 
*/

#dhtmlgoodies_menu .currentDepth1{
/*		padding-left:5px;
		padding-right:5px;
		border:1px solid #E2EBED;
		*/
}

#dhtmlgoodies_menu .currentDepth1over{
/*		padding-left:5px;
		padding-right:5px;
		background-color:#317082;
		border:1px solid #000;
*/		
}

#dhtmlgoodies_menu .currentDepth1 a{
	font-weight:bold;
}

#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
	color:#FFF;
	font-weight:bold;
}