/*
The Pittock Mansion Stylesheet
Paul Farning - ISITE Design, Inc.

A few IE fixes at the end.
*/

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, blockquote, fieldset, legend, label, input, img {
    margin:0; padding:0; border:0;
}
hr	{ display:none; }

body {
	background: #3a392f url(/img/bg_body.gif) repeat;
	background-attachment: fixed;
	color: #666;
    font: 82%/105% "Times New Roman", Times, serif;
	padding-bottom: 20px;
	text-align:center;
} 

h1, h2, h3, h4, h5, h6, p { margin: 0 0 1em 0; }
#contacts h2, #member h2 { padding-top: 1em; }

/* ------------ LINKS -------------- */
a:link		{ color: #900; }
a:visited	{ color: #666; }
a:hover		{ color: #600; }
a:active 	{ color: #600; }

.nextpage {
	background: transparent url(/img/bg_nextpage.gif) no-repeat;
	display: block;
	height: 40px;
	margin: 16px 0;
	overflow: hidden;
	text-indent: -9999px;
	width: 136px;
}

h1	{ font-size:180%; }
h2	{ font-size:150%; }
h3	{ font-size:130%; }
h4	{ font-size:120%; }
h5	{ font-size:100%; }
h6	{ font-size:90%; }
h1,h2,h3,h4,h5,h6 { color: #98886c; } 
input, textarea { border: 1px solid #cccccc; }
ul, ol { margin-left:2em; }

.clear		{ clear:both; }
.clearleft	{ clear:left; }
.clearright	{ clear:right; }
.left		{ float:left; margin-right:18px; margin-bottom: 10px;}
.right		{ float:right; margin-left:18px; margin-bottom: 10px; }
div.left img { margin-bottom: 6px; }
.hide		{ position:absolute; left:-9999em; }

.off		{ display:none; }
.on			{ display:block; }
 
/*these next two are set with more specificity to ensure they'll override other styles.  */
body #wrapper .noborderplease 	{ border:none; } 
body #wrapper .borderplease 	{ border: 1px solid #333; }

#accessibility { position: absolute;  left: -999em; }

/* ----------- LAYOUT ----------- */
#wrapper {
	background: transparent url(/img/bg_wrapper.gif) repeat-y;
	margin: 0 auto;
	padding-bottom: 6px;
	width: 700px;
}
/* ---- CLEARFIX ---- */
#wrapper:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* ----- HEADER ----- */
#header {
	display: inline;
	float: left;
	margin: 0 14px 6px 14px;
	width: 726px;
}
	#header a img {
		float: left;
		height: 149px;
		width: 248px;
	}
	#header ul {
		background: #333 url(/img/bg_navhdr.gif) 0 0 no-repeat;
		display: inline;
		float: left;
		height: 149px;
		list-style: none;
		margin: 0 6px;
		width: 156px;
	}
		#header ul li { display: inline; }
			#header ul li a {
				background: #333 url(/img/bg_navhdr.gif) 0 0 no-repeat;			
				color: #eee;
				display: block;
				height: 25px;
				overflow: hidden;
				text-indent: -9999px;
				width: 156px;
			}
		#header ul li a#hnav1 { background-position: 0 0; height:26px; }
		#header ul li a#hnav2 { background-position: 0 -26px;  height:24px;}
		#header ul li a#hnav3 { background-position: 0 -50px; }
		#header ul li a#hnav4 { background-position: 0 -75px; }
		#header ul li a#hnav5 { background-position: 0 -100px; }
		#header ul li a#hnav6 { background-position: 0 -125px; height:24px; }

		#header ul li a#hnav1:hover { background-position: -156px 0; }
		#header ul li a#hnav2:hover { background-position: -156px -26px; }
		#header ul li a#hnav3:hover { background-position: -156px -50px; }
		#header ul li a#hnav4:hover { background-position: -156px -75px; }
		#header ul li a#hnav5:hover { background-position: -156px -100px; }
		#header ul li a#hnav6:hover { background-position: -156px -125px; }
	
	#header img {
		float: left;
		height: 149px;
		width: 309px;
	}

