/*
	Redland Museum Meta Information
	PRIMARY STYLE SHEET
	
	Site creation by Kelani Design
	Illustration and Graphics by Kathy Mason
	xHTML/CSS and programming by Jim Whimpey
	Contact - studio@kelani.com.au
*/

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BODY, WRAPPINGS, ANCHORS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	html {
		margin: 0;
		padding: 0;
		text-align: center;
		background: #452E1E;
		font-family: Arial, Geneva, Helvetica, sans-serif
		}
		
		body {
			width: 867px;
			margin: 0 auto;
			}
			
			#wrapper {
				width: 788px;
				margin: 0 0 0 49px;
				background: #EDCD97 url("./images/layout/bg.jpg") repeat-y;
				}
				
				#wrapper_spec {
					width: 788px;
					background: #EDCD97 url("./images/layout/bg.jpg") repeat-y;
					}
				
				a, a:visited { color: #452E1E; }
				a:hover { text-decoration: none; }	



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HEADER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#header {
		width: 865px;
		height: 21px;
		background: url("./images/layout/header.jpg") center;
		padding: 201px 0 0 0;
		margin: 0 0 0 15px;
		}
		
		body>#header { width: 866px; margin: 0; } /* Non-IE */
		
		#header_2 {
			width: 788px;
			height: 22px;
			background: url("./images/layout/header_2.jpg");
			padding: 160px 0 0 0;
			margin: 0 0 0 49px;
			}
			
		
		h1, #header small, #header_2 small { display: none; } /* Accessibility */
		
		
		
		
		/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
				MENU - HOME
			++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			
			ul#menu {
				width: 678px;
				height: 21px;
				margin: 0 auto;
				padding: 0;
				list-style: none;
				}
				
				ul#menu li {
					height: 21px;
					padding: 0;
					margin: 0;
					list-style: none;
					float: left;
					}
					
					.separator {
						width: 19px;
						height: 21px;
						background: url("./images/layout/buttons/home/separator.gif");
						float: left;
						}
						
						ul.home_menu a, ul.home_menu div { display: block; height: 21px; float: left; }
						
						ul.home_menu div#home { width: 44px; background: url("./images/layout/buttons/home/o_home.gif"); }
							ul.home_menu a.home { width: 44px; background: url("./images/layout/buttons/home/home.gif"); }
								ul.home_menu a.home:hover { width: 44px; background: url("./images/layout/buttons/home/o_home.gif"); }
						
						ul.home_menu div#visitors { width: 57px; background: url("./images/layout/buttons/home/o_visitors.gif"); }
							ul.home_menu a.visitors { width: 57px; background: url("./images/layout/buttons/home/visitors.gif"); }
								ul.home_menu a.visitors:hover { width: 57px; background: url("./images/layout/buttons/home/o_visitors.gif"); }
								
						ul.home_menu div#whatson { width: 75px; background: url("./images/layout/buttons/home/o_whatson.gif"); }
							ul.home_menu a.whatson { width: 75px; background: url("./images/layout/buttons/home/whatson.gif"); }
								ul.home_menu a.whatson:hover { width: 75px; background: url("./images/layout/buttons/home/o_whatson.gif"); }
						
						ul.home_menu div#membership { width: 84px; background: url("./images/layout/buttons/home/o_membership.gif"); }
							ul.home_menu a.membership { width: 84px; background: url("./images/layout/buttons/home/membership.gif"); }
								ul.home_menu a.membership:hover { width: 84px; background: url("./images/layout/buttons/home/o_membership.gif"); }
						
						ul.home_menu div#education { width: 144px; background: url("./images/layout/buttons/home/o_education.gif"); }
							ul.home_menu a.education { width: 144px; background: url("./images/layout/buttons/home/education.gif"); }
								ul.home_menu a.education:hover { width: 144px; background: url("./images/layout/buttons/home/o_education.gif"); }

						ul.home_menu div#collection { width: 72px; background: url("./images/layout/buttons/home/o_collection.gif"); }
							ul.home_menu a.collection { width: 72px; background: url("./images/layout/buttons/home/collection.gif"); }
								ul.home_menu a.collection:hover { width: 72px; background: url("./images/layout/buttons/home/o_collection.gif"); }

						ul.home_menu div#merchandise { width: 87px; background: url("./images/layout/buttons/home/o_merchandise.gif"); }
							ul.home_menu a.merchandise { width: 87px; background: url("./images/layout/buttons/home/merchandise.gif"); }
								ul.home_menu a.merchandise:hover { width: 87px; background: url("./images/layout/buttons/home/o_merchandise.gif"); }


	/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
			MENU - LEVEL 2
		++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		
		ul.menu_2 a, ul.menu_2 div { display: block; height: 21px; float: left; }
		
		ul.menu_2 div#home { width: 44px; background: url("./images/layout/buttons/2/o_home.jpg"); }
			ul.menu_2 a.home { width: 44px; background: url("./images/layout/buttons/2/home.jpg"); }
				ul.menu_2 a.home:hover { width: 44px; background: url("./images/layout/buttons/2/o_home.jpg"); }
		
		ul.menu_2 div#visitors { width: 57px; background: url("./images/layout/buttons/2/o_visitors.jpg"); }
			ul.menu_2 a.visitors { width: 57px; background: url("./images/layout/buttons/2/visitors.jpg"); }
				ul.menu_2 a.visitors:hover { width: 57px; background: url("./images/layout/buttons/2/o_visitors.jpg"); }
				
		ul.menu_2 div#whatson { width: 75px; background: url("./images/layout/buttons/2/o_whatson.jpg"); }
			ul.menu_2 a.whatson { width: 75px; background: url("./images/layout/buttons/2/whatson.jpg"); }
				ul.menu_2 a.whatson:hover { width: 75px; background: url("./images/layout/buttons/2/o_whatson.jpg"); }
		
		ul.menu_2 div#membership { width: 84px; background: url("./images/layout/buttons/2/o_membership.jpg"); }
			ul.menu_2 a.membership { width: 84px; background: url("./images/layout/buttons/2/membership.jpg"); }
				ul.menu_2 a.membership:hover { width: 84px; background: url("./images/layout/buttons/2/o_membership.jpg"); }
		
		ul.menu_2 div#education { width: 144px; background: url("./images/layout/buttons/2/o_education.jpg"); }
			ul.menu_2 a.education { width: 144px; background: url("./images/layout/buttons/2/education.jpg"); }
				ul.menu_2 a.education:hover { width: 144px; background: url("./images/layout/buttons/2/o_education.jpg"); }

		ul.menu_2 div#collection { width: 72px; background: url("./images/layout/buttons/2/o_collection.jpg"); }
			ul.menu_2 a.collection { width: 72px; background: url("./images/layout/buttons/2/collection.jpg"); }
				ul.menu_2 a.collection:hover { width: 72px; background: url("./images/layout/buttons/2/o_collection.jpg"); }

		ul.menu_2 div#merchandise { width: 87px; background: url("./images/layout/buttons/2/o_merchandise.jpg"); }
			ul.menu_2 a.merchandise { width: 87px; background: url("./images/layout/buttons/2/merchandise.jpg"); }
				ul.menu_2 a.merchandise:hover { width: 87px; background: url("./images/layout/buttons/2/o_merchandise.jpg"); }
		
		
		#s1 { background: url("./images/layout/buttons/2/separator_1.jpg"); }
		#s2 { background: url("./images/layout/buttons/2/separator_2.jpg"); }
		#s3 { background: url("./images/layout/buttons/2/separator_3.jpg"); }
		#s4 { background: url("./images/layout/buttons/2/separator_4.jpg"); }
		#s5 { background: url("./images/layout/buttons/2/separator_5.jpg"); }
		#s6 { background: url("./images/layout/buttons/2/separator_6.jpg"); }


			


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		CONTENT
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#content {
		float: left;
		width: 390px;
		padding: 30px 0 20px 0;
		text-align: left;
		font-size: 0.8em;
		color: #121212;
		display: inline; /* IE */
		}
		
		#content p { margin: 0 0 12px 0; }
		
			.content_wider { margin-left: 30px; }
			
				h3 { 
					font-size: 1em;
					color: #452E1E;
					margin-top: 25px;
					font-weight: bold;
					}
		
		#sidebar_left {
			padding: 30px 0 20px 0;
			float: left;
			width: 130px;
			margin: 0 20px 0 33px;
			display: inline; /* IE */
			}
			
			#sidebar_left img, #sidebar_right img { margin-bottom: 15px; }
			
			#content h2 {
				margin: 0 0 12px 0;
				color: #611516;
				font-weight: normal;
				font-size: 1.2em;
				}
				
				#sidebar_left h2 {
					width: 130px;
					height: 29px;
					margin: 0 0 8px 0;
					}
					
					h2#h_visitors { background: url("./images/headings/visitors.gif"); }
					h2#h_whatson { background: url("./images/headings/whatson.gif"); } 
					h2#h_membership { background: url("./images/headings/membership.gif"); } 
					h2#h_education { background: url("./images/headings/education.gif"); height: 53px; } 
					h2#h_collection { background: url("./images/headings/collection.gif"); } 
					h2#h_merchandise { background: url("./images/headings/merchandise.gif"); } 
					
					#sidebar_left ul {
						margin: 0;
						padding: 0;
						list-style: none;
						font-size: 0.9em;
						text-align: left;
						font-family: "Times Narrow", "Times New Roman", Times, serif;
						}
						
						#sidebar_left ul li {
							margin: 0 0 3px 8px;
							padding: 0 12px 0 21px;
							background: url("./images/layout/buttons/home/separator.gif") left 50% no-repeat;
							}
							
							#sidebar_left ul li a {
								color: #611516;
								text-decoration: none;
								}
								
								#sidebar_left ul li a:hover { text-decoration: underline; }
					
		
		#sidebar_right {
			padding: 30px 0 20px 0;
			width: 175px;
			margin: 0 0 0 15px;
			float: left;
			display: inline; /* IE */
			}




