/* Bulkley Valley Museum CSS Document */

/* Global Styles
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {
	text-align: center;
	color:#000;
	background:#a19891 url(/gfx/body_bg.gif) repeat-x 0 0;
	font:12px/1.3em Helvetica, Arial, sans-serif;
}

a {
color:#e54f3a;
text-decoration:none;
}

a:hover {text-decoration:underline;}

p { color:#333;}

.tight {
margin-bottom:0.1em;
}


/* Helpers
--------------------------------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.left {
float:left;
margin-right:10px;
}

.right {
float:right;
margin-left:10px;
}


/* Primary Divisions
--------------------------------------------------------------------------------------------------- */


#container {
margin:0 auto;
padding-bottom:0px;
width: 910px;
position:relative;
}

#top {
position:relative;
clear:both;
height:176px; width:910px;
background:#fff url(/gfx/logo_bg.jpg) no-repeat 0 0px;
}

#main {
width:910px;
position:relative;
margin-top:200px;
margin:0 auto;
padding-bottom:10px;
background:#fff url(/gfx/pg_bg.gif) repeat-y 0 0px;
text-align:center;
}

#colwrap {
width:880px; margin:0 auto; text-align:left;
}

	#colA {width:600px;float:left;}
	
		#colA p {margin-bottom:12px;}
		#colA h2 {margin:0px 20px 14px 20px;}
		#colA h4 {margin-bottom:12px;}
	
		#subcolA1 {width:200px; float:left; padding:14px 0 10px 0;}
		#subcolwrap {width:400px; float:right;}
		#subcolA2 {width:200px; background:url(/gfx/dotted_vert.jpg) no-repeat top left; float:left; padding:14px 0 10px 0;}
		#subcolA3 {width:200px; background:url(/gfx/dotted_vert.jpg) no-repeat top left; float:right; padding:14px 0 10px 0;}

	#colB {width:280px; float:right;}
	
		#colB h2, h3, h4, p, li {
		margin-left:20px;
		}
		
		#colB h2 {
		margin-bottom:16px;
		}
	
	#subcolA1 p, #subcolA2 p, #subcolA3 p {
	margin:0 14px 10px 14px;
	text-align:left;
	}
	
	#subcolA1 h2, #subcolA2 h2, #subcolA3 h2 {
	margin:0 14px 10px 14px;
	text-align:left;
	}
	
	#colA img {
	margin:0 14px 12px 14px;
	}
	
	#testimonial {
	width:880px;
	clear:both;
	background:#e9ebee;
	height:100px;
	border-top:3px solid white;
	}
		
		img.visitor-img { margin:14px; float:left;}
		
		#testimonial p { margin:14px;}

#home #banner {
height:220px;
width:880px;
display:block;
text-indent:0;
}

#banner {
display:block;
width:880px;
height:80px;
margin:0 auto 14px auto;
text-indent:-9999px;
}

#visiting #banner {background:url(/gfx/banner_visiting.jpg) no-repeat top left;}
#about #banner {background:url(/gfx/banner_about.jpg) no-repeat top left;}
#exhibits #banner {background:url(/gfx/banner_exhibits.jpg) no-repeat top left;}
#culturecrawl #banner {background:url(/gfx/banner_culturecrawl.jpg) no-repeat top left;}
#news #banner {background:url(/gfx/banner_news.jpg) no-repeat top left;}
#events #banner {background:url(/gfx/banner_events.jpg) no-repeat top left;}
#guestbook #banner {background:url(/gfx/banner_guestbook.jpg) no-repeat top left;}
#giftshop #banner {background:url(/gfx/banner_giftshop.jpg) no-repeat top left;}
#oldchurch #banner {background:url(/images/uploads/banner_oldchurch.jpg) no-repeat top left; height:220px;}

h1#logo a {
display:block;
width:290px; height:60px;
background:url(/gfx/logo.gif) no-repeat top left;
text-indent:-9999px;
position:absolute; left:30px; top:110px;
}

#footer {
width:880px;
text-align:center;
border-top:1px dotted #555;
clear:both;
}

	#footer p {
	font-size:11px;
    color:#999;
	}

/* Buttons
--------------------------------------------------------------------------------------------------- */

a#support {display:block; width:130px; height:70px; text-indent:-9999px; 
background:url(/gfx/button_support.jpg) no-repeat 0 0; float:left; 
margin-left:10px; margin-top:10px; margin-bottom:20px;}

a#support:hover {background-position:0 -70px;}

a#guestbook {display:block; width:130px; height:70px; text-indent:-9999px; 
background:url(/gfx/button_sign.jpg) no-repeat 0 0; float:right; 
margin-right:10px; margin-top:10px; margin-bottom:20px;}

a#guestbook:hover {background-position:0 -70px;}

a#oldchurch {
display:block; 
width:250px; 
height:120px; 
text-indent:-9999px; 
background:url(/gfx/button_oldchurch.jpg) no-repeat 0 0; 
margin: 12px 10px 10px 18px;
}


/* Navigation
--------------------------------------------------------------------------------------------------- */

#nav {
position:absolute;
left:20px; top:40px;
}

#nav li {
display:inline;
list-style:none;
float:left;
margin:0; padding:0;
}

#nav li a {
display:block;
height:16px;
background-position:0 0;
text-indent:-9999px;
border-right:1px dotted #777;
}

#nav li a:hover {
background-position:0 -16px;
}

#nav li#n_home a {width: 63px; background-image:url(/gfx/n_home.gif);}

#nav li#n_about a {width: 55px; background-image:url(/gfx/n_about.gif);}

#nav li#n_visiting a {width: 78px; background-image:url(/gfx/n_visit.gif);}

#nav li#n_exhibits a {width: 74px; background-image:url(/gfx/n_exhibits.gif);}

#nav li#n_culturecrawl a {width: 108px; background-image:url(/gfx/n_crawl.gif);}

#nav li#n_news a {width: 61px; background-image:url(/gfx/n_news.gif);}

#nav li#n_events a {width: 71px; background-image:url(/gfx/n_events.gif);}

#nav li#n_guestbook a {width: 100px; background-image:url(/gfx/n_guestbook.gif);}

#nav li#n_giftshop a {width: 87px; background-image:url(/gfx/n_shop.gif);}

#nav li#n_contact a {width: 98px; background-image:url(/gfx/n_contact.gif);}


/* Map Styles
--------------------------------------------------------------------------------------------------- */

#map {
text-align:left;
}

#map img {
border:1px solid black;
}

/* Comment Form
--------------------------------------------------------------------------------------------------- */

#guestbook form input, #guestbook form textarea {
width:250px;
margin-bottom:10px;
}

#guestbook form input.submit {
width:80px;
}

#guestbook div.entry p {
border-top:1px dotted #555;
width:580px;
padding-top:8px;
}

/* Gift Shop
--------------------------------------------------------------------------------------------------- */

#giftshop #colA div.clearfix, 
#exhibits #colA div.clearfix {
padding:10px;
border-top:1px dotted #555;
}

#giftshop #colA div.clearfix img,
#exhibits #colA div.clearfix img  {
float:left;
margin-right:10px;
}

#giftshop #colA,
#exhibits #colA {
width:880px;
}