/****************** TREC - Square Root Interactive *********************/

/*********you tube video****************/
object, embed { 
padding:0 5px 0 5px;
margin:0 5px 0 5px;
float:left;
}



/***** Global *****/

* { padding: 0; margin: 0; }

#container { position: relative; width: 800px; margin: 0 auto; text-align: left; }

body { 
	margin: 0 auto; 
	font: 11px/180% Verdana, Arial, Helvetica, sans-serif; 
	background:url(../img/bkgrd_main.png) #2b2016 no-repeat top center;
	behavior: url(/iepngfix.htc);
	text-align:left;
	color:#473425;}
	
* html body { 
	background:url(../img/bkgrd_mainie.jpg) #2b2016 no-repeat top center;}
	
a, a:link, a:active, a:visited { color: #5a6042; font-weight: normal; line-height:15px; text-decoration:underline; }

a:hover { color: #919A72; font-weight: normal; text-decoration:underline;  }

p {
	margin-top: 0;
	padding-bottom: 6px;
}
 

td { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; }

.subhead-brown {font-weight: bold; color: #473425; font-size:1.1em;}

.subhead-red {font-weight: bold; color: #8c1a1d; font-size:1.1em;}

.accent-green {color: #5a6042; font-weight:bold;}

.accent-lightgreen {color: #919a72;}

.accent-red {color: #8c1a1d;}

.accent-brown {color:#635143; font-weight:bold;}

.cutline { font-style: italic; font-size: 11px;}

.contenttitle {	
	font-size: 12px;
	height:17px;
	line-height:14px;
	color: #8c1a1d;
	padding-left: 0px;
	padding-top: 12px;
	padding-bottom: 6px;
	border:none;
	font-weight:bold;}

h1 { font-size: 1.8em; color: #5a6042; padding-bottom: 5px; }
h2 { font-size: 1.7em; color: #8c1a1d; padding-bottom: 5px; }
h3 { font-size: 1.6em; color: #473425; font-weight: normal; padding-bottom: 5px; }
h4 { font-size: 1.3em; color: #8c1a1d; padding-bottom: 5px; }
h5 { font-size: 1.2em; color: #473425; padding-bottom: 5px; }
h6 { font-size: 1.1em; color: #5a6042; padding-bottom: 5px; }

ol li { background: none; margin-left: 32px; padding-left: 0px;}

ol { padding-bottom: 10px;}
ul { list-style-type: none; padding-bottom: 10px; padding-left: 10px;}
li {
	background:url(../img/bullet_green.jpg) no-repeat 0 0.5em;
	padding-left: 13px;
	text-decoration: none;
	line-height: 15px;
	padding-bottom: 8px; 
	}
	
	li li { background:url(../img/bullet_brline.jpg) no-repeat 0 0.2em; }
	
		li li li { background: url(../img/bullet_brline.jpg) no-repeat 0 0.2em; }
		
blockquote { margin-left: 30px; }

.text .readmore { 
			font-size:10px;
			line-height:10px;
			text-align: right;
			display: block;
			margin-top: 0;
			padding-top: 0; 
			font-weight: bold!important; 
			 }
			
			.text .readmore a,
			.text .readmore a:link,
			.text .readmore a:active,
			.text .readmore a:visited { 
				font-weight: bold; 
				text-decoration:none;
				color:#5a6042!important; }
				
				.text .readmore a:hover { color:#919A72!important; }

		
/***** Top & TOP NAV*****/

#top { height: 119px; width: 800px; position: relative; margin-top: 0px; }

h1.logo {
	position: absolute;
	left: 1px;
	top: 7px;
	width: 297px;
	height: 111px;
	z-index:500000!important;
}
h1.logo img { behavior: url(/iepngfix.htc); width: 297px; height: 111px;}


#topnav {
	text-align: right;
	width: 200px;
	height: 25px;
	padding: 10px 0 0 400px;
	float: left;
	clear:none;
	font-size:10px;
}

#topnav .list ul { list-style-type: none; padding: 0;	margin-top: 0px;}

#topnav .list li{ background-image: none; padding: 2px; display: inline; color: #8c1a1d; margin: 0px;}

#topnav .list li a:link { background-image: none; color: #8c1a1d; text-decoration: none; font-weight: bold;}
#topnav .list li a:active { background-image: none; color: #8c1a1d; text-decoration: none; font-weight: bold;}
#topnav .list li a:visited { background-image: none; color: #8c1a1d; text-decoration: none;font-weight: bold;}
#topnav .list li a:hover { background-image: none; color: #2b2016; text-decoration: none;font-weight: bold;}

#top .search {
	float: left;
	width: 130px;
	margin:10px 0 0 5px;
}

#top .search input {
	float: left;
	width: 100px!important;
	height: 12px;
	text-align: left;
	font-size: 10px!important;
	padding: 0 3px 2px 0;
	border: 1px solid #ffffff;
}

#top .search a:link { color: #8c1a1d; font-weight: bold; font-style:normal; text-decoration:none; }
#top .search a:active { color: #8c1a1d; font-weight: bold; font-style:normal; text-decoration:none;  }
#top .search a:visited {  color: #8c1a1d; font-weight: bold; font-style:normal; text-decoration:none; }
#top .search a:hover {  color: #2b2016; font-weight: bold; font-style:normal; text-decoration:none; }

#top .bibleverse {
	width:467px;
	height:75px;
	position:absolute;
	left: 302px;
	top: 31px;
}

#top .bibleverse img{width:467px; height:75px; behavior: url(/iepngfix.htc);}

#mainfiller {width:800px; height: 11px; background-image:url(../img/top_filler.jpg); background-repeat:no-repeat;}

/***** Billboard *****/

#billboardwrapper { 
	margin:0; 
	height:273px; 
	width: 800px;
	float:left;
	clear:none;
}

#promo {
	height: 273px;
	width: 287px;
	background-image:url(../img/promo_image.jpg);
	float:left;
	clear:none;
	margin:0;
	padding:0;
}

#billboard { 
	height:273px; 
	width: 513px;
	padding:0;
	margin:0;
	float:left;
	clear:none;}
	
#billboard img { 
	height:273px; 
	width: 513px;}

	
/***************************************** Main Nav *********************************************/

#majornavwrapper {
	width: 800px;
	height: 36px!important;
	background:url(../img/nav/bkgrd_mainnav.jpg);
	margin:0;
	padding:0;
}
*html #majornavwrapper {
	margin-top:-2px;
}

#majornav {
	margin-left: 0px; 
	width: 800px;
	text-align:left;
	height: 36px!important;
	z-index:4!important;
	position:relative;
	margin:0;
	padding:0;
	}

/***** Support Button *****/

#supportbutton {
	position: absolute;
	width: 140px;
	height:106px;
	left: 675px;
	top: 382px;
	z-index:3!important;
}
#supportbutton img { width: 140px; height:106px; behavior: url(/iepngfix.htc); }


/***** Main *****/

#mainwrapper {
	float: left;	 
	width: 800px; 
	background-image:url(../img/bkgrd_content.jpg);
	background-repeat:repeat-y;
	clear: none;
	margin: 0; 
	padding: 0;
	}

#main { 
	width: 800px;
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	
	 }

/***** Left Column *****/

#leftcol .top { width:548px; padding:0; margin:0; }	

#leftcol { float: left; width: 548px; margin-top: 0; padding: 0 0 0 15px; }

#leftcol .text img{ margin:5px 4px 0 4px; float:left; }

#leftcol .text a, a:link, a:active, a:visited { color: #5a6042; text-decoration:underline; line-height:15px; font-weight: normal; }

#leftcol .text a:hover { color: #919A72; text-decoration:underline; font-weight: normal; }

#leftcol #panelwrapper { z-index:2!important;position:relative;float: left; width:548px; margin-top:20px; background-image:url(../img/bkgrd_panelleft.jpg);background-repeat:repeat-y;}

#leftcol .top h2 {
	font-size: 12px;
	line-height:14px;
	color: #8c1a1d;
	padding-left: 0px;
	padding-top: 12px;
	padding-bottom: 6px;
	border:none;
float:none;
}

#leftcol .text {
	width: 510px;
	padding-left: 11px;
	float:left;
	padding-bottom:10px;
	z-index:2!important;
	position:relative;
}

body#home #leftcol .text {
	width: 520px;
	color:#544625;
	padding-left: 10px;
	font-size:12px;
	line-height: 20px;
}

#leftcol #panelleft { float: left; width: 260px!important;padding-bottom: 5px; margin:0; }
#leftcol #panelleft p {padding:0px; line-height:15px; }
#leftcol #panelleft h2, #leftcol #panelright h2{
	height: 15px;
width:222px;
	overflow:hidden;
	margin:0;
	font-size: 12px;
	line-height:15px;
	color: #8c1a1d;
	padding:3px 0;
	border:none;
	height:13px; 
	float:left;
}
#leftcol #panelleft .icon, #leftcol #panelright .icon {float:left; height:21px; width:18px; padding: 0 4px 0 0;}

