/* ------------------------------ Tags ----------------------------- */
a img {
    border: none;
}

body {
	background-color: #f2f1e6;
	color: #353535;
	font-family: 'times new roman', Arial, Verdana, sans-serif;
	font-size: 16px;
	margin: 0;
}

#h1header  {
	background: url('../img/gui/logo.gif') no-repeat;
	display: block;
    height: 120px;
    margin: 0;
    overflow: hidden;
    text-indent: -1000em;
	width: 939px;
}

#h1header a {
	display: block;
	width: 939px;
	height: 120px;
}

#headerprint {
	height:0px;
	width:0px;
	overflow:hidden;
}

h1 {
    color: #000000;
    font-size: 26px;
    line-height: .75;
    margin: 0 0 10px 0;
    padding: 15px 0 0 0 ;
}



h2 {
    color: #000000;
    font-size: 22px;
    line-height: .75;
    margin: 0 0 10px 0;
    padding: 15px 0 0 0 ;
}

/* MW - Feb 02, 2011 - add .subtitle and .date */
h2.subtitle { 
	color: #000000;
	font-weight: bold;
	font-size: 16px;
	margin:-2px 0 10px 0; 
	padding: 0;
}

h2.date { 
	font-weight: normal;
	font-size: 12px;
	margin:0 0 10px 0; 
	padding: 0;
}

p {
	line-height: 1.5;
	margin: 12px 0 0 0;
}

p a,td a {
	color: #642626;
}

p a:hover,td a:hover {
	color: #a96565;
}


/* ---------------------------- Classes ---------------------------- */

.clearing {
	clear: both;
}




/* ------------------------------ IDs ------------------------------ */

#wrapper {
	background: #f2f1e6 url('../img/gui/body_bg.jpg') no-repeat center top;
}

#container {
	overflow: hidden;
	margin: auto;
	width: 939px;
}

#articlecontainer{
	clear:both;
	float:left;
	padding-top:0px;
	padding-bottom:40px;
	.padding-bottom:0px;
	display:block;
	overflow:visible;
}

*html #articlecontainer{
	margin-top:-10px;
}

#content {
	background: #fff url(../img/gui/left-col-bot.gif) no-repeat left bottom;
	clear:both;
	display:block;
	margin: 22px 19px 0 19px;
	min-height:450px;
	overflow:visible;
	padding: 8px 20px 20px;  /* JH - Feb. 6th 2011 - add 20px bottom padding */
}

*html #content {
	height:450px;
}

#left_col {
	float: left;
	width: 714px;
	background: url('../img/gui/left-col-gradient.png') no-repeat;
}

#left_col p {
	font-family: Verdana;
	font-size: 14px;
}

#right_col {
	float: right;
	padding: 2px;
	width: 220px;
}

/* ----------------- Container for PDF and Share It ------------------ */


.box {
	overflow: hidden;
	width: 100%;
	/* border-top: 1px solid #666; */
}

.floatleft {
float: left;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 10px;
}

.floatright {
float: right;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 0px;
}

/* ----------------- Footer ------------------ */
#footer {
	clear:both;
	width: 939px;
	border-top: 1px solid #ccc;
	padding: 5px 0 10px 0;
	margin: 40px 20px 0 -15px;
	
}

#footer img.ere {
	float: right;
	margin: 5px 10px 0 0;
}

#footer p {
	font-family: Verdana;
	font-size: 10px;
}

/* ----------------- Right Column Library Navigation ------------------ */

#library {
	margin: 20px 0 0 0px;
	padding:10px 0 0 0;
	text-align:left;
	border: 0px solid red;
}

#library p {
	font-size: 18px;
	font-style: normal;
	padding: 0px;
	margin: 0 0 5px 10px;
	width: 208px;
	border: 0px solid red;
	border-bottom: 1px solid #ccc;
}

/* ----------------- Right Column Highlight  ------------------ */

.buy {
	background: url('../img/gui/right_buy_bg_new.png') no-repeat;
	margin: 0 0 0 -17px;
	padding: 60px 0 18px 0;
	width: 237px;
	height: 170px;
}

*+html .buy {
	left: -17px;
	position: relative;
}

.buy img { /*AG - Nov 22, 2010 - added*/
	padding: 3px 0px 0 3px;
}

