﻿
body 
{
	height: 100%;
	font: normal normal 16px arial, sans-serif;
	background: #4c4d25 url('/images/template/bodyBG.gif') repeat 0 0;
	margin: 0 auto;
	
}

/*-----------Page Wrappers-------------------------------------------------*/
#outerPageWrapper
{
	/*width: 1024px;*/
	width: 58.5em;
	position: relative;
	background: transparent url('/images/template/outerglow.png') repeat-y 0 0;
	margin: 0em auto;
	padding: 0.3em 0.875em;

}

#TopFade
{
	position: relative;
	margin: 0.8em auto 0 auto;
	width: 60.25em;
}

#BottomFade
{
	position: relative;
	margin: 0em auto 0 auto;
	width: 60.25em;
	height: 10px;
}

#PageWrapper
{
	border: 1px solid #B11C11;

	/**/position: relative;
	margin: 0em;
	padding: 0em;
	width: 58.4em;
	/*padding-bottom: 3em;
	overflow: hidden; for safari?
	background: transparent;*/
}



/*---------------------Header---------------------------------------------*/
#Header
{
	/*width: 58.38em;
	height: 9.31em;*/
	left: 0;
	margin: 0;
	padding: 0;
	cursor: default;
	background: white;
	border-bottom: 1px solid #B11C11;
	/*margin-bottom: -1px;
	background: url('/images/template/header1.jpg') no-repeat 0 0 ;
	*/
}

#Logo
{
	position: absolute;
	left: -1px;
	top: 4em;
	width: 16.5em;
	height: 7.75em;
	cursor: hand;
	background: transparent url('/images/template/eco_logo.jpg') no-repeat 0 0;
	z-index: 20;
}

.divTabStripClass
{
	padding: 0;
	position: relative;
	top:0;
	right: 0;
	left: 0.45em;
	z-index: 20;
	/*height: 3.38em;
	border: 1px solid green;
	border-bottom: 1px solid #aa8b7b;*/
	width: 44.85em;
	background: #ede9e9;
	float: right;
	padding-left: 1.2em;
	padding-bottom: 0.5em;
	
	display: none;
}

.divTabStrip2Class
{
	/*border: 1px solid red;*/
	font-size: 1em;
	float: left;
	margin: 0.5em 0;
	width: 36.2em;
	
	display: none;
}

#divSearchBox
{
	position: absolute;
	top: 15.2em;
	left: 2.4em;
	height: 1em;
	width: 12em;
	display: none;
}

.searchbox
{
	background: none;
	border: none;
	font: normal .8em verdana, sans-serif;
	width: 8em;
	color: #733E3A;
}

.searchButton
{
	position: absolute;
	top: -.2em;
	left: 13em;
	display: none;
}

.headerImg
{
	/*width: 934px;*/
}
/*-------------Page Content--------------------------*/
#divPageContent
{
	width: 58.4em;
	/*min-height: 20em;*/
	color: #665647;
	text-align: justify;
	padding: 0em;
	margin-left: 0;
	background: #fff;
	/*background: red;*/
	clear: both;
	float: left;
	position: relative;
	/*z-index: 19;

	border-top: 2px solid #B11C11;*/
}

/*--------------Left Panel Area------------*/
#divMainContainer
{
	background: #fff; /*url('/images/template/mainBG.gif') repeat-y 0 0;*/
	padding-bottom: 0em;
	
}

#divLeftContainer
{
	/*border: 1px solid black;*/
	background: transparent;
	float: left;
	background: white url('/images/template/mainBG.gif') repeat-y 0 0;
}

#divLeftPanel
{
	padding-left: 0em;
	padding-right: 0em;
	margin-left: 0em;
	/*border: 1px solid #aa8b7b;*/
	float: left;/**/
	/*background: transparent url('/images/template/panel_bg.jpg') repeat-y;*/
	background: #CCCC99;
	white-space: normal;
	width: 12.3em;

}

#divNavPanel
{
	width: 12.3em;
	margin-bottom: 0em;
	/*float: left;*/
	border-top: 1px solid #aa8b7b;
	border-bottom: 1px solid #aa8b7b;
}

#LeftTop
{
	margin: 0.5em 0 0.5em 0.8em;
}

#LeftExtra
{
	/*display: none;min-height: 10em;
	border-top: 1px solid #aa8b7b;*/
	float: left;
	width: 9.5em;
	text-align: left;
	margin: 0 0.5em;
	padding: 1em 0;
}


#PanelBottom
{
	float: left;
	margin-left: -1px;
	clear: both;
}

/*--------------Main Content Area--------------------*/
#divMainContent
{
	background: transparent;
	float: right;
	padding-left: 0em;
	margin: 0em;
	/*border: 1px solid orange;*/
	width: 45.9em;
	min-height: 30em;
}

#pageTitle
{
	margin: 1em 0em 0em 2em;
	/*padding: .3em 0em .5em 2em;
	float: left;
	width: 35em;	font-size: 1.2em;
	font-family: Tahoma, Verdana;	border: 1px solid blue;*/
	width: 28em;
	background: transparent;
	text-align: left;
	font-size: .8em;
	width: 55em;

}
.pageTitle
{
	width: 28em;
}

#divCenterContent
{
	clear: both;
	margin: 1em 0 0 0em;
	font: normal 1em verdana, sans-serif;
	text-align: left;
	padding: 0 1em 0 2em;
	float: left;/**/
	min-height: 15em;
	/*border-right: 1px solid #aa8b7b;*/
	width: 30.5em;
	background: transparent;
	/*border: 1px solid red;*/
	overflow: visible;
}
#divCenterContentPlaceholderTop
{
	font: normal 75% Georgia, serif;
}

#divCenterContentPlaceholder
{
	font: normal 75% Georgia, serif;/**/
}
.divCenterContentPlaceholderTop
{
	margin: 0.8em 0 0.8em 0;
	color: #333;
	line-height: 1.3em;
	font: normal 75% Verdana, sans-serif;/**/
}
.divCenterContentPlaceholder
{
	margin: 0.8em 0 0.8em 0;
	color: #333;
	line-height: 1.3em;
	font: normal 75% Verdana, sans-serif;/**/
}

#divRightContent
{
	display: block;
	width: 11em;
	/*
	border: 1px solid black;*/
	float: left;
	font-size: 1em;
	padding: 0 0.5em;
	margin: 2.8em 0 0 0em;
	text-align: left;
	background: transparent;
}

/*---------------Footer--------------------*/

#Footer
{
	clear: both;/**/
	float: left;
	margin: 0;
	color: #fff;
	text-align: center;
	width: 58.4em;
	height: 2em;
	background: #b11c11 ;/**/
	
	/*padding: .8em 0 0 0;
	border: 2px solid #aa8b7b;*/
	border-left: none;
	border-right: none;
	/*border-left: 1px solid #aa8b7b;
	border-right: 1px solid #aa8b7b;*/

}


	#Footer img
	{
		padding: 0;
		margin: 0;
	}
	
	#Footer .text
	{
		font: normal 0.75em/2.5em verdana;
	}
	
	#Footer .trakkware
	{
		font-size: 0.7em;
		margin-left: 7.5em;
	}
	
	#Footer .rightFooter
	{
		font-size: 0.7em;
		margin-left: 13em;
	}
	
	#Footer a
	{
		color: #DDDDAA;
	}
	
	#Footer a:visited
	{
		color: #b2b2b2;
	}
