/* colours

#999e87 - header/footer
#e1deec - collection
#e4e8dc - museum visits
#cee3e0 - fashion shows and events
#eceac6 - museum donations
#c8cbbe - how to find us
#dbd0c4 - Useful links
#f3dae3 - Contact us

*/

* {
	font-family: "Adobe Garamond Reg", "Times New Roman", Times, serif;
	color: #000000;
	}
	
/* body */

* {
	font-family: "Adobe Garamond Reg", "Times New Roman", Times, serif;
	color: #000000;
	}
	
/* body */
body {
	background-color:#ffffff;
	}


/* class for image links */

img.noborder {
	text-decoration:none;
	border:none;
	margin:0px;
	padding:0px;
	}

/* centre the site */

div#wrapper {
	width: 900px;
	margin:auto;
	background-position: center;
	top:0px;
	padding: 0px;
}

/* text */

p {
	padding:10px 30px 10px 30px;
	margin: 0px;
	font-size:12px;
	}

p.white {
	color: #ffffff;
}

p.intro {
	font-size: 16px;
	margin-top: 10px;
	line-height: 25px;
}

a.white, p.white a {
	color: #ffffff;
	text-decoration: none;
}

a.white:hover {
	color: #000000;
	text-decoration: none;
}
	
h1 {
	padding:10px 30px 0px 30px;
	margin: 0px;
	font-size:16px;
	}

h1.white {
	color: #ffffff;
}	
	
h2 {
	padding:10px 30px 10px 30px;
	margin: 0px;
	font-size:20px;
	}
h3 {
	padding:10px 30px 10px 30px;
	margin: 0px;
	font-size:16px;
	}

h4 {
	padding:10px 30px 10px 0px;
	margin:0px 30px 0px 30px;
	font-size:16px;

	}
	
	
/* links */

a {
	color:#999e87;
	text-decoration:underline;
	}
a:hover {
	color:#000000;
	text-decoration:underline;
	}

a img {
	border: none;
	}

/* header */

div#header_wrapper {
	width:900px;
	min-height:120px;
	background-color: #999e87; 
	background-repeat: repeat-x;
	border: 0px;
	padding: 0px;
	}
	
div#header_logo {
	width: 250px;
	height:75px;
	float:left;
	margin:30px 0px 0px 30px;
	background-color: #999e87;	
	}
div#header_contact {
	width: 600px;
	height:53px;
	float:right;
	text-align:right;
	margin:18px 0px 0px 0px;
	background-color: #999e87;	
	}

/* main pic */ 
	
div#main_pic_background_home { /* background */
	width:852px;
	height:192px;
	margin-left: 25px;
	background-image: url(images/welcome.png);
	background-repeat:no-repeat;
	background-position: left;
	clear: both;
	background-color: #ffffff;
	border-top: 2px solid #ffffff;	
	}

div#main_pic_background_collection { /* background */
	width:852px;
	height:192px;
	margin-left: 25px;
	background-image: url(images/collection.png);
	background-repeat:no-repeat;
	background-position: left;
	clear: both;
	background-color: #e1deec;
	border-top: 2px solid #ffffff;
	}

div#main_pic_background_visits { /* background */
	width:852px;
	height:192px;
	margin-left: 25px;
	background-image: url(images/visits.png);
	background-repeat:no-repeat;
	background-position: left;
	clear: both;
	background-color: #e4e8dc;
	border-top: 2px solid #ffffff;
	}	
	
div#main_pic_background_events { /* background */
	width:852px;
	height:192px;
	margin-left: 25px;
	background-image: url(images/shows.png);
	background-repeat:no-repeat;
	background-position: left;
	clear: both;
	background-color: #cee3e0;
	border-top: 2px solid #ffffff;
	}		

div#main_pic_background_donations { /* background */
	width:852px;
	height:192px;
	margin-left: 25px;
	background-image: url(images/donations.png);
	background-repeat:no-repeat;
	background-position: left;
	clear: both;
	background-color: #eceac6;
	border-top: 2px solid #ffffff;
	}		

div#main_pic_background_find { /* background */
	width:852px;
	height:192px;
	margin-left: 25px;
	background-image: url(images/directions.png);
	background-repeat:no-repeat;
	background-position: left;
	clear: both;
	background-color: #c8cbbe;
	border-top: 2px solid #ffffff;
	}		

div#main_pic_background_links { /* background */
	width:852px;
	height:192px;
	margin-left: 25px;
	background-image: url(images/links.png);
	background-repeat:no-repeat;
	background-position: left;
	clear: both;
	background-color: #dbd0c4;
	border-top: 2px solid #ffffff;
	}	

div#main_pic_background_contact { /* background */
	width:852px;
	height:192px;
	margin-left: 25px;
	background-image: url(images/contacts.png);
	background-repeat:no-repeat;
	background-position: left;
	clear: both;
	background-color: #f3dae3;
	border-top: 2px solid #ffffff;
	}
	