#highlight #reviews {
	background: url('../img/gui/reviews_bg.png') no-repeat;
	margin: 12px 0 0 0px;
	padding: 10px;
	width: 190px;
}

#highlight #reviews h4 {
    color: #1c294b;
    font-size: x-large;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: center;
}

#highlight #reviews p {
	font-size: 18px;
	font-style: italic;
	line-height: 1.75;
	margin: 8px 0 0 0;
	text-align: center;
}

#highlight #reviews p small {
	font-size: 12px;
	font-style: normal;
}

#imageHL {
	margin: 20px 0 0 10px;
	padding:10px 10px 0 10px;
	
}

#highlight {
	margin: 20px 0 0 10px;
	padding:10px 0 0 0;
}


#highlight h3 {
	padding:0;
	margin:0;
	font-size: 18px;
	font-weight:normal;
}


#highlight h4 {
	padding:0;
	margin:0;
	font-size: 14px;
	font-weight:normal;
}


#highlight a  {
	color: #06466C;
	text-decoration: none;
}

#highlight a:hover  {
	color: #3E7E9B;
	text-decoration: none;
}


#highlight p {
	padding:0;
	margin:0;
	font-size: 12px;
}

#partList ul {
	padding: 20px 0 0 0;
	margin: 0;	
}

#partList ul li {
	font-size: 14px;
	line-height:16px;
	list-style-type: none;
	padding:5px 0;
}



#partList ul li a {
	color: #04476E;
	text-decoration:none;
}


#partList ul li a:hover {
	color: #642626;
	text-decoration:none;
}


#partList ul li p {
	margin:0;
	padding:0;
}

/* AG - Dec 30, 2010 - added for endnote hl */
#endnote_top {
	background: url('../img/gui/browse_by_bg_wide.png') no-repeat;
	margin: 0;
	padding: 10px 10px 15px 10px;
	width: 227px;
}

*html #endnote_top { /* Ag - Nov 22, 2010 - fix unwanted space in IE6*/
	padding: 20px 0px 11px 0px;
}

#endnote_top p {
	color: #fff;
	font-family: Myriad Pro;
	font-size: 12px;
	line-height:15px;
	width: 170px;
	margin:10px 0px;
}

#endnote_top .endnoteOption {
	font-family: Calibri;
}

#endnote_btm {
	/* 	background: url('../img/gui/endnote_btm_wide.png') no-repeat;	
	height: 30px;	*/
	margin: 0;
	padding-top: 6px;
	width: 227px;
}

#frmEndnoteHL h3
{
	color:#ffffff;
	font-family: Times New Roman;
	font-weight:bold;
	font-size: 19px;
	line-height: 21px;
	width: 180px;
}


#frmEndnoteHL select
{
	font-family: Myriad Pro,Times New Roman;
	font-size: 11px;
	width: 150px;
	margin-bottom:2px;
}

#ekeyword {
	border: none;
	color: #5c584c;
	font-family: Myriad Pro,Times New Roman;
	font-size: 12px;
	width: 148px;
	.width: 144px;
	padding-left:1px;
	
}

#esubmit {
	background: url('../img/gui/endnote_submit_bg.gif') no-repeat;
	border: none;
	color: #fff;
	font-size: 11px;
	height:25px;
	text-transform: uppercase;
	width: 130px;
}

#videogallery  {
	padding: 0px;
	margin: 0px 0px 0px -12px; 
}

/* TIMELINE */
#left_col_timeline {
	float: left;
	width: 934px;
}

#contentTimeline {
	clear:both;
	margin: 20px 0px 0px 28px;
	padding: 0 ;
	width: 878px; 
	min-height:450px;
	display:block;
	overflow:visible;
}

#timelineMain {
	background: url(../img/timeline/timeline_bg_main.png) no-repeat;
	width: 916px;
	height: 465px;
	margin-left: -15px;
}

#timelineMain .tlImage {
	float: left;
	height: 415px;
	width: 580px;
	margin: 15px 0px 20px 22px;
}

#timelineMain .tlContent {
	background: url(../img/timeline/timeline_bg_years.png);
	color: #fff;
	float: right;
	height: 393px;
	width: 281px;
	margin: 26px 22px 15px 8px;
}

