/* 
	ECHO
	BHW1, LLC
   September, 2007
   Historic Preservation Walking tour website. 
   Description: main(general) styles for page templates
*/

/* Import stylesheets and hide from IE/Mac \*/
@import "reset.css";

/* @group Containers */   
body {
	background-color: #c1bc88;
	font-family: "Trebuchet MS", trebuchet, Arial, sans-serif;
}

#main {
	width: 792px;
	margin: 0 auto;
}

#header {
	width: 792px;
	height: auto; /*168px; 108px;*/
	float: left;
	position: relative;
	background-color: #b32317;
	font-size: 10px;
	line-height: 12px;
	overflow: hidden;
}

.container {
	width: 792px;
	float: left;
	/*background-color: #2b607a;*/
}
/* @end */

/* @group Headers */
h1 {
	color: #fff;
	font: 1em "Trebuchet MS", trebuchet, Arial, sans-serif;
	padding-bottom: 1em;
	letter-spacing: 1px;
}	
	
#header strong { /* accessibilty for header image*/
	position: absolute;
	top: 5px;
	left: 151px;
	text-indent: -3000px;
	overflow: hidden;
	background: url(../images/slogan.jpg) no-repeat;
	width: 641px;
	height: 83px;
}
.title { /* content headers*/
	float:left;
	width: 250px;
	margin: 55px 0 0 9px;/*0 0 0 9px;*/
}
.title h2 {
	padding: 1px 0 0px;
	margin-top: 10px;
	color: #fff;
	font: bold 11px/12px Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
}
.title h3 {
	float: left;
	margin-left: 0px;
	margin-top:  8px;
	text-transform: uppercase;
	color: #fff;
	font: 9px "Trebuchet MS", trebuchet, Arial, sans-serif;
}

/* @group Main Navigation */

/* main navigation */
#header ul {
	margin: 64px 0 0;
	padding: 5px 0 5px;
	float: left;
	width: 792px;
}

#header ul li {
	display: inline;
	font:  Arial, Helvetica, sans-serif;
	float: left;
	padding: 0 25px 0 25px;
	border-left: 1px solid white;
	padding: 0 20px 0 20px;
	letter-spacing: 2px;
}
#header ul li.first {
	border-left: none;
	background: none;
	}
#header ul li.current {
	background: none;
	text-decoration: none;
	color: white;
	font-size: 11px;
	font-weight: bold;
	}	
#header ul li a {
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
}
#header ul li a:hover {
	text-decoration: underline;
}
	/* sub nav, next location (north, east, south, west) */
	.small-nav {
	font: bold 9px Arial, sans-serif;
	text-transform: uppercase;
	color: #fff;
	float: left;
	width: 400px;
}
.small-nav a {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}
.small-nav a:hover {
	text-decoration: underline;
}
/* @end */
/* @end */

/* @group Left Column and Text */

.content {
	width: 403px;/*442px;*/
	float: left;
	padding: 13px 0 0 22px;
}

/* @group Text */
.text {
	float: left;
	margin: 23px 0 0;
	width: 381px;/*410px;*/
	padding-bottom: 75px;
}

p {
	color: #fff;
	font: .75em "Trebuchet MS", trebuchet, Arial, sans-serif;
	padding-bottom: 1em;
	letter-spacing: 1px;
	line-height: 1.5em;
}
/* @end */



/* @end */

/* @group Right Column with Map */
.map {
	width: 366px;/*327px;*/
	float: right;
}

.map img {
	float: right;
}

	/* [] remove "div.map" later */
.map div {
	width: 134px;
	height: 25px;
	background-color: #569bbd;
	position: relative;
	float: right;
	margin: -39px 34px 0 0;
	display: inline;
	color: #fff;
	font: 8px Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	padding: 4px 0 0;
}

/* column for image map */
.right-column {
	float: left;
	width: 366px; /*327px;*/
	margin: 0 0 0 1px;
	display: inline;
}

	/* below image map*/
.empty-container {
	width: 327px;
	float: right;
	min-height: 88px;
}

* html .empty-container {
	height: 88px;
}
/* @end */

/* @group Location Related Downloads */