#leftcol #panelleft .icon, #leftcol #panelright .icon img{height:21px; width:18px;}

#leftcol #panelleft h3, #leftcol #panelright h3, #rightcol h3  {
	color:#473425;
	height:15px;
	overflow:hidden;
	font-weight: bold;
	font-size:11px;
	line-height:11px;
	margin:0; padding:0;
}
#leftcol #panelleft h3 a:link { color: #473425; font-weight: bold; text-decoration:underline;}
#leftcol #panelleft h3 a:active { color: #473425; font-weight: bold; text-decoration:underline; }
#leftcol #panelleft h3 a:visited {  color: #473425; font-weight: bold; text-decoration:underline; }
#leftcol #panelleft h3 a:hover {  color: #919a72; font-weight: bold; text-decoration:underline;}

#leftcol #panelright h3 a:link { color: #473425; font-weight: bold; text-decoration:underline;}
#leftcol #panelright h3 a:active { color: #473425; font-weight: bold; text-decoration:underline; }
#leftcol #panelright h3 a:visited {  color: #473425; font-weight: bold; text-decoration:underline; }
#leftcol #panelright h3 a:hover {  color: #919a72; font-weight: bold; text-decoration:underline;}

#leftcol #panelright { float: left; width: 260px!important;padding-bottom: 5px; margin-left:20px;}
#leftcol #panelright p { padding:0px; line-height:15px; width:auto;}

