body {
text-align: center; /* IE6 needs this to center the layout in the browser window */
font-size:101%;
background-image:url(images/crisscross_tile1.jpg);
background-repeat:repeat;
}
	
#main_wrapper {
width: 740px; /* widths of columns will change proportionately as this width is changed */
margin-left: auto;  /* centers layout in browser */
margin-right: auto; /* centers layout in browser */
text-align: left; /* resets the centering hack for IE6 on the body tag */
background-color:#d5c893;
color:#333;
}

#header {
background-color:#4B4887;
width: 100%;
}

h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.5em;
margin:2em 0 0 0;
}

h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
margin:0;
}

.pixheader{
float:left;
margin:0 0 0 0;
padding:0;
}
	
nav{
margin:0;
padding:0;
width:100%;
}

nav_inner { 
	width: 100%; 
	height:auto;
	margin: 0;
}

#nav_inner ul {
	list-style-type:none;
	margin:0;
	padding:0;

}


#nav_inner ul li a {
    margin:0;
    display: block;
	width: 90px;
	float: left;

	padding: 5px 40px 5px 40px;
	background-color:#d5c893;
	text-align:center;

	text-decoration: none;
	color:#4b4887;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
}

#nav_inner ul li a:hover {

    color:#d5c893;
	background-color:#4b4887;
}


#content {
margin:0;
float: left; /* floats on nav and content divs make them sit side by side */
width: 75%; /* this width + nav width must total 100% */
top: 0px;	
background-color:#d5c893;
}

#content img{
float:right;
border:#4b4887;
border-style:double;
}

#content h3{
margin:.25em 0 0 -1em;
}

#content p{
margin:0 0 1em 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.83em;
line-height:1.6em;

}


.pixcenter {
clear:both;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#content blockquote{
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;

}
#Chronology{
padding:0;
margin-left:auto;
margin-right:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.7em ;
font-style:italic;
float:right;
width: 25%;
top: 0;
background-color:#d5c893;
}
.Article {
clear:both;
margin-left:auto;
margin-right:1em;
margin-top:3em;
text-align:center;
}

#rule {
    clear:both;
	width:500px;
	margin-left:2em;
	border-bottom:1px solid #AB9D85;;
}

#footer {
clear:both; /* makes the footer sit below whichever column is longest */

}

#footer p{
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-right:auto;
margin-left:auto;
text-align:center;
border-top:1px solid #333;
font-size:.76em;
padding-top:1em;
}
	
#header_inner, #nav_inner, #content_inner, #promo_inner {
overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
}
	
#header_inner { 
padding: 20px 30px 20px 30px; /* creates space between the box  and the content */
}
	
#nav_inner {
padding: 0 10px 0 30px; /* creates space between the box and the content */
}
	
#content_inner { 
padding:0 30px; /* creates space between the box and the content */

}

	
#footer_inner {
padding: 20px 30px 20px 30px;
}

content sup a.note {
background-color: #FFE680;
color: #333;
margin-right: .2em;
padding: .1em .2em .1em .2em;
text-decoration: none;
border: none;
line-height: 0em;
}

#content sup a.note:visited {
background-color: #E6B873;
}

#content sup a.note:hover, #maincontent sup a.note:active {
background-color: #FF9900;
}

#footnotes {
font-size: .94em;
margin-top: 0;
width: 650px;
float: right;
}

#footnotes p {
margin: 1em 1.5em;
padding: .5em 3em 0 1em;
line-height: 130%;
}

#footnotes sup a.note {
background-color: #FFE680;
text-decoration: none;
color: #333;
padding: .1em .2em .1em .2em;
margin-right: .2em;
border: none;
line-height: 0em;
}

#footnotes sup a.note:visited {
background-color: #E6B873;
}

#footnotes sup a.note:hover, #footnotes sup a.note:active {
background-color: #FF9900;
}