/* @override http://bhw1.com/staging/historicpres/css/nonlocations.css */

/* 
	BHW1, LLC
	Historic Preservation Walking Tour 
	Description: credits styles for page templates
*/

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

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

#container {
	width: 792px;
	height: auto;
	margin: 0 auto;
	position: relative;
}

#content {
	width: auto;
	_margin-bottom: -5px; /*IE 6 hack*/
}


#indexContent {
	width: auto;
	_margin-bottom: -5px; /*IE 6 hack*/
	background:url(../images/home_bg.jpg);
}



.indexLink1 {
	width:214px;
	height:389px;
	top: 162px;
	left: 112px;
	display:block;
	margin: 0;
	padding: 0;
	position:absolute;
	}

.indexLink2 {
	width:206px;
	height:389px;
	top: 162px;
	left: 468px;
	display:block;
	margin: 0;
	padding: 0;
	position:absolute;
	}


.content-credits { 
	width: 500px;
	margin: 0 50px 50px 250px;
	position: relative;
	top: 0;
	left: 0;
}

.content-resources {
	background: url(../images/resources/resources_bckgrnd.jpg) bottom no-repeat #559bbd;
	width: auto;
	height: 492px;
	_height: 492px;  /*IE 6 hack*/
}

.east-content-resources {
	background: url(../images/resources/east_resources_bckgrnd.jpg) bottom no-repeat #b06010;
	width: auto;
	height: 492px;
	_height: 492px;  /*IE 6 hack*/
}

.text {
	float: left;
	margin: 1.5em;
	width: 381px;
	display: inline; /* IE margin double float fix */
}


.east_text {
	float: left;
	margin: 1.5em;
	width: 273px;
	display: inline; /* IE margin double float fix */
}


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

.eastMap {
	margin: 2em 0 0 0;
}

.map img, .eastMap img {
	float: right;
}

	/* [] remove "div.map" later */
.map div, .eastMap 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: right;
	width: 366px; /*327px;*/
	margin: 0 0 0 1px;
	/*display: inline;*/
	position: relative;
	
}

.east-right-column {
	float: left;
	width: 483px; /*327px;*/
	margin: 2em 0 0;
	/*display: inline;*/
	position: relative;
	
}

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

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

#footer {
	clear: both;
	height: 15px;
	background-color: #003f5f;
}

#homeFooter {
	clear: both;
	height: 15px;
	background-color: #14564f;
}

#eastFooter {
	clear: both;
	height: 15px;
	background-color: #b32317;
}

/* @end */

/* @group Header */
#headerInt, #eastHeaderInt  {
	width: 792px;
	height: 108px;
	/*float: left;*/
	position: relative;
	background-color: #b32317;
	font-size: 10px;
	line-height: 12px;
	overflow: hidden;
}

#header{
	width: 792px;
	height: 136px;
	/*float: left;*/
	position: relative;
	background: #b32317 url(../images/homepage/header.jpg) no-repeat;
	font-size: 10px;
	line-height: 12px;
	overflow: hidden;
	border-top: 5px solid #b32317;
	
}



#eastHeader{
	width: 792px;
	height: 136px;
	/*float: left;*/
	position: relative;
	background: #b32317 url(../images/east_central/header.jpg) no-repeat;
	font-size: 10px;
	line-height: 12px;
	overflow: hidden;
	border-top: 5px solid #b32317;
	} 

#homeHeader{
	width: 792px;
	height: 122px;
	/*float: left;*/
	position: relative;
	background-color: #14564f;
	font-size: 10px;
	line-height: 12px;
	overflow: hidden;
	border-bottom:20px solid #676300;
}


