body{margin:0; padding:0; text-align:center; 

background-color:#272727;
	background-image:url(../../../../../_images/bg.jpg);
	background-attachment:fixed;
	background-repeat:repeat; 
font: 12px / 1.3 helvetica, arial, verdana,sans-serif; }

h2{color: #d7251f;}
h1{color:#d7251f;}
h3{color:#d7251f;}

.needcontent{font-size: 24px; color: #c09; font-weight:bold;} /* delete */

a img{border:0;}
.title{font-style: italic;}
.date{font-weight: bold; font-size: .9em;}
.left{float: left;}
.right{float: right;}

#container{
	border: 2px solid #d7251f; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	position: relative; 
	text-align:left; 
}

#mast, #footer{
	width: 100%; 
	clear: both;  
	color:#fff; 
	font-size: 11px;
	text-align:left;
}

#main #mast, #main #footer{position: absolute;} 
/* main page only */
#mast{background: #000; top:0; height:200px;}
#mast h1{margin:0;}
#mast #gotoWelcome{float:right;} 
#mast ul{list-style-type:none;}
#mast li{float: left; margin:0 3px 10px 0; padding-right: 10px;}
#mast li.sep{background: url(http://moda.brightstrategy.com/includes/templates/moda/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{background: #d7251f; color:#fff;}
#mast a#gotoWelcomeLink{padding:0;}
#mast h1 a:hover{background-color:#000;}

#footer{height:44px; background: #414141; font-size:11px;}
#main #footer{bottom: 0px;}

#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(http://localhost/moda/includes/templates/moda/images/footspacer.gif) right 3px no-repeat;}
#footer #copyright a:hover, #footer #copyright a:active{background: #d7251f url(http://localhost/moda/includes/templates/moda/images/ftspacehover.gif) right 3px no-repeat;}

/* 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:#333;}

#store a:link{color: #d7251f;}
#store a:visited{color: #d7251f;}
#store a:hover, #store a:active{color: #BD0000;}

#content a:link{color: #d7251f;}
#content a:visited{color: #d7251f;}
#content a:hover, #content a:active{color: #BD0000;}

#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 5px 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;}
#content .content-panel div.date{margin:0 20px 10px 20px;}
#content h4.exhibit{margin:0 20px;}

#content #buildings{background: url(http://localhost/moda/includes/templates/moda/images/back-bluesky-800.jpg);}
#content #pinkchairs{background: url(http://localhost/moda/includes/templates/moda/images/back-pinkchair-800.jpg);}
#content #redchairs{background: url(http://localhost/moda/includes/templates/moda/images/back-redchair-800.jpg);}
#content #staircase{background: url(http://localhost/moda/includes/templates/moda/images/back-stairs-800.jpg);}
#content #paintcans{background: url(http://localhost/moda/includes/templates/moda/images/back-paint-800.jpg);}
#content #tailorphoto{background: url(http://localhost/moda/includes/templates/moda/images/back-manneq-800.jpg);}
#content #lightbulbs{background: url(http://localhost/moda/includes/templates/moda/images/back-bulbs-800.jpg);}
#content #shirts{background: url(http://localhost/moda/includes/templates/moda/images/back-shirts-800.jpg);}

#exhibitions .exhibit-info{ margin-top:10px;}
#money-links{
	background: #d7251f;
	width: 125px;
	height: 80px;
	margin-left: 20px;
	position:absolute;
	top: 250px;
	z-index: 5;
	padding: 5px;
}

#money-links a{
	color: #fff;
	display: block;	
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	margin-bottom: 10px;
}
a#contribute-to-moda{height: 24px;}
a#become-a-member{float: right; width: 70px; margin-top:20px;}

/* welcome screen */
#exhibit-promo{text-align:center;}
#exhibit-promo img{margin: auto;}

#welcome #become-a-member-box h2, #welcome #shop-online h2{margin:0 20px 5px 20px;}
#welcome #become-a-member-box p, #welcome #shop-online p{margin:0;}
#content #welcome p{margin:30px;}
#content #welcome.content-panel{overflow: hidden;}


/* page level items */
#page #mast ul{margin: 0px 0 0 -5px; width: 500px; padding-top: 73px; }
#page #mast #gotoWelcome{float:right; width: 148px; margin: 21px 50px 0 0; } 

#page-content, #store{
	background: #fff;
	clear:both;
	text-align:left;
	padding: 30px 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 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-3ontent h6{margin: 0px 10px 5px 10px;}
#page-content h1{color:#d7251f;}