div#main_pic_background_thanks { /* background */
	width:852px;
	height:192px;
	margin-left: 25px;
	background-image: url(images/message.png);
	background-repeat:no-repeat;
	background-position: left;
	clear: both;
	background-color: #f3dae3;
	border-top: 2px solid #ffffff;
	}			

div#main_pic_text {
	width: 550px;
	float: right;
	text-align: left;
}
	
/* nav */

div.nav_wrapper {
	width:900px;
	float: left;
	clear: both;
	background-color: #ffffff;
	text-align: center;
	}
	
div.collection-nav {
	background-color: #e1deec;
	float: left;
	margin: 0px 1px 0px 25px;
	padding: 0px;
	width: 120px;
	}
	
div.visits-nav {
	background-color: #e4e8dc;
	float: left;
	margin: 0px 1px 0px 1px;
	padding: 0px;
	width: 120px;	
	}
	
div.events-nav {
	background-color: #cee3e0;
	float: left;
	margin: 0px 1px 0px 1px;
	padding: 0px;
	width: 120px;	
	}

div.donations-nav {
	background-color: #eceac6;
	float: left;
	margin: 0px 1px 0px 1px;
	padding: 0px;
	width: 120px;	
	}			
	
div.find-nav {
	background-color: #c8cbbe;
	float: left;
	margin: 0px 1px 0px 1px;
	padding: 0px;
	width: 120px;	
	}	

div.links-nav {
	background-color: #dbd0c4;
	float: left;
	margin: 0px 1px 0px 1px;
	padding: 0px;
	width: 120px;	
	}

div.contact-nav {
	background-color: #f3dae3;
	float: left;
	margin: 0px 1px 0px 1px;
	padding: 0px;
	width: 120px;	
	}

a.nav {
	text-decoration: none;
	color: #717168;	
}

div.collection-nav, div.visits-nav, div.events-nav, div.donations-nav, div.find-nav, div.links-nav, div.contact-nav {
	font-size: 11px;

}

a div.collection-nav, a div.visits-nav, a div.events-nav, a div.donations-nav, a div.find-nav, a div.links-nav, a div.contact-nav {
	color: #717168;
}

a:hover div.collection-nav {
	background-color: #cecbd8;
}


a:hover div.visits-nav {
	background-color: #d4d8cd;
}

a:hover div.events-nav {
	background-color: #bdd3d0;
}

a:hover div.donations-nav {
	background-color: #dbd9b8;
}

a:hover div.find-nav {
	background-color: #b9bcb0;
}

a:hover div.links-nav {
	background-color: #cec4ba;
}

a:hover div.contact-nav	{
	background-color: #e3cad3;
}
	
/* body */

div#body_wrapper {
	width:900px;
	min-height:200px;
	display: table;
	margin-bottom: 10px;
	}
	
/* footer information */

div#footer_links_wrapper {
	width:900px;
	min-height:28px;
	background-color: #999e87;
	}
	
div#footer_links_box_left {
	width: 500px;
	float:left;
	text-align:left;
	background-color: #999e87;	
	}
div#footer_links_box_right {
	width: 400px;
	float:right;
	text-align:right;
	background-color: #999e87;	
	}

/* individual pages */

div#col-1 {
	width: 275px;
	height: 36.8em !important;	
	float: left;
	display: table;
	margin: 0px 10px 0px 25px;
}

div#box1 {
	background-color: #e1deec;
	display: table;	
	margin-bottom: 10px;
}

div#box2 {
	background-color: #cee3e0;
	display: table;	
}

div#col-2 {
	width: 275px;
	height: 36.8em !important;	
	float: left;
	display: table;
	margin: 0px 10px 0px 0px;	
}

div#box3 {
	background-color: #e4e8dc;
	display: table;	
	margin-bottom: 10px;
}

div#box4 {
	background-color: #eceac6;
	display: table;	
}

div#col-3 {
	width: 283px;
	height: 36.8em;
	background-color: #d8dad1;
	float: left;
	display: table;
	margin: 0px;	
}

/*Collections*/

img.left {
	margin-right: 10px;
	}
	
img.right {
	margin-right: 25px;
	}	

img.bottom {
	margin-top: 5px;
	}		

p.collection {
	margin: 10px 0px 0px 25px;
	padding: 0px;
}

p.links {
	margin: 10px 0px 20px 25px;
	padding: 0px;
}

p.location {
	margin: 10px 25px 0px 25px;
	padding: 0px;
}

table, td, tr {
margin: 0px;
padding: 0px;
}

div#contact-page {
	width: 852px;
	float: left;
	margin-left: 25px;
	background-color: #f3dae3;
	
}