#nextPrev {
	padding: 0 10px;
	height: 25px;
}
#nextPrev img {
	vertical-align: middle;	
}
*html #nextPrev img {
	vertical-align: -25px;
}
#nextPrev .next {
	float: right;	
	padding-top: 5px; 
}
#nextPrev .prev {
	float: left;
	padding-top: 5px;
}

#timelineMain .tlLine {
	margin: 10px 20px 0px 20px;
	border-bottom: 1px solid #ddd;
}

#timelineMain .tlYear {
	font-weight: bold;
	font-family: 'times new roman', times, serif;
	font-size: 52px;
	color: #fff;
	text-align: center;
	padding: 0px;
}

#timelineMain .tlDesc {
	color: #fff;
	font-size: 14px;
	padding: 10px 20px 10px 20px;
	line-height: 1.5;
	height: 291px;
	overflow:hidden; /* overflow content - added MW Jan 31, 2011*/
}

#timelineMain .tlDesc ul {
	list-style-image: url('../img/timeline/timeline_bullets.png');
	list-style-position: outside;
	padding: 0px;
	margin: 0px;
}
#timelineMain .tlDesc li {
	padding: 5px;
	margin-left: 20px;
}

/* TOOLTIP */
#bubble_tooltip{
	font-family: "Myriad Pro";
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 5px;
	color: #000;
	width: 45px;
	height: 32px;
	position:absolute;
	display:none;
	background: url('../img/timeline/timeline_dot_hover.png') no-repeat;
}

/* SEARCH */

#searchresult { 
	padding: 20px 10px 0px 0px;
	font-family: 'times new roman', Arial, Verdana, sans-serif;
	width: 654px;
}
#searchresult .highlight { background: #FFFF40; }
#searchresult .searchheading { font-size: 130%; font-weight: bold; }
#searchresult .summary { font-size: 100%; font-style: italic; }
#searchresult .suggestion { font-size: 100%; }
#searchresult .results { font-size: 100%; }
#searchresult .category { color: #999999; }
#searchresult .sorting { text-align: right; }

#searchresult .result_title { font-size: 100%; }
#searchresult .result_title a { color: #04476E; text-decoration:none; }
#searchresult .result_title a:hover { color: #642626; text-decoration:none; }

#searchresult .description { font-size: 100%; color: #008000; }
#searchresult .context { font-size: 100%; word-wrap: break-word; }
#searchresult .infoline { font-size: 100%; font-style: normal; color: #808080; word-wrap: break-word;}

#searchresult .zoom_searchform { font-size: 100%; }
#searchresult .zoom_results_per_page { font-size: 100%; margin-left: 10px; }
#searchresult .zoom_match { font-size: 100%; margin-left: 10px;}				
#searchresult .zoom_categories { font-size: 100%; }
#searchresult .zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
#searchresult .zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }

#searchresult .cat_summary ul { margin: 0px; padding: 0px; display: inline; }
#searchresult .cat_summary li { display: inline; margin-left: 15px; list-style-type: none; }		

#searchresult input.zoom_button {  }
#searchresult input.zoom_searchbox {  }		

#searchresult .result_image { float: left; display: block; }
#searchresult .result_image img { margin: 10px; width: 80px; border: 0px; }

#searchresult .result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
#searchresult .result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }

#searchresult .result_pages { font-size: 100%; .margin-bottom:5px;}
#searchresult .result_pages a { color: #04476E; text-decoration:none; }
#searchresult .result_pages a:hover { color: #642626; text-decoration:none; }
#searchresult .currentpage { border: 1px solid #642626; padding: 0px 3px 0px 3px; text-decoration:none; }
#searchresult .result_pagescount { font-size: 100%; }

#searchresult .searchtime { font-size: 100%; }

#searchresult .recommended { 
	background: #DFFFBF; 
	border-top: 1px dotted #808080; 
	border-bottom: 1px dotted #808080; 
	margin-top: 15px; 
	margin-bottom: 15px; 
}
#searchresult .recommended_heading { float: right; font-weight: bold; }
#searchresult .recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
#searchresult .recommend_title { font-size: 100%; }
#searchresult .recommend_description { font-size: 100%; color: #008000; }
#searchresult .recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}
#searchresult .recommend_image { float: left; display: block; }
#searchresult .recommend_image img { margin: 10px; width: 80px; border: 0px; }