#leftcol .feature {float:left; width: 250px!important; margin-bottom:8px; padding: 10px 0 0 1px; }
#leftcol .feature img {width:80px; height:65px; float:left; padding:0 4px 0 0; margin:0;}

#panelfiller { padding-bottom:25px; width:548px; height:10px; float:left; }

/***** Right Column *****/

#rightcol { float: left; width: 210px; margin: 0 15px 0 10px; padding-bottom:60px;}

#rightcol h2{
	float:left;
	height: 22px;
	overflow:hidden;
	margin: 0;
	font-size: 12px;
	line-height:15px;
	color: #8c1a1d;
	padding-top: 12px;
	padding-bottom:10px;
	border:none;
}

#rightcol .icon {float:left; height:27px; width:24px; padding: 13px 4px 0 0;}

#rightcol .icon img{height:27px; width:24px;}

#rightcol .text {font-size: 1.2em; line-height:12px; padding-bottom:20px;}

#rightcol .feature {float:left; width: 210px!important; height: 100%; margin-bottom:5px; padding: 10px 0 0 1px; }

#rightcol p { padding:0px; line-height:15px; width:auto; overflow:hidden;}

/************MENU - Sidenav*******************/

#rightcol .sidenav h2{
	height: 12px;
	overflow:hidden;
	margin: 0;
	font-size: 12px;
	color: #8c1a1d;
	padding: 12px 0 8px 0;
	float:none;
	border:none;
}

