/* ---------------------------------Site background color----------------------------------------- */
body {
	background-image: url(http://www.penntreatymuseum.org/images/float/bg.png);
	margin-top: 0px;	
}

/* ---------------------------------div containing site----------------------------------------- */
#container {
	margin-left:150px;
	position:absolute;
	background: url(http://www.penntreatymuseum.org/images/bg.jpg) repeat;
	width:750px; 
	border: 2px;
	border-style:solid;
	border-color:#000000;

}
.indent{padding-left:30px;} /*--- paragraph indent for history pages --- */

/* ---------------------------------controls text on pages----------------------------------------- */
#content {
	position:absolute;
	top: 230px;
	text-align:left;
	margin-left: 170px;
	width: 575px;
	padding: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	left: -27px;
	
	
}
	
#content h3{
	color:#856128;
	font-weight:bold;
}

#content a{
	text-decoration:none;
	color:#999999;
}
#content a:hover{
	color:#000000;
}


/* ---------------------------------Top Nav----------------------------------------- */
#header {
	padding: 0;
	margin: 0;
	width:750px;

}

#navcontainer {
	position:absolute;
	margin-top:0px;
	margin-left:0px;
	width: 750px;
	height: 68px;
	background: url(http://www.penntreatymuseum.org/images/topnav/navbackground3.jpg) center right no-repeat;
}


#menu, #menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
font: 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 5px 5px;
}

#menu li h2 { 
text-transform: uppercase;
width:6em;
font-weight:bold;
}

#menu a {
font-weight:bold;
color: #856128;
text-decoration: none;
}

#menu a:hover {
color : black;
}

#menu li {
	float: right;
	width: auto;
	display: block;
}

#menu li ul{
	position:absolute;
	left:360px;
	width:400px;
}

#menu li:hover ul{
	left:360px;
}

/* --------------------------------- positions text in the top nav ----------------------------------------- */
#link{
	margin-right:-20px;
	margin-top:-2px;
}

#bib{
	margin-right:27px;
	margin-top:-2px;
}

#gallery{
	margin-right:-4px;
	margin-top:-2px;
}

#time{
	margin-right:-5px;
	margin-top:-2px;
}

#history{
	margin-right:-2px;
	margin-top:-2px;
}

/* --------------------------------- Drop Menu Under History ----------------------------------------- */
#dropmenu {
	position: absolute;
	font-size:13px;
	width:auto;
	top:30px;

}

#dropmenu a{
	color: white;
	font-weight:bold;
	width:auto;
}

#dropmenu a:hover {
color : black;
}

#dropmenu li{
	float:left;
	z-index: 500;
}
/* --------------------------------- Drop Menu Under History End ----------------------------------------- */
.quote {font-size:13px; font-style:italic; color:#FFFFFF;}
.sig {font-size:11px; color:#FFFFFF;}
.caption {font-size:10px; font-weight: bold;}

/* ---------------------------------Float Menu ----------------------------------------- */
#floatmenu {
	position:relative;
	padding-top:20px;
	/*top: 80px;*/
	width: 141px;
	height:268px; 
	text-align:left;
	background:url(http://www.penntreatymuseum.org/images/float/floatmenu-3000.jpg);
	background-repeat:no-repeat;
}

#floatmenu ul{
	margin:0px;
	line-height:9px;
   	padding-left: 10px; 
    list-style-type: none;
}

#floatmenu ul li{
	margin-top: 5px;
	/*margin-left: 5px;*/
	}

#floatmenu a{
	font-family:arial,helvetica,sans-serif; 
	font-size:11px; 
	font-weight:bold; 
	color:black; 
	text-decoration:none;

}
#floatmenu a:hover{
	color:gray; 
	text-decoration:none;
}


/* --------------------------------- images for layout ----------------------------------------- */
#cornerimage {
	float:left;
	padding:0px;
	position:absolute;
	top:209px;
	left:0px;
}

#topbar {
	float:left;
	padding:0px;
	position:absolute;
	top:210px;
	left:102px;
}


/* --------------------------------- images for native americans section ----------------------------------------- */
#americanleft {
	float:left;
	/* border: 1px;
	border-color:#000000;
	border-style:solid; */
	padding:0px 0px 0px 0px;
	margin-right:10px;
	margin-bottom:5px;
} 

#americanright {
	float:right;
	/* border: 1px;
	border-color:#000000;
	border-style:solid; */
	padding:0px 0px 0px 0px;
	margin-left:10px;
	margin-bottom:5px;
}



#headerimg {
	float:left;
	position: absolute;
	}

/* --------------------------------- images for william penn section ----------------------------------------- */
#penn1 {
	float:left;
	border: 1px;
	border-color:#000000;
	border-style:solid;
	padding:0px 0px 0px 0px;
	margin-right:10px;
	margin-bottom:5px;
}


/* --------------------------------- images for penn treaty park section ----------------------------------------- */
#park1 {
	float:left;
	border: 1px;
	border-color:#000000;
	border-style:solid;
	padding:0px 0px 0px 0px;
	margin-right:10px;
	margin-bottom:5px;
}

/* --------------------------------- Clearfix for container hieght ----------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */