/* ---------------------------------keeps container wrapped around the content---------------------- */
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

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

/* ---------------------------------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 --- */
.bolddate{font-weight: bold;}
/* ---------------------------------controls text on pages----------------------------------------- */
/* #content {
	position:absolute;
	float:left;
	top: 230px;
	text-align:justify;
	margin-left: 85px;
	width: 660px;
	padding: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#000000;
	left: -27px;
	
}  */
#content {
	position:relative;
    top: 55px; 
	float: left;
	text-align:justify;
	margin-left: 85px;
	_margin-left: 50px;
	width: 660px;
	padding: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#000000;
	left: -27px;
	
}

/* #content {
	position:relative;
    top: 45px; 
	float: left;
	text-align:justify;
	margin-left: 85px;
	width: 660px;
	padding: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	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:-999px;
	width:450px;
}

#menu li:hover ul{
	left:auto;
}

/* --------------------------------- positions text in the top nav ----------------------------------------- */
#link{
	margin-right: -20px;
	.margin-right:-15px; /*IE7 sees this so does IE6 this must go above the _margin-right*/
	_margin-right:-5px; /*IE6 sees this IE7 doesn't*/
	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:#ffffff;
	font-weight:normal;
	width:auto;
}

#dropmenu a:hover {
color : black;
}

#dropmenu li{
	float:left;
	z-index: 500;
}

/* --------------------------------- 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;
}

#welcome {
	float:right;
	border: 1px;
	border-color:#000000;
	border-style:solid;
	padding:0px 0px 0px 0px;
	margin-left:15px;
	margin-bottom:5px;
}
	
#sectionheader {
	float:left;
	position: absolute;
	top: 0px;
}

.quote {font-size:13px; font-style:italic; color:#FFFFFF;}
.sig {font-size:11px; color:#FFFFFF;}

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


/* --------------------------------- css for gallery section ----------------------------------------- */

#gallery
{
	cursor: default;
	list-style: none;
}

#gallery img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 110px;
	height: 110px;
}

#gallery li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
	text-align:center;
}

#gallery  a span{ /* this hides the artist name */
/*\*/
	position:absolute;
	left:-9999px;
	z-index:100;
}
#gallery a{ /* this removes the blue underline on the artist name */
	text-decoration:none;
	cursor:pointer;
}
#gallery a:hover span{	/* Styles the box that appears on the roll over */
	top:auto;
	left:7px;
	width:110px; /* this matches the width of the image */
	background:#FFF;
	color:#000;
	padding:3px 0 3px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	border:1px solid #000;
	border-width:1px 1px 1px 1px;
	
} 


#blog {position:relative; left:352px; top:-11px;}