.sidenav ul { 
	margin: 0px; 
	padding: 0px;
	font-weight: bold;
	list-style-type: none; 
	font-size: 1.1em;
	}

	
.sidenav li { 
	width: 170px;
	margin: 2px 0 2px 10px;
	background-image:url(../img/bullet_brline.jpg);
	background-repeat: no-repeat;
	background-position: 0 1.3em; 
	font-weight: bold;
	padding: 7px 0 1px 13px;
}
	
.sidenav ul ul { margin-bottom: 0px; padding-bottom: 0px; font-weight: bold; margin-left: 0px;font-size: 1em;}
.sidenav li li { 
	width: 160px;
	background-image:url(../img/bullet_green.jpg);
	background-repeat: no-repeat;
	background-position: 0 1.1em; 
	background-repeat: no-repeat;font-weight: bold;
	margin: 0 0 0 2px;
	padding: 7px 0 1px 13px;}
	
.sidenav li a:link { color:#5a6042;text-decoration: none;font-weight: bold;}
.sidenav li a:active { color: #5a6042; text-decoration: none;font-weight: bold;}
.sidenav li a:focus { color: #5a6042; text-decoration: none; font-weight: bold;}
.sidenav li a:visited { color: #5a6042; text-decoration: none;font-weight: bold; }
.sidenav li a:hover { color: #919a72; text-decoration: none;font-weight: bold; }

.sidenav li li a:link { color: #333333; text-decoration: none;font-weight: normal; }
.sidenav li li a:active { color: #333333; text-decoration: none;font-weight: normal; }
.sidenav li li a:focus { color: #333333; text-decoration: none; font-weight: normal;}
.sidenav li li a:visited { color: #333333; text-decoration: none; font-weight: normal;}
.sidenav li li a:hover {color: #686614; text-decoration: none; font-weight: normal;}

.dividerline {width:201px; height:2px; margin:20px 0 20px 9px;}


/************* Jiwan's Journal Home***********/
#rightcol .journal {float:left; width: 210px!important; height: 100%; margin-bottom:5px; padding: 10px 0 0 1px; }



#rightcol .journal ul { list-style-type: none; }
#rightcol .journal li {
	color: #5a6042;
	background:url(../img/bullet_green.jpg) no-repeat 0 0.5em;
	padding-left: 13px;
	text-decoration: none;
	line-height: 16px;
	padding-bottom: 2px; 
	font-weight:bold!important;
	}
		
#rightcol .journal img{ border:none; margin-left: -15px; margin-right:0;padding:0;}

#rightcol .journal p {font-weight: normal; color:#2b2016; margin:0 0 8px 0;}

#rightcol .journal a, a:link, #rightcol .journal a:active,#rightcol .journal a:visited { color: #5a6042; font-weight: bold; line-height:14px; text-decoration:underline; }

#rightcol .journal a:hover { color: #919A72; font-weight: bold; text-decoration:underline;  }

/************* Blog***********/

body#blog input {
	width: 485px!important;
	height: 18px;
	text-align: left;
	font-size: 10px!important;
	padding-bottom: 2px;
	margin-bottom:12px;
	padding-top:0;
	text-align:left;
}

body#blog .text ul {
	width: 510px; text-decoration: none; margin-top: 0; margin-left: 2px; padding: 0 0 10px 0; list-style-type: none; text-align:left;}

body#blog .text li {
	padding-left: 0px; text-indent:0px!important;}

body#blog .text blockquote { margin-left: 0!important; }

body#blog .text ul li {
	margin: 1px 1px 1px 0px!important;
	color: #544625;
	font-weight: normal;
	background-image: none;
	list-style-type: none;
	float:left;
}

body#blog .comment-list {padding-top:10px;}

body#blog #commentbutton{padding-bottom:22px!important;}

body#blog .postedby {font-style:italic;}

body#blog .comment-list hr {margin-top:15px; border:1px solid #D1C7B6; margin-left:-20px;}

body#blog #jiwanback {text-align:right;}

body#blog ol li { background: none; margin-left: 40px; padding: 5px 0 5px 0;}

body#blog ol { padding-bottom: 10px;}

body#blog #comment {width:496px;}


/********IE7 HACK**************/
*:first-child+html #rightcol .journal p  {
	margin-left:0px;!important;}
	
*html #rightcol .journal p  {
	margin-left:0px;!important;}
	
	
	/*******************************News***********************************/
body#news .text #ctl00_cphMain_dgrdGalleryList li { font-size:12px; padding-bottom:15px;}

body#news .text ul {
	width: 510px; text-decoration: none; margin-top: 0; margin-left: 2px; padding: 0 0 10px 0; list-style-type: none; text-align:left;}

body#news .text li {
	padding-left: 0px; text-indent:-87px!important;}

body#news .text blockquote { margin-left: 0!important; }

body#news .text ul li {
	margin: 1px 1px 1px 80px!important;
	color: #544625;
	font-weight: normal;
	background-image: none;
	list-style-type: none;
}
body#news .text li a,
body#news .text li a:link,
body#news .text li a:visited,
body#news .text li a:active { font-weight: bold;color: #5a6042; text-decoration: underline; }
body#news .text li a:hover { color: #919A72; text-decoration: underline; padding-left: 0;}