/* ----- MAIN NAV ----- */
#nav {
	border: 1px solid #666;
	display: inline;
	float: left;
	list-style: none;
	margin: 0 14px 6px 14px;
	padding: 1px 0 3px 0;
	width: 160px;
}
	#home #nav { margin-right: 0; } 
	
	#nav li { display: inline; }
		#nav li a {
			background: transparent url(/img/bg_nav.jpg) 0 0 no-repeat;			
			color: #666;
			display: block;
			height: 52px;
			overflow: hidden;
			text-indent: -9999px;
			width: 159px;
		}
	
	#nav li a#nav1 { background-position: 0 0; height: 54px;}
	#nav li a#nav2 { background-position: 0 -54px; height: 51px; }
	#nav li a#nav3 { background-position: 0 -106px; }
	#nav li a#nav4 { background-position: 0 -158px; }
	#nav li a#nav5 { background-position: 0 -210px; }
	#nav li a#nav6 { background-position: 0 -262px; }
	#nav li a#nav7 { background-position: 0 -314px; }

	#nav li a#nav1:hover, #nav li.on a#nav1 { background-position: -159px 0; }
	#nav li a#nav2:hover, #nav li.on a#nav2 { background-position: -159px -54px; }
	#nav li a#nav3:hover, #nav li.on a#nav3 { background-position: -159px -106px; }
	#nav li a#nav4:hover, #nav li.on a#nav4 { background-position: -159px -158px; }
	#nav li a#nav5:hover, #nav li.on a#nav5 { background-position: -159px -210px; }
	#nav li a#nav6:hover, #nav li.on a#nav6 { background-position: -159px -262px; }
	#nav li a#nav7:hover, #nav li.on a#nav7 { background-position: -159px -314px; }
		
/* ----- CONTENT ----- */
#content {
	margin: 0 12px 26px 194px;
	width: 525px;
}

	#content h1 {
		float: left;
		height: 98px;
		margin: 0 0 .7em 0;
		text-indent: -9999px;
		width: 546px;
	}
	/* PAGE HEADERS */
	#collection #content h1 		{ background: #eee url(/img/hdr/collection.jpg) no-repeat; }
	#contacts #content h1 			{ background: #eee url(/img/hdr/contacts.jpg) no-repeat; }	
	#donate #content h1 			{ background: #eee url(/img/hdr/donate.jpg) no-repeat; }
	#giftshop #content h1 			{ background: #eee url(/img/hdr/gift_shop.jpg) no-repeat; }
	#historians #content h1 		{ background: #eee url(/img/hdr/history.jpg) no-repeat; }
	#romantics #content h1 			{ background: #eee url(/img/hdr/romantics.jpg) no-repeat; }
	#member #content h1 			{ background: #eee url(/img/hdr/member.jpg) no-repeat; }
	#news #content h1 				{ background: #eee url(/img/hdr/news.jpg) no-repeat; }
	#nextvisit #content h1 			{ background: #eee url(/img/hdr/next_visit.jpg) no-repeat; }
	#photo #content h1 				{ background: #eee url(/img/hdr/photo.jpg) no-repeat; }
	#students #content h1 			{ background: #eee url(/img/hdr/students.jpg) no-repeat; }
	#mansion #content h1 			{ background: #eee url(/img/hdr/tour.jpg) no-repeat; }
	#tourist #content h1 			{ background: #eee url(/img/hdr/tourists.jpg) no-repeat; }
	#splendor #content h1 			{ background: #eee url(/img/hdr/splendor.jpg) no-repeat; }

	#content img 					{ border: 1px solid #666; }
	#content ul, #content ol 		{ margin-bottom: 1em; }
	#content ul 					{ list-style: square; }
	#content ul, #content ol 		{ margin-left:0; }
	#content ul li, #content ol li 	{ margin-left:2em; }
	
	#content address {
		font-style: normal;
		margin-bottom: 1em;
	}
	
	
#content.full {
	margin: 0 0 0 14px;
	width: 725px;
}

