body {
margin:0;
padding:0;
background-image:url('http://www.paloaltohistorymuseum.org/images/bkgd.png');
background-repeat:repeat;
}

#wrapper {
margin: 0 auto;
width:800px;
text-align:left;
}

p {
font-family: 'EB Garamond', serif;
font-size:20px;
}

#mainHeading h1 {
text-align: center;
font-size: 60px;
font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
color:#B86242;
line-height: 45px;
padding-top:10px;
margin:5px 0;
text-shadow: 1px 3px 3px grey;
}

nav#mainNav ul {
display:inline-block;
text-align: center;
width:100%;
background-color:black;
list-style-type:none;
margin: 0;
padding: 0;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}

nav#mainNav li {
width:12.5%;
float: left;
}

nav#mainNav a {
font-family: Arial;
font-size:13px;
display: block;
text-decoration: none;
background-color:#B86242;
color: #eee;
padding:8px 0;
}


nav#mainNav a:visited {
color: white;
}

nav#mainNav a:hover {
color: #fff;
text-decoration: underline;
}

nav#mainNav a.active {
  font-weight: bold;
  font-size: 15px;
  color: #fff;
  padding:7px 0;
}

div#homeSection{
width: 800px;
height: 560px;
padding:0;
margin:0;
background-position: 1px 0px, 0 0;
background-image: url(http://www.paloaltohistorymuseum.org/images/rothbuilding02.jpg);
background-repeat: no-repeat, repeat-x;
}

.home-subtitle {
  color: #555;
  font-size: 20px;
  margin-top: 12px;
  margin-bottom: 8px;
}

.home-picture-caption {
  color: #555;
  font-size: 20px;
  margin-top: 6px;
  margin-bottom: 12px;
}

.home-headline {
  font-size: 24px;
  font-weight: bold;
  margin-top: 16px;
}

.home-address {
  font-size: 18px;
}

div#theNeed{
color: white;
padding: 0 8px;
width:240px;
height:560px;
background-color:#B86242;
float:left;
opacity:0.70;
filter:alpha(opacity=70);
}

div#theNeed p strong{
font-size: 42px;
}

div#theNeed p{
font-family: 'Lustria', serif;
padding-top:23px;
padding-left:10px;
padding-right:10px;
color:white;
font-size:20px;
}

.home-sidebar-text {
  font-size: 20px;
  margin-top: 8px;
}


.home-join-us {
  color: white;
  margin-top: 48px;
}

.home-join-us-link {
  color: white;
  text-decoration: underline;
}

.home-join-us-link:hover {
  text-decoration: underline;
}

.home-join-text {
  font-size: 20px;
  margin-top: 8px;
}

div#theSite {
margin:5px 0;
padding:2px 20px;
background-color:#f8f8f8;
opacity:0.75;
}

div#theSite p, ul, h2{
font-family: 'Lustria', serif;
}

p#donate{
margin-top:30px;
font-size:25px;
text-align:center;
}


div#footer{
clear:both;
margin:0;
padding:3px;
background-color:#B86242;
}

div#footer p{
font-family:arial;
padding:0;
margin:0;
color:white;
text-align: center;
}


.location-subtitle {
  margin-top: 42px;
  font-size: 20px;
}


#historyMap {
margin:0;
padding:0;
position: relative;
top: -30px;
width:795px;
height:1320px;
background-position: 5px 20px, 0 0;
background-image: url(http://www.paloaltohistorymuseum.org/images/locationmap001.png);
background-repeat: no-repeat, repeat-x;
font-family:arial, helvetica, sans-serif;
font-size:9pt;
}

#historyMap li {

margin:0;
padding:0;
list-style:none;
}

#historyMap li a {
position:relative;
display:block;
text-decoration:none;
background:url(http://www.paloaltohistorymuseum.org/css/blank.gif);
}

#historyMap li a span {
display:none;
}


#historyMap li a:hover span {
position:absolute;
display:block;
width: 300px;
left:40px;
top:-70px;
padding:10px;
border: 2px solid #135a32;
background:#fff;
text-decoration:none;
color:#000;
filter:alpha(opacity=96);
opacity:0.96;
}

#historyMap li a:hover span img{
border: none;
}

#historyMap a.area1 {
top:80px;
left:210px;
width:55px;
height:55px;
}

#historyMap a.area2 {
top:218px;
left:210px;
width:55px;
height:55px;
}

#historyMap a.area3 {
top:365px;
left:188px;
width:90px;
height:55px;
}

#historyMap a.area4 {
top:240px;
left:315px;
width:60px;
height:60px;
}

#historyMap a.area5 {
top:302px;
left:315px;
width:60px;
height:60px;
}

#historyMap a.area6 {
top:105px;
left:705px;
width:60px;
height:60px;
}

#historyMap a.area7 {
top:350px;
left:90px;
width:60px;
height:60px;
}

#historyMap a.area8 {
top:305px;
left:285px;
width:60px;
height:60px;
}

#historyMap a.area9 {
top:280px;
left:322px;
width:60px;
height:60px;
}

#historyMap a.area10 {
top:330px;
left:285px;
width:60px;
height:80px;
}

#historyMap a.area11 {
top:270px;
left:540px;
width:80px;
height:80px;
}

#historyMap a.area12 {
top:305px;
left:285px;
width:60px;
height:60px;
}

#historyMap a.area13 {
top:370px;
left:285px;
width:60px;
height:60px;
}

#historyMap a.area14 {
top:380px;
left:220px;
width:60px;
height:60px;
}

div.column1{
width:300px;
float:left;
padding-top:10px;
}
.column1 li, .column2 li{
padding-left:30px;
list-style-type: none;
font-size:14px;
}
div.column2{
width:300px;
float:right;
padding-top:12px;
padding-right:120px;
}

div#aboutSection{
overflow:hidden
}

div#renovationSection h2, div#factSheet h2, div#storySection h2, div#aboutSection h2, div#contactSection h2, div#donateSection h2{
padding-left:15px;
line-height:30px;
font-size:25px;
}

div#factSheet h2, div#storySection h2, div#aboutSection h2, div#donateSection h2{
text-align:center;
}

div#renovationSection h3, div#factSheet h3, div#storySection h3, div#aboutSection h3, div#contactSection h3, div#donateSection h3{
padding-left:20px;
}

div#renovationSection p, div#factSheet p, div#storySection p, div#aboutSection p, div#contactSection p, div#donateSection p{
padding:0 50px;
}

div#gallery{
margin:0;
padding-top:30px;
}
	#gallery {
		text-align:left;
		padding:20px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { 
	display: inline; 
	padding: 0 5px;
	}
	#gallery ul img {
	}
	#gallery ul a:hover img {
	    opacity: .5;
		color: #fff;
	}
	#gallery ul a:hover { color: white; }
	
div#footer{
margin:0 0 10px 0;
padding:0;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
-moz-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;
}
	
div#footer p{
font-family: 'Poiret One', cursive;
font-size:18px;
}
div#contentWrapper{
margin:0;
padding:2px 0;
min-height:580px;
}

form{
font-family:Arial, sans serif;
font-size: 15px;
padding-left:25px;
}