body {
text-align: center; /* IE6 needs this to center the layout in the browser window */
font-size:101%;
background-image:url(images/bk125v3.gif);
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 */
margin-top:2em;
text-align: left; /* resets the centering hack for IE6 on the body tag */
background-color:#CDC4A7;
color:#333;
}

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

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

h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
margin-top:1EM;
margin-bottom:1EM;
}

.pixheader{
float:left;
margin:0 0 0 0;
padding:0;
}
	
#content {
font-family:Georgia, "Times New Roman", Times, serif;
margin:0;
float: left; /* floats on nav and content divs make them sit side by side */
width: 74%; /* this width + Chronology width must total 100% */
top: 0px;	
color:#66331a;
background-color:#cdc4a7;
display:inline;
}
.pixrt 	
	{
	float:right;
	margin:0;
	padding: 10px 0 0 10px;
	border:none;
	}

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

.pixlft 
	{
	margin:0 0 0 0;
	padding: 10px 10px 0 0px;
	float:left;
	border:none;
	}




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

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

}

#content em{ 
font-style:italic;
}

#content em#NoRed{
color:#66331a;
font-style:italic;
}


#content blockquote{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:.8em;
line-height:1.5em;

}
#content sup a.note {

color:#000000;
margin-right: .2em;
padding: .1em .2em .1em .2em;
text-decoration: none;
border: none;
line-height: 0em;
}

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

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


#Chronology{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.7em ;
font-style:italic;
float:right;
width: 25%;

background-color:#cdc4a7;
display:inline;
}
#Chronology_inner{
padding: 0;
}
#Chronology_inner ul {
list-style: none;
margin: 2em 0 0 0;
padding: 0;
}


#Chronology_inner li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.25em;
background-repeat: no-repeat;
background-position: center left;
padding: 0 0 2em 1em;
margin: 0;
}

#Chronology_inner h3{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:.9em;
margin:1em;
margin-left:.5em;
color:#996633;
text-align:center;
}

.Littlerule {
    clear:both;
	width:125px;
	margin-left:1em;
	border-bottom:1px solid #996633;
	margin-bottom:1em;

}

#Chronology_inner p{
margin-left:2em;
color:#996633;
margin-top:0;
font-size:1em;
} 
a {
color:#66331a;
}
a:Hover{
color:#CC0000;
}

#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: 0; /* creates space between the box  and the content */
}
	
	
#content_inner { 
padding: 1em 1em 1em 2em; /* creates space between the box and the content */
}


.clearthefloats {clear:both;}

#content_inner h4{text-align:center;}

.ResourceContainer{
width:28%;
border-style:solid;
border-color:#996633;
border:thin;
padding: .5em;
float:left;
Position:relative;
}
.ResourceContainer h2 {
font-size:.7em;
margin:0;
}

.ResourceContainer p{
width:100px;
font-family:"Times New Roman", Times, serif;
left:50px;
top:15px;
font-size:.2em;
border-style:solid;
border-color:#ce8b6a;
border-width:thin;
background-color:#baae87;
position:absolute;
display:none;
padding:5px;
}
.ResourceContainer:hover p, p:hover{
display:block;

}

#chronology_inner {
padding:0 5px ;
}
	
#footer_inner {
padding: 20px 30px 20px 30px;
}

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

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

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

#footnotes sup a.note:visited {
color: #996633;
}

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