/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		PRODUCTS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	.product {
		padding: 0 0 10px 0;
		margin: 0 0 15px 0;
		border-bottom: 1px dashed #452E1E;
		}
		
		.product img {
			float: left;
			margin: 0 10px 10px 0;
			border: none;
			display: inline; /* IE */
			}	
			
			.product h3 { margin: 0 0 10px 0; }
			
			.product h3 a {
				color: #452E1E;
				text-decoration: underline;
				}
				
				.product h3 a:hover { text-decoration: underline; }
	
	.single_prod img { margin-bottom: 15px; }
	
	.event {
		padding: 0 0 5px 0;
		margin: 0 0 15px 0;
		border-bottom: 1px dashed #452E1E;
		}
		
		.event h3 {
			color: #452E1E;	
			margin: 0 0 2px 0;
			}
			
			.event small {
				display: block;
				font-size: 1em;
				margin: 0 0 10px 0;
				}
	
			.event p { margin: 10px 0 0 0; }
	
	
	
	
	
	
	
	
	
	
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FOOTER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	#footer {
		clear: both;
		width: 788px;
		height: 80px;
		background: url("./images/layout/footer.jpg") no-repeat;
		}
		
		#footer p {
			float: left;
			display: inline; /* IE */
			margin: 46px 0 0 50px;
			font-size: 0.8em;
			width: 150px;
			}
			
			#footer p a {
				color: #150E09;
				text-decoration: none;
				}
				
				#footer p a:hover { text-decoration: underline; }	
					
		a#contact {
			display: block;
			width: 137px;
			height: 59px;
			background: url("./images/layout/buttons/contact.jpg") right;
			float: right;
			display: inline; /* IE */
			margin: 21px 35px 0 0;
			}
			
			a#links {
	display: block;
	width: 92px;
	height: 64px;
	background: url("./images/layout/links.jpg");
	float: left;
	display: inline; /* IE */
	margin: 10px 0 0 324px;
				}