
#menubar, #menu, #leftnav, #breadcrumb, #breadcrumbc, #enlarge, #hright, .hide, #footer img, #footerh img, #footer a, #headerimage p {
display: none;
}

/* --------- general layout ------------*/
html, body {
	margin:0;
	padding:0;
	font-family: arial, helvetica, sans-serif; 
	}
	
@media screen {
#centeredwrap {
	width:90%;
	}

}	

#content {font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif !important; font-size: 82% !important;}

a img {border:0;}
a {color: #03c;}

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

#header {
	border:0 0 0 0;
	margin:0;
	padding:0;
	width:850px;
	height: 78px;
	}
	
#logo {position: absolute; top: 23px; left: 21px;}


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

#content {
  padding:0 5em 0 5em;
  margin:0px; 
  font-size: 96%; 
  line-height: 1.5em;
}

/* ---------- type specific -------------- */

#content.chronology {padding-top:190px;}
div.chronology table {
margin-top:30px !important;
}

#divprint {
float: right;
width: 450px;
height: 143px;
}

.syllabus {padding-top:40px !important;}

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

#headingtrans {
	position: absolute;
	top: 5em;
	left: 3em;
	width: 100%;
	color:#000;
	padding: 0px 0px 0 20px; 
	}
	
#headingtrans h1 {
	height: 26px;  /* hack for IE */
	font-size : 24px;
	font-weight : normal !important;
	margin : 0em 0em 0em 0em;
	padding : 0px 0px 25px 0px;
	background: transparent;
	}
	
#headingtrans h2 {
	height: 16px; /* hack for IE */
	font-size : 14px;
	font-weight : normal !important;
	margin : 0em 0em 0em 0em;
	padding : 10px 0px 5px 0px;
	border-bottom : #000 solid 1px;
	background: transparent;
	}

	/*
#headerimage {
	position: absolute;
	top: 162px;
	left: 385px;
	width: 350px;
	height: 103px;
	padding:0 0px 0 0px;
	overflow: hidden;
}	
*/

#headerimage {
	float:right;
	width: 350px;
	height: 103px;
	padding: 5.5em 0 1em 1em;
	overflow: hidden;
}	



#headerimage img {
	width: 350px;
	height: 103px;
	padding:0 0px 0 0px;
	overflow: hidden;
}	


#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: 0em;}
#content h2 {font-size: 92%; font-weight: bold; color: #4c4c4c; margin-top: 2em; margin-bottom: -.5em;}
#content h3 {font-size: 85%; font-weight: bold; color: #666; margin-top: 2em; margin-bottom: -.5em;}
#content h4 {font-size: 77%; font-weight: bold; color: #666; margin-top: 2em; margin-bottom: -.5em;}

.syllabus h2 {font-size: 108%! important; padding-left:.2em; border-top: #000 2px solid; border-bottom: #000 1px solid;} 

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


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

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

#content ul li { 
	padding : 4px 0 4px 10px;
	background-image : url("/assets/bullet_round.gif");
	background-repeat : no-repeat;
	background-position : 4px 12px;
}

/*
#content ul {
	margin-top: 0;
	margin-left : 0;
	padding-left : 0;
	list-style : none;
}

#content ul li ul {
	margin-top: 0; 
	margin-left : 25px;}

#content ul li { 
	padding : 4px 0 4px 10px;
	background-image : url("/images/bullet_round.gif");
	background-repeat : no-repeat;
	background-position : 0 10px;
}

#content ul.nobullet li { 
	padding : 4px 0 3px 0px;
	background-image : none;
}	
*/	
	
#content ol {
list-style: decimal;
}
	
#content blockquote {
margin-left: 2em;
}
	
	
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;
}

.chronology table th {font-weight:bold;}
.chronology table {margin-top: 15em;}

/* Tables */

div.table {
/* border : 1px dotted purple; */
	background-color :inherit;
	margin: 1em 0 0 .1em;
	width: 98%;
}

div.table caption {
	text-align: left;
	font-size : 12px;
	font-weight : bold;
	color : #4c4c4c;
	background-color : #fff;
}

div.table caption.captionhead {
	background-color:#f4f9ff; 
	padding: 3px; 
	border: 1px solid #eee;
}

div.table table {
/* border : 1px dotted purple; */
	width : 98%;
	font-size : 12px; /* font size for table cells */
	background-color :#fff;
	border-collapse: collapse;
	border-left: #ccc 1px solid;
}

div.table th {
	font-weight : bold;
	color : #fff;
	/* background-color : #4775A3; */
	background-color : #bbbbb5;	
	text-align : left;
	padding : 6px;
	vertical-align : top;
	/*white-space: nowrap;*/
	border : #ccc 1px solid;
 }
 
div.table thead tr th {
	font-weight : bold;
	color : #fff;
	/* background-color : #4775A3; */
	background-color : #4c4c4c;	
	text-align : left;
	padding : 6px;
	vertical-align : top;
	/*white-space: nowrap;*/
	border : #ccc 1px solid;
 }
 
 div.table tbody tr th {
	font-weight : bold;
	color : #fff;
	/* background-color : #4775A3; */
	background-color : bbbbb5;	
	text-align : left;
	padding : 6px;
	vertical-align : top;
	/*white-space: nowrap;*/
	border : #ccc 1px solid;
 }
 
 
div.table th a {
	font-weight : bold;
	color : #fff;
	background-color : #4775A3;
 }
 
div.table th.rowhead {
	font-size: 11px;
	font-weight : bold;
	background-color : #e6e6e6;
	color : #4c4c4c;
	text-align : left;
 }
 
 div.table tr th.subhead {
	font-weight : bold;
	color : #333;
	background-color : #d2d2d2;
		/*background-color : #f5f5f5;*/
	text-align : left;
	padding : 6px;
	vertical-align : top;
	/*white-space: nowrap;*/
	border : #ccc 1px solid;
 }
 
div.table tr td {
	padding : 6px 6px 6px 10px;
	border : #ccc 1px solid;
	/*
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid; */
}
	
	
/* --------- footer rules ------------*/

#footer {
	background: #fff;
	border:0px;
	margin:85px 16px 0px 192px;  
/*  	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:26px; margin-top:6px;}

img.icon {padding-left:5px; text-decoration:none;}

.book {padding:0; margin:0;}
.book img {float:left; padding-right: 1em; padding-top:1em;}
