/* CSS Document */
/* `Basic HTML  BSA MUSEUM
----------------------------------------------------------------------------------------------------*/
@charset "UTF-8";
 
 
 
html, body {
	margin: 0;
	padding: 0;
	position: relative;
	font-family: Arial, Helvetica, sans-serif; }
 
body { background-color: #ffffff; }

iframe {
    position:relative; }

/* `Headings
----------------------------------------------------------------------------------------------------*/
h1 {
	font-size: 25px;
	color: #1f4361; }
 
h2 {
	color: #1f4361;
	font-size: 19px;
	margin: 0; }
 
h3 { font-size: 16px; }
 
h4 {
	font-size: 14px;
	color: #1f4361;
	font-style: italic; }
 
h5 {
	font-size: 13px;
	color: #737373;
	font-weight: bold;
	margin: 0;
	padding: 0; }
 
h6 {
	color: #737373;
	font-size: 10px;
	font-style: italic;
	font-weight: normal; }
 
p {
	padding-bottom: 10px;
	line-height: 1.5;
	color: #001f33;
	font-size: 12px; }
 
* { zoom: 1; }
 
/* `Spacing
----------------------------------------------------------------------------------------------------*/
ol { list-style-type: decimal; }
 
ul { list-style-type: square; }
 
blockquote {
	margin: 0;
	padding-left: 15px; }
    
td {
	vertical-align:top;
	display:table-cell; }
 
/* WRAPPERS
----------------------------------------------------------------------------------------------------*/
#wrapperHEAD {
	background-color: #02334B;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%; }
 
#wrapper960 {
	width: 960px;
	margin: 0 auto; }
 
#wrapperNAV {
	background: #001F33 none repeat scroll 0 0;
	width: 100%;
	text-align: center; }
 
.wrapperNAV {
	background: #001F33 none repeat scroll 0 0;
	display: inline-block;
	*display: inline;
	height: 30px;
	width: 960;
	text-align: center; }
 
#wrapperHOME {
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
	clear: both;
	width: 965px; }
 
#wrapperMAIN {
	margin: 0 auto;
	width: 940px;
	margin-top: 10px; }
 
#wrapperFOOTER {
	height: 40px;
	border-top: solid 1px #8e877f;
	border-bottom: solid 1px #8e877f;
	clear: both;
	background-color: #F1E4C2;
	margin: 0 auto;
	width: 100%; }
 
/* `Column Layouts
----------------------------------------------------------------------------------------------------*/
#right-column {
	width: 215px;
	float: right;
	padding: 0 5px;
	display: inline;
	background-color: #ffffff; }
 
#middle-3column {
	background-color: #FFFFFF;
	float: left;
	padding: 0 10px;
	text-align: left;
	width: 540px;
	border-right: 1px solid #E3DFD4;
	border-left: 1px solid #E3DFD4;
	margin-bottom: 10px; }
 
#middle-2columnLEFT {
	float: left;
	background-color: #ffffff;
	padding: 0 0 0 10px;
	width: 770px;
	text-align: left;
	border-left: 1px solid #E3DFD4;
	margin-bottom: 10px; }
 
#middle-2columnRIGHT {
	float: left;
	background-color: #ffffff;
	padding: 0 10px 0 0;
	width: 700px;
	text-align: left;
	border-right: 1px solid #E3DFD4;
	margin-bottom: 10px; }
 
#middle-1column {
	float: left;
	background-color: #ffffff;
	padding: 0;
	width: 930px;
	text-align: left;
	margin-bottom: 10px; }
 
/* `Header
----------------------------------------------------------------------------------------------------*/
#leftHEADhome {
	background-position: right bottom;
	background-repeat: no-repeat;
	display: inline-block;
	*display: inline;
	height: 200px;
	text-align: left;
	vertical-align: top;
	width: 250px; }
 
	#leftHEADhome img { margin-top: 40px; }
 
#rightHEADhome {
	background-image: url(/filestore/museum/images/header-BKG.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	display: inline-block;
	*display: inline;
	text-align: right;
	vertical-align: bottom;
	width: 690px;
	padding-top: 170px; }
 
#leftHEAD {
	display: inline-block;
	*display: inline;
	height: 105px;
	text-align: left;
	vertical-align: top;
	width: 800px; }
 
	#leftHEAD img { margin: 10px 0 0 60px; }
 
#rightHEAD {
	display: inline-block;
	*display: inline;
	vertical-align: bottom;
    width:120px;}
 
/* `Search
---------------------------------------------------------------------------------------------------- */
#search {
	display: inline-block;
	*display: inline;
	float: right;
	padding-left: 8px; }
 
#search_box {
	background-image: url(/filestore/museum/images/search_box.gif);
	background-position: right top;
	background-repeat: no-repeat;
	display: inline-block;
	*display: inline;
	height: 35px;
	position: relative;
	width: 220px;
	padding-right: 10px;
	vertical-align: bottom; }
 
#search .icon {
	vertical-align: top;
	padding: 0px 1px 0;
	margin: 10px 0 5px; }
 
#search_box #s, #search_box .search_textbox {
	background: #001f33 none repeat scroll 0 0;
	border: 0 none;
	color: #5B8694;
	float: left;
	height: 19px;
	margin: 6px 0 0 6px;
	padding: 5px 0 0 5px;
	width: 135px; }
 
#search_box #go, #search_box .search_button {
	float: right;
	margin: 6px 4px 0 0; }
 
.search-close {
	width: 13px;
	display: inline-block;
	*display: inline;
	position: relative;
	background-position: right;
	background-image: url(../images/search_TOPrt.gif);
	background-repeat: no-repeat; }
 
/* `Navigation
----------------------------------------------------------------------------------------------------*/
.nav {
	font-size: 12px;
	zoom: 1;
	width: 960px; }
 
	.nav ul {
		list-style-type: none;
		*margin: 0;
		*padding-top: 10px;
		padding-left: 0px; }
 
	.nav li {
		border-left: 1px solid #455C6A;
		display: inline-block;
		font-size: 12px;
		height: 18px;
		line-height: 14px;
		padding: 0 10px;
		*display: inline; }
 
		.nav li a {
			color: #FFFFFF;
			text-decoration: none; }
 
			.nav li a:hover { color: #91b6d2; }
 
/* `Bread Crumbs
		---------------------------------------------------------------------------------------------*/
#breadcrumb {
	display: block;
	border-bottom: solid 1px #908e77;
	padding: 8px 0 0 0;
	color: #737373;
	font-size: 9pt; }
 
	#breadcrumb img { padding-right: 5px; }
 
.crumb {
	border-left: solid 1px #2c4e6a;
	padding-left: 5px; }
 
	.crumb a {
		color: #737373;
		text-decoration: none; }
 
		.crumb a:hover { color: #333333; }
 
.active {
	color: #424242;
	text-decoration: none;
	color: #333333; }
 
	.active a:hover { color: #333333; }
 
/* `HOME
----------------------------------------------------------------------------------------------------*/
#home-left {
	border-right: 1px solid #e3dfd4;
	display: inline-block;
	*display: inline;
	padding-right: 8px;
	width: 712px;
	zoom: 1; }
 
#home-right {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 230px;
	text-align: left;
	vertical-align: top;
	padding-left: 5px; }
 
#interior-right {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 218px;
	*width: 215px;
	text-align: left;
	vertical-align: top;
	padding-left: 10px; }
 
#flash { width: 710px; }
 
#flash-title {
	background-color: #F1E4C2;
	font-size: 30px; }
 
#FEATUREShome {
	background-image: url(/images/Museum/center-bkg-grad.gif);
	background-repeat: repeat-x;
	text-align: left;
	width: 710px; }
 
	#FEATUREShome p {
		color: #58452e;
		line-height: 1.2;
		padding-bottom: 0; }
 
.FEATUREcalendar {
	padding: 5px 0 5px 10px;
	width: 215px;
	display: inline-block;
	*display: inline;
	vertical-align: top; }
 
.FEATUREvisit {
	width: 215px;
	padding: 5px 5px 5px 10px;
	border-left: solid 1px #e0d9c7;
	border-right: solid 1px #e0d9c7;
	display: inline-block;
	*display: inline;
	vertical-align: top; }
 
.FEATUREoffer {
	width: 215px;
	padding: 5px 10px;
	vertical-align: top;
	display: inline-block;
	*display: inline; }
 