body#news .text .teaser { margin-top: 5px; margin-left:0px;text-indent: 0; margin-bottom: 0; padding-bottom: 0; line-height:16px;}

.newsdate { text-align: left; font-weight: bold;  margin:0; padding:0;}
.mediacontact { color: #333333; text-align: left; font-weight: bold;  margin-bottom: 14px; font-size: 11px; }


/***** Footer *****/

#footermountain {
	background:url(../img/footermountain.png) no-repeat;
	behavior: url(/iepngfix.htc);
	width:800px;
	height:68px;
	margin-top:-68px;
	margin-left:0px;
	z-index:1!important;
	position:relative;
}


#footerwrapper { width: 800px; height: 80px; }

#footer { width: 800px; height: 41px; padding:0; margin:0;}
#footer img{ width: 800px; height: 41px; behavior: url(/iepngfix.htc); }

#footer .text { text-align: left; height:35px;line-height: 16px; padding:5px 12px 0 0; color:#DAD0A8; margin-bottom:20px; width: 500px;float:left;}

#footer #treclogo {
background-image:url(../img/treclogo.jpg);
background-repeat:no-repeat;
margin-left:60px;
width:228px;
height:35px;
float:left;}

#footer a,#footer a:link, #footer a:active, #footer a:visited { color: #DAD0A8; text-decoration:underline; font-weight:normal; line-height:14px;}

#footer a:hover { color: #5a6042; text-decoration:underline;line-height:14px; font-weight:normal; }

/*****/
		/* Gallery */
		#gallery a img, 
		#gallery a:link img, 
		#gallery a:active img, 
		#gallery a:visited img { width: 107px; height:85px;padding: 4px; border: 1px solid #cccccc; margin: 5px;}
		#gallery a:hover img {padding: 4px; border: 1px solid #333333; margin: 5px; }
		#gallery .row { float: left; clear: both; display:block;}
		#gallery .photo { float: left; padding-right:9px;}
		#gallery p { line-height: 1.2em; padding: 3px 0 5px 0; width:116px; overflow:hidden; }
		
		#leftcol .text #gallery img{ margin:0; float:none!important; }