/* 
----------------------------------------------------------------
----------------------------------------------------------------
----------------------------------------------------------------
CHMUSEUMS.ORG BRATTONSVILLE CSS
author: Ben Visser of Nice Outfit
----------------------------------------------------------------
----------------------------------------------------------------
---------------------------------------------------------------- 
*/

#mast { height: 125px; }

/*
----------------------------------------------------------------
----------------------------------------------------------------
SITE CONTAINER
----------------------------------------------------------------
---------------------------------------------------------------- 
*/

.site-container { background: #876341 url('../_images/brattonsville/bg.jpg') repeat-x top center; }

/*
----------------------------------------------------------------
----------------------------------------------------------------
SITE STYLES
----------------------------------------------------------------
---------------------------------------------------------------- 
*/

/* bar style */
.museum-bar-container {
	background: #ca010a url('../_images/brattonsville/bg_bar.gif') repeat-x;
	}
	
/* text formatting (same for 1 col, 2 col, etc) */
.normal h1 { margin: 0; padding: 20px 0 10px 0; font: normal normal normal 4em Georgia, serif; color: #fff; }
.normal h2 { margin: 0; padding: 0; font: normal normal bold 1.8em Georgia, serif; color: #fff; line-height: 1.5em;}
.normal h4 { margin: 0; padding: 5px 0 5px 0; font: normal normal normal 1.7em Georgia, serif; color: #fff; line-height: 1.5em;}
.normal p { font: normal normal normal 1.3em Arial, sans-serif; color: #fff; line-height: 1.6em; }
.normal ul { font: normal normal normal 1.3em Arial, sans-serif; color: #fff; line-height: 1.8em; }
.normal ol { font: normal normal normal 1.3em Arial, sans-serif; color: #fff; line-height: 1.8em; }
.normal blockquote { margin: 25px 0; padding: 20px 0; font: italic normal normal 1.8em Georgia, serif; color: #fff; line-height: 1.6em; border-top: 1px dotted #fff; border-bottom: 1px dotted #fff; text-align: center; }
.normal p a, .normal h4 a, .normal li a  { color: #fff; }
.normal p a:hover, .normal h4 a:hover, .normal li a:hover { color:#fff; text-decoration: none; }
.divider { float: left; height: 36px; width: 100%; background: url('../_images/brattonsville/divider.gif') repeat-x;}

/* subnav */
ul#site-subnav { margin: 0 0 40px 0; padding: 25px 30px 80px 30px; width: 180px; background: url('../_images/brattonsville/bg_subnav.png') repeat-y bottom left; }
	
	ul#site-subnav li { width: 150px; }
		
		ul#site-subnav li a { float: left; padding: 8px 0; font: normal normal normal 1.4em Palantino, Georgia, sans-serif; width: 100%; color: #3c2b1a; text-decoration: none;  }
		ul#site-subnav li a:hover { color: #3c2b1a; text-decoration: underline; }
		ul#site-subnav li.active a { font-style: normal; color: #3c2b1a; }

/* tertiary */
ul#site-subnav ul { margin: 5px 0 5px 5px; padding: 5px 0 5px 5px; width: 180px; border-left: 1px solid #c5a17a;}
	
	ul#site-subnav li ul li { width: 100%; }
		
		ul#site-subnav li ul { display: none; }
		ul#site-subnav li.active ul { display: block; }
		ul#site-subnav li.active ul li a { float: left; padding: 2px 0; font: normal normal normal 1.1em Palantino, Georgia, serif; width: 100%; color: #3c2b1a; text-decoration: none; }
		ul#site-subnav li.active ul li a:hover { text-decoration: underline; }

/*sidebar */
.site-sidebar h3 { float: left; width: 100%; margin-bottom: 0; padding: 20px 0 15px 0; background-color: #3d2b1a; border-bottom: 5px solid #392818; color: #fff; font: normal normal normal 1.5em Georgia, serif; }
.site-sidebar p { float: left; margin: 0; padding: 10px 20px 20px 20px; width: 170px; background-color: #2d1c0c; font: normal normal normal 1.1em Arial, sans-serif; color: #fff; line-height: 1.6; text-align: center; }
.site-sidebar p a { color: #fff; }
.site-sidebar ul { float: left; margin: 0; padding: 10px 20px 20px 20px; width: 170px; background-color: #2d1c0c; }
	
	.site-sidebar li { float: left; width: 170px; border-bottom: 1px solid #443527; font: normal normal normal 1.2em Georgia, serif; }
	.site-sidebar li a { float: left; width: 140px; padding: 10px 0 10px 30px; color: #fff; text-decoration: none; }
		.filetype-pdf { background: url('../_images/brattonsville/filetype_icon_pdf.png') no-repeat 0px 50%; }
	
	.site-sidebar li a:hover { text-decoration: underline; }
	.site-sidebar-arrow { float: left; width: 210px; height: 26px; background: url('../_images/brattonsville/bg_sidebar.png') no-repeat; }
	
	.site-sidebar-schedule { float: left; width: 100%; margin: 15px 0; text-align: center; }
	
/* home page */
.museum-index { float: left; width: 590px; height: 500px; padding: 0 60px 0 60px; background: url('../_images/brattonsville/home_bg.png') no-repeat; }
.museum-tripadvisor { float: left; width: 710px; height: 50px; padding: 0; text-align: center; }
.museum-index h1 { color: #eac68c; font-size: 3.2em; }
.museum-index h4 { color: #3f2a16; }
	
	.museum-index-left { float: left; width: 390px; padding-top: 255px; }
	.museum-index-right { float: left; width: 170px; padding: 200px 0 0 30px; }
	
/* tab system */

.tab { float: left; width: 100%; margin: 5px 0;}
.tab ul { float: left; margin: 0; padding: 0; list-style-type: none;}
.tab ul li { float: left; }
.tab ul li a { float: left; margin-right: 2px; padding: 15px 15px; height: 26px; text-align: center; font: normal normal normal 1em Arial, sans-serif; text-decoration: none; background: url('../_images/brattonsville/bg_tab_inactive.png') top center no-repeat; color: #fff;}
.tab ul li a.selected { background-color: #fff; font-weight: normal; color: #fff; background: url('../_images/brattonsville/bg_tab.png') top center no-repeat;}
.tab ul li.last a { margin-right: 0; }
.tab ul li a:hover { color: #fff; text-decoration: underline; }
.tab ul li a.active:hover { color: #fff; text-decoration: none; }

	/* brattonsville tabs */
	.tab .content { float: left; clear: left; padding-top: 0; }
	.tab .content-container { float: left; }

		.content { width: 710px; }
		.content-container { width: 710px; }
		#museum li a { width: 176px; }
		#museum li#generic a.selected { border-top: 3px solid #103964; }
		#museum li#generic a { border-top: 3px solid #7f95ab; }

	/* list items */
	.tab-item { float: left; width: 710px; padding: 30px 0 5px 0; border-bottom: 1px solid #937354; }
	.tab-item-container {float: left; clear: left; }
	.tab-content { float: left; width: 555px; }
			.tab-content h5 { margin: 0; padding: 0; font: normal normal bold 1.4em Arial, sans-serif; color: #fff; }
			.tab-content p { line-height: 1.3; }
			.tab-image-holder { float: left; width: 125px; height: 94px; padding: 0 30px 15px 0; }
				.tab-image-holder img { float: left; border: 5px solid #fff; width: 115px; height:84px; background-color: #e5e5e5; }
				
/* admission table */
.admission-table { }
.admission-table td { padding-right: 30px; color: #fff; font: normal normal normal 1.2em Arial, sans-serif; line-height: 1.4; }

/* exhibit */
.exhibit { float: left; width: 100%; }
.exhibit-image { float: left; width: 125px; height: 94px; padding: 0 30px 15px 0; }
	.exhibit-image img { float: left; border: 5px solid #fff; width: 115px; height:84px; background-color: #e5e5e5; }
.exhibit-content { }
.exhibit-content span { font-size: .8em; padding-bottom: 5px; font-weight: normal; }
.exhibit-content h5 { margin: 0; padding: 0; font: normal normal bold 1.4em Arial, sans-serif; color: #fff; }
.exhibit-content p { line-height: 1.6; }

.pad-top-15 { margin-top: 15px; }

/*map*/
.map-container { float: left; width: 710px; height: 480px; background: url('../_images/brattonsville/bg_map.png') no-repeat; }
#map { float: left; margin: 50px 40px; width: 624px; height: 374px; border: 3px solid #876341; overflow: hidden; }

/* faq list */
.faq { list-style-type: none; }

/*ie6 hacks*/
ul#site-subnav { _background: url('../_images/brattonsville/bg_subnav.gif') repeat-y bottom left; }
.museum-index { _background: url('../_images/brattonsville/home_bg.gif') no-repeat; }
.map-container { background: url('../_images/brattonsville/bg_map.jpg') no-repeat; }
#map { display: inline; }

/*images*/
.image-right { float: right; border: 8px solid #fff; margin: 0 0 15px 15px; }
.image-left { float: left; border: 8px solid #fff; margin: 0 15px 15px 0; }