#header strong, #headerInt strong{
	position: absolute;
	top: 5px;
	left: 151px;
	text-indent: -3000px;
	overflow: hidden;
	background: url(../images/slogan.jpg) no-repeat;
	width: 641px;
	height: 83px;
}

 #eastHeader strong, #eastHeaderInt strong {
	position: absolute;
	top: 5px;
	left: 150px;
	text-indent: -3000px;
	overflow: hidden;
	background: url(../images/east_slogan.jpg) no-repeat;
	width: 644px;
	height: 83px;
}

.title {
	float:left;
	width: 250px;
	margin: 0 0 0 9px;
}
#locationOf {
	float: left;
	clear: left;
	margin-right: 10px;
	margin-top:  10px;
}

h1 {
	color: #fff;
	font: 1em "Trebuchet MS", trebuchet, Arial, sans-serif;
	padding-bottom: 1em;
	letter-spacing: 1px;
}

.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;
}

.logo {
	position: absolute;
	top: 5px;
	left: 0;
	background: url(../images/logo.gif) no-repeat;
	width: 151px;
	height: 83px;
	text-indent: -3000px;
	overflow: hidden;
}

.east_logo {
	position: absolute;
	top: 5px;
	left: 0;
	background: url(../images/east_logo.jpg) no-repeat;
	width: 150px;
	height: 83px;
	text-indent: -3000px;
	overflow: hidden;
}


/* @end */

/* @group Main Navigation */
#header ul, #eastHeader ul{
	padding: 5px 0 5px;
	line-height:8px;
	width: auto;
	margin:118px 0 0 14px;
	
}


#eastHeaderInt ul, #headerInt ul{
	padding: 5px 0 5px;
	line-height:10px;
	width: auto;
	margin:88px 0 0 0;
}


#homeHeader div{
	padding: 5px 0 5px;
	line-height:10px;
	width: auto;
	margin: 0;
}

#header ul li, #headerInt ul li {
	display: inline;
	font:  Arial, Helvetica, sans-serif;
	border-left: 1px solid white;
	padding: 0 18px;
	letter-spacing: 2px;
}

#eastHeader ul li, #eastHeaderInt ul li {
	display: inline;
	font:  Arial, Helvetica, sans-serif;
	border-left: 1px solid white;
	padding: 0 22px;
	letter-spacing: 2px;
}

#header ul li.first, #headerInt ul li.first, #eastHeader ul li.first, #eastHeaderInt ul li.first {
	border-left: none;
	background: none;
	}
	
#header ul li.current, #headerInt ul li.current,  #eastHeader ul li.current, #eastHeaderInt ul li.current {
	background: none;
	text-decoration: none;
	color: white;
	font-size: 11px;
	font-weight: bold;
	}	
#header ul li a, #headerInt ul li a,  #eastHeader ul li a, #eastHeaderInt ul li a {
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
}
#header ul li a:hover, #headerInt ul li a:hover, #eastHeader ul li a:hover, #eastHeaderInt ul li a:hover {
	text-decoration: underline;
}


 #eastHeader .homeLink, #header .homeLink{
	width:169px;
	height:37px;
	top: 5px;
	left: 617px;
	display:block;
	margin: 0;
	padding: 0;
	position:absolute;
	}
	

a:focus {
	outline:none;
}

/* @group Small Nav */
/* main navigation */
	/* 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 */





.homepage-background {
	background: none;
}
/* @end */

/* @group Images */

img {
	/*border: none;*/
}


.eastCredits{
	margin:10px 12px;
	}
	

.credits-image-1, .resources-image-1 {
	position: absolute;
	top: 24px; 
	left: 0;
	margin: 100px 0 0 25px;
}


a:focus {
	outline:none;
}

	/* template - thumbnail images */
.images {
	float: right;
	width: 146px;
	height: 60px;
 	margin: -105px 10px 0 0;/*10px 28px 0 0;*/
	display: inline;
	text-align:center;
}

.east_images {
	float: right;
	width: 237px;
	height: 60px;
 	margin: 20px 20px 0;/*10px 28px 0 0;*/
	display: inline;
	text-align:center;
}
.images img, .east_images img {
	text-align:center;
	/*float: right;*/
	margin: 0 5px 0 6px;
}
.images span, .east_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 Text */

