/* CSS Document */

/* First level the paddings, margins etc for all browsers */

* { padding:0px; margin:0px; border:0px; }

/* Set the page height to 100% */
html,body{
	height:100%;
}

body{
	background-color:#322e30; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:8pt; 
	line-height:10pt;
	color:#000;
}

p {
	margin-top:10px
}

a:link {text-decoration: none; color: #b2d246}
a:visited {text-decoration: none; color: #b2d246}
a:hover {text-decoration: underline; color: #fff}
a.selected {text-decoration: none; color: #fff}


/* Main Containers*/
#mainContainer{
	margin:0 auto; 
	width:768px; 
	background-color:#5e5f63; 
	background-image:url(../images/bgGreenBar.gif); 
	background-repeat:repeat-y; 
	background-position:top right; 
	min-height:100%; 
	height:auto !important;
	height:100%
}
	
#MainContentContainer{
	width:750px; 
	background-color:#5e5f63; 
	height:auto
}
/*END Main Containers*/


#mainPageHeader{
	height:85px; 
	margin-bottom:30px;
	display:inline
}

#EchoLogo{
	
	width:389px; 
	height:85px; 
	float:left; 
	background-image:url(../images/bglogo.gif); 
	background-repeat:no-repeat;
}

#MainNavContainer{
	float:right;
	width:361px;
	height:85px;
}


#MainNavContainer ul{
	margin:0px;
	padding:0px;
	list-style:none;
	display:inline

}

#MainNavContainer li{		
    display:inline;
	float:right;
	background-color:#343233;
	margin-left:2px;
	margin-bottom:1px;
	height:24px;
	width:82px;
	

}

#MainNavContainer li a{
	height:24px;
	width:82px;
	display:block;
	font-size:8.5pt; 
	text-decoration: none; 
	color: #b2d246;
	text-align:center;
	line-height:21px;
}


#MainNavContainer li a:hover{
	color: #000;
	background-color:#bbbcbe;
}
#MainNavContainer ul li a.selected {
	color: #000;
	background-color:#bbbcbe;
}

#PageTitleContainer{
	height:24px;
}
	
#TxtImgContainer{
	width:750px;
	display:inline
}


#PageImg{
	float:left;
	margin-right:2px;
	width:387px;
	height:238px; 
	background-color:#343233;
}

.pageTxt{
	float:right;
	width:361px;
	height:238px;
	background-color:#5e5f63;
	overflow:hidden;
}

.pageTitle{
	padding-top:4px;
	padding-left:4px;
	padding-bottom:6px;
	color:#b2d246;
	font-weight: 300;
	border-bottom: 1px solid #fff;
	font-size: 14px;
}


.text{
	color:#fff;
	padding-left:4px;
	padding-right:5px;

}

#sideNavContainer{
	min-height:97px;
	height: expression( this.scrollHeight < 96 ? "97px" : "auto" );
	width:750px;
	display:inline;
}

#sideNav{
	float:left;
	width:387px;
}

#sideNav ul{
	list-style:none;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:20px;
}


#sideNav ul li a:link {text-decoration: none; color: #b2d246}
#sideNav ul li a:visited {text-decoration: none; color: #b2d246}
#sideNav ul li a:hover {text-decoration: none; color: #fff}
#sideNav ul li a.selected {text-decoration: none; color: #fff}

/* Photo Gallery*/
#galleryContainer{
	width:750px;
}

.galleryPhotoPanelLeft{
	float:left;	
	width:387px; 
	height:238px; 
	background-color:#343233; 
	margin-bottom:39px;
}

.galleryPhotoPanelRight{
	float:right; 
	width:361px; 
	height:238px; 
	background-color:#343233;
	overflow:hidden;
}
/*END Photo Gallery*/


#copyrightContainer{
	padding-top:20px;
	padding-bottom:15px;
	clear:both; 
	width:750px;
	height:100%; !important
	height:auto;
}

.copyright
{
	padding-left:20px;
	color:#7d8386;
}

#slideshowContainer{
	clear:both;
	width:750px;
	height:236px;
}

.slideshow{
}

#googleMapContainer{
	width:750px;
	height:236px;
	margin-top:39px;
}

.text ul li {
	padding-top:10px;
	margin-left: 13px;
	padding-left:3px;
}

.text ol li {
	padding-top:10px;
	margin-left: 25px;
	padding-left:3px;
}