/* global */
* {
margin: 0;
padding: 0;
outline-style: none;
}

ul { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-family: "lucida grande", "Trebuchet MS","tahoma", arial, sans-serif; letter-spacing: 1px }
body { 
font-family: "lucida grande", "Trebuchet MS","tahoma", arial, sans-serif;
line-height: 1.75em;
background: #C3D3E6 url(../images/bkgd.jpg) top left repeat-x;
position: relative;}
button { cursor: pointer }

input, textarea{
	font-family: "lucida grande", "Trebuchet MS","tahoma", arial, sans-serif;
	font-size: 100%;	
	color:#6D6F39;
}

/* container wraps */
#masthead_wrap {
height: 190px;
background: #7B7288 url(http://www.wallaceandareamuseum.com/images/masthead_bkgd.jpg) no-repeat 50% 0%;}

#primary_wrap {
background: url(http://www.wallaceandareamuseum.com/images/primary_bkgd.gif) center repeat-y;}

#footer_wrap {
height: 140px;
background: #7B7288 url(http://www.wallaceandareamuseum.com/images/footer_bkgd.jpg) no-repeat 50% 0%;}

/* layout */
#masthead {
position: relative;
width: 890px;
margin: 0 auto;
padding-top: 17px;
}

	#masthead h1 {
	margin-left: 0px;
	width: 270px;
	height: 90px;
  background: url(http://www.wallaceandareamuseum.com/images/logo.png) no-repeat;
	}
	#masthead h1 a {
	width: inherit;
  text-decoration: none;
	height: inherit;
	display: block;
	}
	#masthead h1 a span { visibility: hidden;
	font-size:20px; }
	
	ul#nav {
	width: 890px;
	position: absolute;
	top: 140px;
	right: 0px;
	height: 50px;}
	
		ul#nav li { float: left; margin-left: 60px; cursor: pointer;}
		ul#nav li#first { margin-left: 185px }
		ul#nav li a { display: block; text-indent: -9999px; }		
		ul#nav a#history { background: url(/images/menu_01a.gif) no-repeat left top; height: 50px; width: 51px; }
		ul#nav a:hover#history, ul#nav a#history-here { background: url(/images/menu_01b.gif) no-repeat left top; height: 50px; width: 51px; }		
		ul#nav a#grounds { background: url(/images/menu_02a.gif) no-repeat left top; height: 50px; width: 59px; }
		ul#nav a:hover#grounds, ul#nav a#grounds-here { background: url(/images/menu_02b.gif) no-repeat left top; height: 50px; width: 59px; }		
		ul#nav a#calendar { background: url(/images/menu_03a.gif) no-repeat left top; height: 50px; width: 67px; }
		ul#nav a:hover#calendar, ul#nav a#calendar-here { background: url(/images/menu_03b.gif) no-repeat left top; height: 50px; width: 67px; }		
		ul#nav a#gallery { background: url(/images/menu_04a.gif) no-repeat left top; height: 50px; width: 53px; }
		ul#nav a:hover#gallery, ul#nav a#gallery-here { background: url(/images/menu_04b.gif) no-repeat left top; height: 50px; width: 53px; }		
		ul#nav a#contact { background: url(/images/menu_05a.gif) no-repeat left top; height: 50px; width: 57px; }
		ul#nav a:hover#contact, ul#nav a#contact-here { background: url(/images/menu_05b.gif) no-repeat left top; height: 50px; width: 57px; }


	#primary { width: 860px; margin: 0 auto; padding: 20px; color: #91621C; overflow: auto;	background: #FFFFFF;}
	#primary h3, #primary h3 a {font-size: 22px; color: #91621C;}		
	#primary h3 a { font-weight: normal }
	#primary p { text-align:justify;}
	#primary a { color: #2B5FA4; text-decoration:none;}
	#primary a:hover, #primary h3 a:hover { text-decoration:underline; }
	
	div.photos img {
	border: 0;
	margin: 0 0 2px 10px;
	background: #fff;
	padding: 0 4px 4px 0;
	border: #C3D3E6 solid 1px;
	border-width: 0 1px 1px 0;
	float:right;
	
}

	div.photos iframe {
	border: 0;
	margin: 0 0 2px 10px;
	background: #fff;
	padding: 0 4px 4px 0;
	border: #C3D3E6 solid 1px;
	border-width: 0 1px 1px 0;
	float:right;
	
}

#footer {
width: 890px;
margin: 0 auto;
color: #FFFFFF;
padding: 8px 0 0;
}

	.footer						{color:#FFFFFF; text-decoration:none; font-size:12px;}
	a.footer					{color:#FFFFFF; text-decoration:none; font-size:12px;}
	a.footer:link			{color:#FFFFFF; text-decoration:none; font-size:12px;}	
	a.footer:hover		{color:#FFFFFF; text-decoration:underline; font-size:12px;}
	a.footer:visited	{font-weight: normal;}