p {
	color: #fff;
	padding-bottom: 1em;
	line-height: 1.5em;
}

.content-credits p {
	color: #000;
}



h4 {
	color: #fff;
	font-size: 1.25em;
	margin-bottom: 1.5em;
}

/* @end */

/* @group History Page */
.history_nav {
	background: #8c8634;
}

.east_central_nav {
	background: #b06010;
	}	
	
.liberty_park_nav{
	background: #003e29;
	}	

.ben_burr_nav{
	background: #676300;
	}
	
.indexBar {
	background: #676300;
	height:8px;
}
	
	
.history-background {
	width: 792px;
	/*float: right;*/
	background: #005b7c url(../images/history/history_content_bckgrnd.jpg) no-repeat bottom;
}


.east-central-background {
	width: 792px;
	/*float: right;*/
	background: #14564f;
	padding: 2em 0 0 0;
}

.liberty-park-background {
	width: 792px;
	/*float: right;*/
	background: #eacfb5;
	padding: 2em 0 0 0;
}

.ben-burr-background {
	width: 792px;
	/*float: right;*/
	background: #ffebca;
	padding: 2em 0 0 0;
}

.history-background p, 
.east-central-background p{
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 6em 0 6em;
	color: #fff;
}

.liberty-park-background p, .ben-burr-background p {
	color: #524118;
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 6em 0 6em;
	}

.history-background h1,
.east-central-background h1{
	font-size: 1.5em;
	color: #fff;
	margin: 0 0 0 4em;
}

.liberty-park-background h1, .ben-burr-background h1{
	font-size: 1.5em;
	color: #524118;
	margin: 0 0 0 4em;
}


.images_history {
	width: auto;
	padding: 40px 0 0 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, #history_img_2 { 
	float: left;
	margin: 2em;
}

#history_img_2 { 
	float: right;
}

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 Location */
.west {
	background-color: #005677;
}

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

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

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

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

.central_nav {
	background-color: #446b5a;
}

.tour {
	background-color:#564319;
}

.tour_nav {
	background-color:#73aebe;
	}
/* @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 Resources & Credits Page */
.resources-nav {
	background: #574319;
}

.east-resources-nav {
	background: #5eabbf;
}
.credits-nav {
	background: #564319;
}


.resources-background {
	background: #559bbd;	
}

#spokane-links, #tourism-links {
	color: #fff;
	position: absolute;
	left: 250px;
}

/* @group Spokane & Tourism Links */

#spokane-links {
	top: 250px;
}

#tourism-links{
	top: 475px;
}

#resources-links-1, #resources-links-2 {
	color: #fff;
	width: 300px;
	position: absolute;
	left: 425px;
}

#resources-links-1 {
	top: 175px;	
}

#resources-links-2 {
	top: 430px;	
}

ul#resources-links-1, ul#resources-links-2  {
	list-style: none;
	border-left: solid 1px white;
}

ul#resources-links-1 li, ul#resources-links-2 li  {
	padding: 5px 0 0 55px;
}

ul#resources-links-1 a:link, ul#resources-links-1 a:visited, ul#resources-links-1 a:active, ul#resources-links-2 a:link, ul#resources-links-2 a:visited, ul#resources-links-2 a:active  {
	color: #fff;
	text-decoration: none;
}

ul#resources-links-1 a:hover, ul#resources-links-2 a:hover {
	text-decoration: underline;	
}
/* @end */

.credits-name, .resources-name { /* name of page */
	font: bold 12px Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
	top: 50px;
	left: 25px;
}
.resources-name {
	color: #fff;	
}

.credits-background {
	background: #fff;
}

.topBox {
	width:792px;
	height:85px;
	}
	
	
	

/* @end */

/* @group DELETE */


/* @end */