/* `Right column
----------------------------------------------------------------------------------------------------*/
.RIGHTfeature {
	border-top: solid 1px #e0d9c7;
	padding-top: 10px;
	overflow: auto; }
 
	.RIGHTfeature p {
		line-height: 1.2;
		padding-bottom: 0;
		width: 130px;
        *width:120px; }
 
	.RIGHTfeature a {
		color: #58453e;
		text-decoration: none; }
 
		.RIGHTfeature a:hover { color: #9E9375; }
 
	.RIGHTfeature ul {
		list-style-type: none;
		font-size: 12px;
		padding-left: 0;
		line-height: 1.5;
		*margin-left: 0px; }
 
/* `Left Column Content
----------------------------------------------------------------------------------------------------*/
.left-element {
	display: inline;
	float: left;
	padding: 0;
	text-align: left;
	width: 150px; }
 
	.left-element h3 {
		border-bottom: 1px solid #9E9375;
		border-top: 1px solid #9E9375;
		color: #1F4361;
		font-size: 12px;
		line-height: 20px;
		padding-left: 5px; }
 
		.left-element h3 a {
			color: #1f4361;
			text-decoration: none;
			border-right: none;
			font-variant: small-caps;
			text-transform: lowercase; }
 
	.left-element ul {
		font-size: 12px;
		line-height: 1.5;
		list-style-type: none;
		padding: 0 5px;
		*margin-left: 0px;
		zoom: 0; }
 
		.left-element ul a {
			font-size: 12px;
			color: #1f4361;
			line-height: 1.3;
			text-decoration: none; }
 
	.left-element li { padding: 0 5px 5px 5px; }
 
		.left-element li a {
			color: #9E9375;
			padding: 0 0 5px 0px; }
 
	.left-element ul a:hover { color: #000000; }
 
	.left-element li a:hover { color: #333333; }
 
	.left-element p {
		font-size: 12px;
		color: #737373;
		padding: 10px 5px 5px 5px;
		background-color: #f1f0f0;
		line-height: 1.4; }
 
	.left-element a {
		color: #1f4361;
		text-decoration: none; }
 
		.left-element a:hover { color: #005696; }
 
#left-close {
	background-image: url(/filestore/global/left-nav-btm.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 15px;
	width: 175px;
	margin-bottom: 10px; }
 
.left-element br { line-height: 0; }
 
/* `Middle Column Content
----------------------------------------------------------------------------------------------------*/
#middle-element { padding: 0px; }
 
	#middle-element h1 {
		color: #1f4361;
		border-bottom: solid 1px #1f4361;
		margin-bottom: 10px; }
 
	#middle-element h3 {
		color: #1f4361;
		line-height: 1.5;
		border-bottom: solid .02em #123456 }
 
		#middle-element h3 a {
			color: #1f4361;
			text-decoration: none; }
 
			#middle-element h3 a:hover { color: #005696; }
 
		#middle-element h3 img { padding: 0; }
 
	#middle-element h4 {
		margin: 0;
		padding: 0; }
 
	#middle-element ul {
		color: #1f4361;
		line-height: 1.3;
		padding-left: 20px;
		padding-bottom: 10px;
		font-size: 12px;
		list-style-image: url(/images/Museum/ULarrow.gif); }
 
		#middle-element ul a {
			color: #1f4361;
			line-height: 1.3; }
 
			#middle-element ul a:hover { color: #000000; }
 
	#middle-element ol {
		color: #1f4361;
		line-height: 1.3;
		padding-left: 20px;
		padding-bottom: 10px;
		background-color: #ffffff;
		font-size: 12px;
		zoom: 0; }
 
		#middle-element ol a {
			color: #005696;
			line-height: 1.3; }
 
			#middle-element ol a:hover { color: #000000; }
 
	#middle-element li {
		color: #737373;
		margin-left: 20px;
		padding-bottom: 6px;
		zoom: 0; }
 
		#middle-element li a {
			font-size: 12px;
			color: #005696; }
 
			#middle-element li a:hover { color: #333333; }
 
	#middle-element p {
		color: #737373;
		line-height: 1.5;
		padding-bottom: 12px;
		margin: 0; }
 
	#middle-element a {
		color: #005696;
		text-decoration: none; }
 
		#middle-element a:hover { color: #333333; }
 
	#middle-element img { padding: 10px; }
 
hr {
	background-image: url(/filestore/Museum/images/seperator.gif);
	background-position: center center;
	background-repeat: no-repeat;
	border: medium none;
	height: 40px;
	border-bottom-color: #993; }
 
/* `Footer
----------------------------------------------------------------------------------------------------*/
#footer {
	background: transparent url(/images/Museum/footerbsa.gif) no-repeat scroll 1% 50%;
	clear: both;
	font-size: 10px;
	height: 40px;
	line-height: 43px;
	padding: 0;
	margin: 0 auto;
	width: 940px; }
 
	#footer h3 {
		color: #8E877F;
		display: inline;
		font-size: 10px;
		font-weight: normal;
		padding: 0 0 0 40px; }
 
		#footer h3 a { color: #8E877F; }
 
			#footer h3 a:hover { color: #68635D; }
 
