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

#mast { height: 125px; }

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

.site-container { background: #828282 url('../_images/myco/bg.jpg') repeat-x top center; }
.planetarium { background: #000000 url('../_images/myco/bg_planetarium.jpg') no-repeat top center; }

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

/* bar style */
.museum-bar-container {
	background: #ff8a00 url('../_images/myco/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 bold 4em Arial, sans-serif; color: #fff; }
.normal h2 { margin: 0; padding: 0; font: normal normal bold 1.7em Arial, sans-serif; color: #fff; line-height: 1.5em;}
.normal h4 { margin: 0; padding: 5px 0 5px 0; font: normal normal normal 1.7em Arial, sans-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 Arial, sans-serif; color: #fff; line-height: 1.6em; border-top: 1px dotted #fff; border-bottom: 1px dotted #fff; text-align: center; }
.normal a { color: #fff; }
.normal a:hover { color: #828282; text-decoration: none; background-color: #fff; }
.divider { float: left; height: 36px; width: 100%; background: url('../_images/myco/divider.gif') repeat-x;}
.divider-planetarium { float: left; height: 36px; width: 100%; background: url('../_images/myco/divider_planetarium.gif') repeat-x;}

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

/* tertiary */
ul#site-subnav ul { margin: 5px 0 5px 5px; padding: 5px 0 5px 5px; width: 180px; border-left: 1px solid #ccc;}
	
	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 Arial, sans-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: #333; border-bottom: 5px solid #242121; color: #fff; font: normal normal bold 1.5em Arial, sans-serif; }
.site-sidebar p { float: left; margin: 0; padding: 10px 20px 20px 20px; width: 170px; background-color: #242424; 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: #242424; }
	
	.site-sidebar li { float: left; width: 170px; border-bottom: 1px solid #333; font: normal normal normal 1.2em Arial, sans-serif; }
	.site-sidebar li a { float: left; width: 140px; padding: 10px 0 10px 30px; color: #fff; text-decoration: none; }
		.filetype-pdf { background: url('../_images/myco/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/myco/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: 630px; height: 575px; padding: 0 40px 0 40px; background: url('../_images/myco/home_bg.png') no-repeat; }
.museum-index h1 { color: #666; font-size: 3.2em; }
.museum-index h4 { color: #666; }
.museum-index p { color: #666; }

	.museum-index-left { float: left; width: 390px; padding-top: 245px; }
	.museum-index-right { float: left; width: 155px; padding: 245px 0 0 45px; }
	
/*items list*/

.item-list { float: left; width: 710px; padding: 15px 0 0 0;}
.item-list .divider { height: 11px; }
.item { float: left; width: 710px; padding: 30px 0 5px 0; border-bottom: 1px solid #adadad; }
.item-container {float: left; clear: left; }
.item-content { float: left; width: 555px; }
		.item-content h5 { margin: 0; padding: 0; font: normal normal bold 1.4em Arial, sans-serif; color: #fff; }
		.item-content p { line-height: 1.3; }
		.item-image-holder { float: left; width: 125px; height: 94px; padding: 0 30px 15px 0; }
			.item-image-holder img { float: left; border: 5px solid #fff; width: 115px; height:84px; background-color: #e5e5e5; }
	
/* 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; }

/* 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; }

/*map*/
.map-container { float: left; width: 710px; height: 480px; background-color: #fff; }
#map { float: left; margin: 40px; width: 628px; height: 398px; border: 1px solid #999; overflow: hidden; }


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

/*ie6 hacks*/
ul#site-subnav { _background: url('../_images/myco/bg_subnav.gif') repeat-y bottom left; }
.museum-index { _background: url('../_images/myco/home_bg.jpg') no-repeat; }

/* web cam */
.camera {float: left; width: 630px; background-color: #000; padding: 10px 40px 20px 40px; margin-bottom: 20px; text-align: center; border: 5px solid #ccc; }