/* --------- general layout ------------*/
html, body {
	margin:0 0 0 1em;
	padding:0;
	font-family: arial, helvetica, sans-serif;
	height: 100%;
	}
	
a img {border:0;}

a {color: #03c;}



/* --------- header rules ------------*/

#header {
	border:0 0 0 0;
	margin:0;
	padding:0;
	height: 88px;
	}
	
#logo {position: absolute; top: 23px; left: 0px;}

/* --------- hide some things ------------*/

/*

#headerimage, 

*/

#menubar, #menu, #leftnav, #breadcrumb, #breadcrumbc, #enlarge {
display: none;
}





/* ----------------- rules for content pages ---------------------- */

/* cronology table */
.chronology div.table table {
/* border : 1px dotted purple; */
	width : 80%;
	background-color :#fff;
	/* border-collapse: separate;*/
	border: #ccc 1px solid;
	margin-left: 4em;
}

div.table th {
	font-weight : bold;
	text-align : left;
	padding : 0.5em;
	vertical-align : top;
	border : #ccc 1px solid;
 }

div.table tr td {
	padding : 0.5em;
	border : #ccc 1px solid;
	/*
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid; */
}

div.table table.wide tr td {
	padding : 0.5em;
	border : #ccc 1px solid;
	/*
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid; */
}


#content {
 font-family: "Times New Roman", serif;
  padding:0;
  margin:0 2em 0 0; 
  font-size: 66%; 
  line-height: 1.3em;
}

div.chronology, div.greatminds {font-family: "Times New Roman", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif !important; font-size: 90% !important; width:80% !important; margin-left: 5em !important;}
div.greatminds div.portrait {display:none;}
div.greatminds div.table, div.greatminds div.table table {width:96%; margin-top: 1em;}

	
#heading {
  padding:0 0px 0 0px;
  margin:0px 16px 0 0;  
  background: #ededea;
}

#headingtrans {
	position: relative;
	width: 46%;
	height: 87px;
	overflow: hidden;
	color:#000;
	padding: 0px 0px 0 0px;
	}

#headingtrans h1 {
	font-size : 24px;
	color:#000;
	font-weight : normal;
	margin : 0em 0em 0em 0em;
	padding : 0px 0px 25px 0px;

	}
	
#headingtrans h2 {
	height: 16px; /* hack for IE */
	font-size : 14px;
	color:#000;
	font-weight : normal;
	margin : 0em 0em 0em 0em;
	padding : 14px 0px 5px 0px;
	border-bottom : #666 solid 1px;
	}

 /*
 #headerimage {
	position: absolute;
	top: 148px;
	left: 190px;
	width: 661px;
	height: 192px;
	padding:0 0px 0 0px;
	overflow: hidden;
}	*/


#headerimage {
	position: absolute;
	top: 82px;
	left: 385px;
	width: 305px;
	height: 80px;
	padding:0 0px 0 0px;
	overflow: hidden;
}	

#headerimage img {
	width: 271px;
	height: 80px;
	padding:0 0px 0 0px;
	overflow: hidden;
}	

#notes {
	position: absolute;
	top: 168px;
	left: 490px;
	font-weight: bold;
	font-size: 90%;

}

	
#heading h1 {
	font-size : 24px;
	font-weight : normal;
	color : #666;
	margin : 0em 0em 0em 0em;
	padding : 0px 0px 25px 0px;
	background: #ededea;
	}
	
#heading h2 {
	height: 16px; /* hack for IE */
	font-size : 14px;
	font-weight : normal;
	color : #666;
	margin : 0em 0em 0em 0em;
	padding : 14px 0px 5px 0px;
	background: #ededea;
	border-bottom : #666 solid 1px;
	}

	
#content h1 {font-size: 100%; font-weight: bold; color : #333; margin-top: 2em; margin-bottom: -2em;}
#content h2 {font-size: 92%; font-weight: bold; color: #4c4c4c; margin-top: 2em; margin-bottom: -2em;}
#content h3 {font-size: 85%; font-weight: bold; color: #666; margin-top: 2em; margin-bottom: -2em;}
#content h4 {font-size: 77%; font-weight: bold; color: #666; margin-top: 2em; margin-bottom: -2em;}

#content p {
  margin:2em 20px 1em 0; 
}		


#content ul, #content ol {
margin: auto 20px auto 30px;
}

#content ul {
list-style: square;
margin: auto 20px auto 30px;
}

#content ol {
list-style: decimal;
}
	
dl dt {
font-weight : bold; 
color : #4c4c4c; 
}

dl dd {
margin-bottom : 1em;
padding : 1px 0px 1px 4px; 
}


div.highlight {
float:right; padding:10px 20px 10px 20px; width: 150px;
border-top : 1px solid #ccc;
border-bottom : 1px solid #ccc;
font-size: 80%;
line-height: 1.2em;
background: #d6e6ff;
}

div.highlight h1 {
width: 150px;
font-size: 80%;
padding-bottom: 3em;
}

#content div.highlight p {
padding:0;
margin:0;
}


table td, table th {
vertical-align : top;
}
	
	
	
/* --------- footer rules ------------*/
	
#footerh {
	border:0 0 0 0;
	margin:0;
	padding:0;
	width:850px;
	height: 50px;
	background-color: #fff;
	text-align:right;
	}

#footerh p {display: inline; font-size: .73em; font-weight: normal; color: #666; float:left; margin-left:70px; margin-top:6px;}

#footer {
	background: #fff;
	border:0px;
	margin:85px 16px 0px 42px;  
/*  	padding:55px 16px 0 220px;*/
	text-align:right;
	border-top: #ccc solid 1px;
	}

#footer p {display: inline; font-size: .73em; font-weight: normal; color: #666; float:left; margin-left:0px; margin-top:6px;}

.hide, #footer img, #footerh img, #footer a, #hright, #leftnav, #breadcrumb {display:none;}