/*-------------------------------------------------------------------------------------------
	CSS for Worcester Museums
	MJP // 03-09 // D3Corp
---------------------------------------------------------------------------------------------*/	



/*********************************************
	/ Here goes the main page
	/ properties. Make sure to read the 
	/ notes. 
*********************************************/	
body {
	background: #320000;
	margin: 0;
}




/*********************************************
	/ Here is the header and the nav
*********************************************/

div.top-header {
	width: 937px;
	height: 177px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}


/*********************************************
	/ The navigation and all divs 
	/ inside of it. There should be 8. 
*********************************************/

div.navigation {
	width: 937px;
	height: 31px;
	margin: 0 auto;
	padding:0;
}


/*********************************************
	/ Here is the content box 
*********************************************/

div.content-block {
	width: 837px;
	background: url(../images/page-bg.jpg) left top repeat-y;
	margin: 0 auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px; 
	color: #000;
	line-height: 16px;
	padding: 0 0 20px 100px;
}

	.content-block a { 
		color: #320000;
		text-decoration: underline;
	}
	
	.content-block a:hover { 
		color: #000;
		text-decoration: none;
	}


/*********************************************
	/ Below are the two features of the site. 
*********************************************/

div.take-a-tour {
	width: 937px;
	height: 70px;
	margin: 0 auto;
}

div.flash-scroller {
	width: 905px;
	padding-left:32px;
	padding-top:28px;
	height: 155px;
	margin: 0 auto;
	background-image: url(../images/flash-image-scroller.jpg);
	background-repeat: no-repeat;
}



/*********************************************
	/ Here is the Footer area 
*********************************************/

div.footer {
	width: 807px;
	height: 138px;
	margin: 0 auto;
	background: url(../images/footer-bg.jpg) left top no-repeat;
	padding: 13px 65px 0 65px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px; 
	color: #390501;
	text-align: center;
} 

	/* Links for footer */
	.footer a { 
		text-decoration: underline;
		color: #390501;
	} 
	
	.footer a:hover {
		text-decoration: none;
		color: #000;
	}
	
	
	/* the three areas in the footer */
	div.footer1 {
		width: 500px;
		float: left;
		text-align: left;
	}
	
		.large-footer {
			font-size: 14px; 
			font-weight: bold;
			color: #8a2c15
		}
	
	div.footer2 {
		width: 120px;
		float: left;
		text-align: center;
	}
	
	div.footer3 {
		width: 166px;
		float: right;
		text-align: center;
	}
		


/*********************************************
	/ Other design factors, headers, etc. 
*********************************************/	

div.break {
	width: 96%;
	padding: 10px;
	font-size: 10px;
	border-bottom: 1px solid #4c1256;
}


.titles {
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #390501;
}

.testimonial {
	font-size: 10px; 
	font-weight: bold;
	font-style:italic;
}


/*********************************************
	/ This is the homepage content. It will
	/ include the pictures, titles and the
	/ mission statement area. 
*********************************************/

div.home-flash {
	background: url(../images/page-bg.jpg) left top repeat-y;
	width: 937px;
	height: 255px;
	margin: 0 auto;
}

	.home-title1 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 23px;
		font-weight: bold;
		color: #390501;
		line-height: 26px;
	}
	
	.home-title2 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 17px;
		font-weight: bold;
		color: #000;
		line-height: 19px;
	}
	
	.home-title3 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 16px;
		line-height: 18px;
	}
	





/*********************************************
	/ Museum Information Here
*********************************************/	

div.museum-info {
	width: 540px;
	padding: 5px;
	border-bottom: 1px solid #000;
}




/*********************************************
	/ Right Side Pictures
*********************************************/	


div.right-images {
	width: 223px;
	padding: 0 30px 0 18px;
	float: right;
}

	.m-image {
		width: 175px;
		border: 2px solid #600;
		padding: 2px;
	}



/*********************************************
	/ I <3 Spacers
*********************************************/	

div.spacer {
	clear: both;
}

div.spacer-padding {
	clear: both;
	padding-bottom: 10px;
}

div.spacer-padding-large {
	clear: both;
	padding-bottom: 20px;
}

div.spacer-l {
	clear: left;
}

div.spacer-padding-l {
	clear: left;
	padding-bottom: 10px;
}

div.spacer-padding-large-l {
	clear: left;
	padding-bottom: 20px;
}