/* don chambers + goat */
body {
	background: #241f1c;
	color: #000;
	font-family: "HelveticaNeue", helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	}
h1, h2, h3, h4, h5, h6 {
	color: #694f3b;
	font-family: "HelveticaNeue", helvetica, sans-serif;
	font-weight: bold;
	}
h1 { margin: 1em 0 .8em 36px; font-size: 1.8em; } /* used for page headings. indented off the page when there's a graphic */
h2 { margin: .8em 0 .6em 0; font-size: 1.5em; }
h3 { margin: .6em 0 .4em 0; font-size: 1.3em; }
h4 { margin: .4em 0 .2em 0; font-size: 1.2em; }
h5 { margin: .4em 0 .2em 0; font-size: 1.1em; }

p {
	margin: .7em 0 .7em 0;
	}
.content ul {
	padding: .5em 1.5em;	
	}
.content ul li { 
	margin: .4em 0;
	list-style-image: url(images/li.gif);
	}
a:link {
	color: #a02d36;
	text-decoration: none;
	}
a:visited {
	color: #a02d36;
	}
a:hover {
	color: #a02d36;
	text-decoration: underline;
	}
a:focus {
	outline: 1px dotted #bfa87d;
	}
table {
	border-bottom: none;
	}
td { 
	padding: 6px 0px;
	}
.date {
      width:100px;
      text-align:left;
      }
.dest {
      width:200px;
      text-align:left;
	  }
.info {
      width:450px;
      text-align:left;
}
.pageWrap {
	width: 1008px;
	background: #f7f4ed url(images/bg_page.jpg) repeat-y left;
	/* background: #4d3d33; */
	}

/* use IDs for the body element to determine indicated state for heading background images, navigation, content background */
/* when there is no id, heading will appear as text, no nav item will be indicated, and content background will be solid color */
/* take care to update the h1 in the markup to match the background image's text. search engines to do their thing. */
/* if you don't want the indicated states on navigation, remove the grouped rules (e.g. ", #news .news a") from navigation section below */
	
/* left column */
.sidebar {
	position: relative;
	float: left;
	width: 313px;
	height: 720px;
	background: url(images/bg_sidebar.jpg) no-repeat;
	}

/* navigation */
	.nav {
		position: relative;
		left: 60px; top: 58px;
		}
	.nav a {
		position: absolute;
		text-indent: -9999px;
		}
	.logo {
		position: absolute;
		left: 38px; top: 498px;
		width: 222px; height: 146px;
		text-indent: -9999px;
		background: url(images/logo.gif) no-repeat;
		}
	.nav a:focus, a.logo:focus { outline: none; }

	.news a { 
		left: 0; top: 0;
		width: 83px; height: 41px;
		background: url(images/nav_news.gif) no-repeat;
		}
	.news a:hover, #news .news a { background-position: 0 -41px; }
	
	.tour a {
		left: 83px; top: 0;
		width: 97px; height: 55px;
		background: url(images/nav_tour.gif) no-repeat;
		}
	.tour a:hover, #tour .tour a { background-position: 0 -55px;}
	.media a {
		left: 0; top: 41px;
		width: 83px; height: 37px;
		background: url(images/nav_media.gif) no-repeat;
		}
	.media a:hover, #media .media a { background-position: 0 -37px; }
	.store a {
		left: 149px; top: 55px;
		width: 31px; height: 105px;
		background: url(images/nav_store.gif) no-repeat;
		}
	.store a:hover, #store .store a { background-position: 0 -105px; }
	.connect a {
	 	left: 83px; top: 55px;
		width: 66px; height: 23px;
		background: url(images/nav_connect.gif) no-repeat;
		}
	.connect a:hover, #connect .connect a { background-position: 0 -23px; }
	.myspace a {
		left: 0; top: 78px;
		width: 35px; height: 82px;
		background: url(images/nav_myspace.gif) no-repeat;
		}
	.myspace a:hover, #myspace .myspace a { background-position: 0 -82px;}
	.bio a {
		left: 35px; top: 78px;
		width: 114px; height: 31px;
		background: url(images/nav_bio.gif) no-repeat;
		}
	.bio a:hover, #bio .bio a { background-position: 0 -31px; }
	.mailing a {
		left: 35px; top: 109px;
		width: 114px; height: 23px;
		background: url(images/nav_mailing.gif) no-repeat;
		}
	.mailing a:hover, #mailing .mailing a { background-position: 0 -23px; }
	.gallery  a {
		left: 35px; top: 132px;
		width: 114px; height: 28px;
		background: url(images/nav_gallery.gif) no-repeat;
		}
	.gallery a:hover, #gallery .gallery a { background-position: 0 -28px; }
		
/* right column */
.contentWrap {
	float: right;
	width: 695px;
	min-height: 720px;
	}
* html .contentWrap { /* filter this to IE 6 because it doesn't recognize min-height */
	height: 720%;
	}
	.content {
		padding: 0 30px 30px 36px;
		}
	
/* content */ /* edit this for backgrounds */
	#home .contentWrap { background: url(images/bg_content_home.jpg) no-repeat; }
	#news .contentWrap { background: url(images/bg_content_news.jpg) no-repeat;  } 
	#tour .contentWrap { background: url(images/bg_content_tour.jpg) no-repeat bottom; }
	#media .contentWrap { background: url(images/bg_content_media.jpg) no-repeat; }
	#connect .contentWrap { background: url(images/bg_content_connect.jpg) no-repeat; }
	#store .contentWrap { background: url(images/bg_content_store.jpg) no-repeat; }
	/* #myspace .contentWrap {  background: url(images/bg_content_myspace.jpg) no-repeat; } */
	#bio .contentWrap { background: url(images/bg_content_bio.jpg) no-repeat bottom; }
	#mailing .contentWrap { background: url(images/bg_content_mailing.jpg) no-repeat; }
	#gallery .contentWrap { background: url(images/bg_content_gallery.jpg) no-repeat bottom; }

/* headings */
	#news h1, #tour h1, #media h1, #connect h1, #store h1, #myspace h1, #bio h1, #mailing h1, #gallery h1 {
		width: 635px;
		height: 73px;
		margin: 30px 0 0 30px;
		background-repeat: no-repeat;
		text-indent: -9999px;
		}
	#home h1 { display: none; } /* change if using a heading for home page */
	#news h1 { background-image: url(images/heading_news.gif); }
	#tour h1 { background-image: url(images/heading_tour.gif); }
	#media h1 { background-image: url(images/heading_media.gif); }
	#connect h1 { background-image: url(images/heading_connect.gif); }
	#store h1 { background-image: url(images/heading_store.gif); }
	#myspace h1 { background-image: url(images/heading_myspace.gif); }
	#bio h1 { background-image: url(images/heading_bio.gif); }
	#mailing h1 { background-image: url(images/heading_mailing.gif); }
	#gallery h1 { background-image: url(images/heading_gallery.gif); }
	
	
.store_float_left {
	width: 110px;
	float: left;
	text-align: center;	
	padding: 5px 0 0 0; 
	}
.store_float_right {
	width: 420px;
	float: right;
	text-align: left;	
	padding: 5px 70px 0 0; 
	color: #a02d36;  
	} 
.content_gallery {
	padding: 20px 0px 0px 30px;
	}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}