#secondaryContent {
	background: transparent url(/img/bg_sec.gif) left bottom no-repeat;
	display: inline;
	float: left;
	margin: 3px 0 5px 14px;
	width: 725px;
}
	#secondaryContent div {
		display: inline;
		float: left;
		width: 359px;
	}
	#secondaryContent a.block, #secondaryContent a.block:link, #secondaryContent a.block:hover,
	#secondaryContent a.block:visited, #secondaryContent a.block:active { text-decoration: none; }
	
	#secondaryContent div#callout1 { }
	#secondaryContent div#callout2 { margin-left: 7px; }
		
		a:link #callout1, a:link #callout2, a:visited #callout1, a:visited #callout2,
		a:active #callout1, a:active #callout2 { color: #666; text-decoration: none; cursor: pointer;}
		a:hover #callout1, a:hover #callout2 { color: #600; }
		#callout1 span, #callout2 span { text-decoration: underline; }
		
		#secondaryContent div h3 {
			background: transparent url(/img/bg_sec.gif) left top no-repeat;
			color: #000;
			font-size: 95%;
			margin: 0 0px 0 0;
			padding: 12px 0 6px 14px;
			text-transform: uppercase;
		}
		#secondaryContent div#callout1 h3 	{ padding: 12px 0 6px 166px; }
		#secondaryContent div#callout2 h3 	{ background-position: right top; }
		
		#secondaryContent div#callout1 p 	{ margin: 0 5px 1em 166px; }
		#secondaryContent div#callout2 p 	{ margin: 0 158px 1em 14px; }
		#secondaryContent div#callout1 p a 	{ white-space: nowrap; }
		
		#secondaryContent div#callout1 img 	{ display: inline; float: left; margin: 8px 35px; }
		#secondaryContent div#callout2 img 	{ display: inline; float: right; margin: 8px 4px 8px 0; }
		
a.action {
	background: #f2ede4 url(/img/btn_action.jpg) 0 0 no-repeat;
	display: block;
	height: 31px;
	overflow: hidden;
	text-indent: -9999px;
	width: 185px;
}
#donatelink a.action { background-position: 0 -31px; }
#donatelink a.action:hover { background-position: -185px -31px; }
#buylink a.action { background-position: 0 0; }
#buylink a.action:hover { background-position: -185px 0; }
#memberlink a.action { background-position: 0 -62px; }
#memberlink a.action:hover { background-position: -185px -62px; }

/* ----- INFO BAR ---- */
#info {
	background: #eae5dd url(/img/bg_info.jpg) left bottom no-repeat;
	border: 1px solid #666;
	display: inline;
	float: left;
	margin: 0 0 8px 14px;
	padding: 0 0 10px 0;
	position: relative;
	width: 723px;
}

	#info dl {
		display: inline;
		float: left;
		margin: 0 0 10px 0;
		width: 158px;
	}
	#info dl.wide {	width: 194px; }
		
		#info dt {
			background: #eae5dd url(/img/info_hdrs.gif) no-repeat;
			display: block;
			height: 34px;
			margin: 6px 0 0 10px;
			text-indent: -9999px;
			width: 140px;
		}
		#info dt#address 	{ background-position: 0 0; }
		#info dt#phone	 	{ background-position: 0 -34px; }
		#info dt#hours	 	{ background-position: 0 -68px; }
		#info dt#admission 	{ background-position: 0 -102px; }
		#info dt.off 		{ 
			background: #eae5dd url(/img/bg_info.jpg) left top no-repeat;
			height: 12px;
			left: 0;
			margin: 0;
			position: absolute;
			top: 0;
			width: 723px;
		}
		
		#info dd { margin: 2px 0 2px 18px; }
			#info dd address { font-style: normal; }
		
	#info dl.cost { width: 164px; }		
		#info dl.cost dd {
			background: transparent url(/img/bg_admission.gif) left bottom repeat-x;
			text-align: right;
		}
		
			#info dl.cost dd span.age, #info dl.cost dd span.price { background: #eae5dd; }
			#info dl.cost dd span.age 	{ float: left; }
			#info dl.cost dd span.price { padding-left: 4px; }
			#info dl.cost dd span.last 	{ padding-bottom: 5px; }

/* ---- FOOTER (extras markup for body bottom border) ----- */
#footer {
	background: transparent url(/img/bg_footer.gif) left bottom no-repeat;
	margin: 0 auto;
	width: 755px;
	height: 10px;
}

/* ----- A FEW IE FIXES ----- */
/* Hides CLEARFIX from IE-mac \*/
* html #wrapper { height: 1%; }
/* End hide from IE-mac */

* html #footer { margin: -5px auto 0 auto; }