#footer-nav {
	float: right;
	margin: 8px 0 0;
	padding: 0; }
 
	#footer-nav ul {
		display: inline;
		font-size: 10px;
		list-style-type: none;
		margin: 0;
		padding: 0 10px 0 0; }
 
	#footer-nav li {
		border-left: 1px solid #8E877F;
		display: block;
		float: left;
		line-height: 10px;
		margin: 10px 0;
		padding: 0 8px; }
 
		#footer-nav li a {
			color: #8E877F;
			text-decoration: none; }
 
			#footer-nav li a:hover { color: #68635D; }
 
/* `Block Quotes
----------------------------------------------------------------------------------------------------*/
div.quote {
	display: block;
	width: 100%; }
 
	div.quote p {
		font-size: 14px;
		color: #001f33;
		font-style: italic; }
 
	div.quote h5 {
		font-size: 10px;
		color: #000;
		font-style: normal;
		text-align: right;
		margin-top: -20px;
		*margin-top: -25px;
		padding-right: 40px; }
 
	div.quote img {
		display: inline-block;
		*display: inline;
		border: solid 1px #cccccc; }
 
	div.quote div {
		display: inline-block;
		background-image: url(/images/Museum/quote-open.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding-left: 40px;
		font-style: italic;
		margin-left: 5px; }
 
	div.quote span {
		background-image: url(/images/Museum/quote-close.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
		display: block;
		padding-right: 30px; }
 
/*  'Odds and Ends
 --------------------------------------------------------------------------------------------------*/
.smallLINK {
	font-size: 8pt;
	color: #58452e;
	line-height: 2.5;
	text-decoration: underline; }
 
	.smallLINK a:hover { color: #9E9375; }
 
.smallDATElink {
	color: #003D64;
	font-size: 8pt;
	padding-left: 10px; }
 
/*      'BLOG Stuff
  --------------------------------------------------------------------------------------------------*/
#BlogItem {
    min-height:70px; }
    
#blog {
	width: 50px;
	border: solid 1px #737373;
	float: left; }
 
	#blog h1 {
		border-bottom: medium none;
		color: #00327C;
		font-size: 35px;
		line-height: 35px;
		margin: 0;
		padding: 0;
		text-align: center; }
 
#date { background-color: #7f7f7f; }
 
#month {
	display: inline-block;
	*display: inline;
	position: relative;
	width: 39px;
	*width: 34px; }
 
	#month h2 {
		color: #FFFFFF;
		margin: 0;
		text-transform: uppercase; }
 
#year {
	background-color: #7F7F7F;
	display: inline-block;
	*display: inline;
	position: relative;
	*width: 9px; }
 
	#year p {
		color: #B4B4B4;
		font-size: 9px;
		line-height: 9px;
		margin: 2px 0 0 0;
		padding: 0; }
 
.photoRIGHT {
	display: inline-block;
	*display: inline;
	width: 87px;
	float: right; }
 
	.photoRIGHT a {
		margin: 0;
		padding: 0; }
 
.featureLEFT {
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: top;
	*width: 130px; }
 
#blogCONTENT { margin-left: 57px; }
 
	#blogCONTENT h2 {
		border-bottom: solid 1px #00327C;
		margin: 0; }
 
#comments {
    width:100%; }

    #comments p {
        font-size: 14px;
        color: #02334b;
        font-style: italic;
        padding-bottom:0px; }
 
	#comments h3 {
		font-size: 14px;
		color: #0066a4;
		text-align: right;
		font-style: normal;
        border-bottom:none;
        margin:0; }
 
	#comments h4 {
		font-size: 12px;
		color: #0066a4;
		font-style: normal;
        text-align:right; }
        
    #comments img {
        padding:0px; }
        
/*      'Blogspot
  --------------------------------------------------------------------------------------------------*/        
.feed-title {
    border-bottom:1px solid #1F4361;
    color:#1F4361;
    margin-bottom:10px;
    font-size:25px; }

.feed-item {
    border-bottom:none;
    margin-top:10px;
    padding-top:10px; }

.feed-item-title {
	margin: 0;
    display:block;
    font-size:18px; }
    
.feed-item-publish-date {
    border-bottom:1px solid #123456;
    color:#999999;
    display:block;
    font-size:10px;
    font-style:italic;
    margin-bottom:10px;
    padding-bottom:2px;
    padding-top:2px; }

.feed-item-description {
    color:#787878;
    display:block;
    font-size:12px;
    padding:3px;
    line-height:1.5;
 }