#location_downloads ul {
	padding: 5px 0 5px;
	float: left;
	width: 600px;
	text-align: center;
}
#location_downloads ul li {
	display: inline;
	font: bold 9px Arial, Helvetica, sans-serif;
	float: left;
	padding: 0 25px 0 25px;
	border-right: 1px solid white;
	padding: 0 20px 0 20px;
	letter-spacing: 2px;
}
#location_downloads ul li.first {
	border-right: none;
	background: none;
	}
#location_downloads ul li.current {
	background: none;
	text-decoration: underline;
	color: white;
	}	
#location_downloads ul li a {
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
}
#location_downloads ul li a:hover {
	text-decoration: underline;
}

#locationOf {
	float: left;
	clear: left;
	margin-right: 10px;
	margin-top:  10px;
}


/* @end */

/* @group Footer */

#footer {
	width: 792px;
	height: 14px;
	overflow: hidden;
	float: left;
	background-color: #003f5f;
}



/* @end */

/* @group History, Credit Pages */

/* history page */
.container_history {
	width: 792px;
	float: right;
	background: #005b7c url(../images/history/history_content_bckgrnd.jpg) no-repeat bottom;
}
.content_history {
	width: auto;
	height: 2050px;
	/*float:  right;*/
	padding: 13px 22px 0 22px;
}
/* history text - full width */
.text_history {
	float: none;
	height: 1000px;
	margin: 0; /*92px 23px 0 0;*/
	width: auto;
}
	/* credits page */
.container_credits {
	width: auto;
	height: auto;
	background: #fff;
	border-bottom: 14px solid #003f5f;
}
#header_credits {
	color: #000;
	font: bold 11px/12px Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.container_credits p {
	color: #000;
}
.credits_links { 
	background: pink;
	width: 500px;
	border-left: 2px white solid; 
}
#credits_box_1 { 
	width:200px;
	height:300px;
	float: left;
}
#credits_box_2 { 
	width:200px;
	float: left;
 }
#credits_box_2 ul{ 
	list-style-type: none; 
	color: #fff;
	font: .75em "Trebuchet MS", trebuchet, Arial, sans-serif;
}

h4 {
	color: #fff;
	margin-top: 20px;
	letter-spacing: 4px;
}

/* @group History Page Thumbnails */

/* history page thumbnails*/
.images_history {
	/*float: right;*/
	width: auto;
	margin-left: 450px; /*20px 28px 0 0;*/
	display: block;
	text-align: center;
}
.images_history span {
	color: #fff;
	font: 9px "Trebuchet MS", trebuchet, Arial, sans-serif;
	text-align: center;
}
#history_img_1 { 
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#history_img_2{ 
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
}
	

/* @end */



/* @end */

/* @group Images */
img {
	border: none;
}
a:focus {
	outline:none;
}
.logo {
	position: absolute;
	top: 5px;
	left: 0;
	background: url(../images/logo.gif) no-repeat;
	width: 151px;
	height: 83px;
	text-indent: -3000px;
	overflow: hidden;
}
	/* template - thumbnail images */
.images {
	float: right;
	width: 146px;
	height: 60px;
 	margin: -105px 10px 0 0;/*10px 28px 0 0;*/
	display: inline;
	text-align:center;
}
.images img {
	text-align:center;
	/*float: right;*/
	margin: 0 5px 0 6px;
}
.images span {
	color: #fff;
	font: 9px "Trebuchet MS", trebuchet, Arial, sans-serif;
	margin-left: 33px;
}
img.thumbnail
{
	border: solid white 2px;	
	width: 30px;
	height: 35px;
}
img.nothumbnail {
	background-color: #005677;
	border: 0px; 	
	width: 30px;
	height: 35px;
}
.clickToEnlarge {
	color: #fff;
	font: 9px "Trebuchet MS", trebuchet, Arial, sans-serif;
	margin-top: 10px;
	/*margin-left:33px;*/
}



/* @end */

/* @group West */
.west {
	background-color: #005677;
}

.west_nav {
	background-color: #676200;
	/*background: url(../images/bg-main-menu.gif) repeat-x;*/
}
/* @end */

/* @group East */
.east {
	background-color: #eca641;
}

.east_nav {
	background-color: #006283;
}
/* @end */

/* @group Central */
.central {
	background-color: #628475;
}

.central_nav {
	background-color: #446b5a;
}
/* @end */