body{margin:0; padding:0; text-align:center; background: #888; font: 12px / 1.3 helvetica, arial, verdana, sans-serif; }

.needcontent{font-size: 24px; color: #c09; font-weight:bold;} /* delete */

a img{border:0;}
.title, .i{font-style: italic;}
.date{font-weight: bold; font-size: .9em;}
.left{float: left;}
.right{float: right;}
.center{text-align:center;}
.hideme{display:none; speak: none;}
.nowrap{white-space:nowrap;}

abbr{border: 0; font-style: none;}

#container{
	border: 2px solid #d7251f; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	position: relative; 
	text-align:left; 
}

#mast, #footer{
	width: 100%; 
	clear: both;  
	color:#fff; 
	font-size: 10px;
	text-align:left;
}
#main #mast, #main #footer, #subpage #footer, #subpage #mast{position: absolute;} 
#mast{background: #000; top:0; height:142px;}
#mast h1{margin:0;}
#mast #gotoWelcome, #mast #logoHead{float:right;} 
#mast ul{list-style-type:none;}
#mast li{float: left; margin:0 3px 10px 0; padding-right: 1px;}
#mast li.sep{background: url(../images/navspacer.gif) right center no-repeat;}
#mast a, #footer a{color:#fff; text-transform:uppercase; text-decoration: none; padding:3px 3px 2px 3px; margin-bottom: 2px;}
#mast a:visited, #footer a:visited, #mast #copyright a:visited{color:#999;}
#mast a:hover, #footer a:hover, #mast a:active, #footer a:active{color: #d7251f;}
#mast a#gotoWelcomeLink{padding:0;}
#mast h1 a:hover{background-color:#000;}
#footer{height:44px; background: #414141; font-size:11px;}
#main #footer, #subpage #footer{bottom: 0px;}

/* Donor Page styles */
#mast2, #footer{
	width: 100%; 
	clear: both;  
	color:#fff; 
	font-size: 10px;
	text-align:left;
}



#mast2{top:0; height:132px;}
#mast2 h1{margin:0;}
#mast2 #gotoWelcome, #mast #logoHead{float:right;} 
#mast2 ul{list-style-type:none;}
#mast2 li{float: left; margin:100 3px 10px 0; padding-right: 7px;}
#mast2 li.sep{background: url(../images/navspacer.gif) right center no-repeat;}
#mast2 a, #footer a{color:#fff; text-transform:uppercase; text-decoration: none; padding:3px 3px 2px 3px; margin-bottom: 2px;}
#mast2 a:visited, #footer a:visited, #mast #copyright a:visited{color:#999;}
#mast2 a:hover, #footer a:hover, #mast a:active, #footer a:active{color: #d7251f;}
#mast2 a#gotoWelcomeLink{padding:0;}
#mast2 h1 a:hover{background-color:#000;}
/* END Donor Page styles */


#footer span{display: block; margin-top: 12px; margin-bottom: 10px; font-style:normal;}
#footer #copyright a{padding: 2px 10px 2px 2px; margin-right: 2px;}
#footer #copyright a:link, #footer #copyright a:visited{background: url(../images/footspacer.gif) right 3px no-repeat;}
#footer #copyright a:hover, #footer #copyright a:active{background: url(../images/footspacer.gif) right 3px no-repeat; color: #d7251f;}

/* wrapper for content to enable the slide */
#content-contain{width: 100%;  position: absolute; height: 470px; top: 142px; overflow:hidden;}
#content{width: 12000px; background: #fff; position: absolute; top:0px; color:#555;}
#content a:link, #page-content a:link{color: #d7251f;}
#content a:visited, #page-content a:visited{color: #444;}
#content a:hover, #content a:active, #page-content a:hover, #page-content a:active{color: #b00;}

#content .panel, #content .content-panel{float:left; width: 688px; margin:0; overflow: auto; background: #fff;}
#content .content-panel h2, #content .content-panel h3,#content .content-panel h4, #content .content-panel h5, #content .content-panel h6{margin:15px 20px 3px 20px; color: #d7251f;}

#content .content-panel img{display:block;}
#content .content-panel img.left{margin: 0 10px 10px 0;}
#content .content-panel p{margin:0px 20px 20px 20px; clear:both;}
#content .content-panel div.date{margin:0 20px 10px 20px;}
#content h4.exhibit{margin:0 20px;}

#content #buildings{background: url(../images/back-bluesky-800.jpg);}
#content #pantone{background: url(../images/back-pantone-800.jpg);}
#content #redchairs{background: url(../images/back-redchair-800.jpg);}
#content #staircase{background: url(../images/back-stairs-800.jpg);}
#content #paintcans{background: url(../images/back-paint-800.jpg);}
#content #tailorphoto{background: url(../images/back-manneq-800.jpg);}
#content #lightbulbs{background: url(../images/back-bulbs-800.jpg);}
#content #shirts{background: url(../images/back-shirts-800.jpg);}

#exhibitions .exhibit-info{margin-top:10px;}
#education.content-panel h2{margin-bottom:8px;}
/* welcome screen */
#exhibit-promo{text-align:center; margin-top:35px; margin-bottom: 5px;}
#exhibit-promo img{margin: auto;}

#welcome.content-panel{overflow: hidden;}
#welcome #member-shop{
	background-image: url(../images/home-arrows.gif); 
	background-repeat: no-repeat; 
	float:left;
} 
#content #calendar iframe{width:90%; display: block; margin: auto;}

/* page level items */
#page #mast ul{margin: 0px 0 0 -5px; width: 500px; padding-top: 73px; }
#page #mast #gotoWelcome, #page #mast #logoHead{float:right; width: 148px; margin: 21px 50px 0 0; } 

#page #mast, #page #footer, #page-content, #store{
	border-left: 2px solid #d7251f; 
	border-right: 2px solid #d7251f; 
	width: 770px;
	margin: auto;
	float: none;
}
#page #mast{border-top: 2px solid #d7251f;}
#page #footer{border-bottom: 2px solid #d7251f;}
#page #footer #copyright{float:left; margin-left: 20px;}
#page #footer #credits{float:right; margin-right: 20px;}
#page-content img{margin: 15px;}
#page-content h2{color: #d7251f;}
#page-content p{margin: 0 30px 30px 30px;}
#page-content h1, #page-content h2,#page-content h3,#page-content h4,#page-content h5,#page-content h6{margin: 0 30px 5px 30px;}
#page-content h1{color:#d7251f;}
#page-content{min-height: 500px; color: #444;}
#page-content, #store{background: #fff; clear:both; text-align:left; padding: 30px 0;}

ul li{margin-bottom: 3px;}
ul.subnav{margin-left:-20px; list-style-type:none; font-size: 11px; text-transform: uppercase;}
ul.subnav li{display: inline; padding: 0 15px 0 0; margin: 0 5px 0 0;}
ul.subnav li a{text-decoration:none;}
ul.subnav li.split{background: #fff url(../images/sub-nav-back.gif) right top no-repeat; }



/* ON MAILING LIST PAGES */
form#signup div, form#signup p{margin: 3px 10px;}
form#signup input[type="text"]{border:1px inset #888; padding: 3px; width: 250px;}
form#signup input[type="text"]:focus{border:1px inset #D7251F;}
form#signup input[type="submit"], #unsubscribebtn{background: #888; color:#fff}
