/* import main site CSS file & subject specific CSS file */
@import url('/history/css/history.css');
@import url('/history/css/topics.css');
@import url('/history/css/resources.css');

	table.border {border-color: #663300;}	
	div.border {border-color: #663300;}	
	img.border {border-color: #663300;}	


	.borderthin {border-color: #663300;}	
	
	.rhnavhead {background-color: #663300; color: #ffffff; width: 100%;}	
	
	.dotsvertical {background-image: url(/history/multimedia_zone/images/bg-dots_vert.gif);}
	
	.popPadFt {padding-top:5px;padding-bottom:7px;}

	
/* Interactive subindex pages CSS */
	a.animation,
	a.animation:link,
	a.animation:visited,
	a.animation:active { background: url('/history/images/f/resources_ico_anim.gif') no-repeat top left; margin: 0 0 0 10px; padding: 2px 0 2px 23px; text-decoration: none; }
	a.game,
	a.game:link,
	a.game:visited,
	a.game:active { background: url('/history/images/f/resources_ico_game.gif') no-repeat top left; margin: 0 0 0 10px; padding: 2px 0 2px 23px; text-decoration: none; }
	a.gallery,
	a.gallery:link,
	a.gallery:visited,
	a.gallery:active { background: url('/history/images/f/resources_ico_gallery.gif') no-repeat top left; margin: 0 0 0 10px; padding: 2px 0 2px 23px; text-decoration: none; }
	a.article,
	a.article:link,
	a.article:visited,
	a.article:active { background: url('/history/images/f/resources_ico_article.gif') no-repeat top left; margin: 0 0 0 0; padding: 2px 0 2px 23px; text-decoration: none; }


	#subindexIntro { background: #384A00 url('/history/interactive/animations/images/index_mainpromo.jpg') no-repeat top left; margin: 10px 0 0 0; padding: 0 0 0 0; width: 635px; min-height: 153px; }
	* html #subindexIntro { height: 153px; }
		#subIndexIntro p { color: #FFF; margin: 0 0 0 181px; padding: 5px 5px 5px 15px; }
			#subIndexIntro p a,
			#subIndexIntro p a:link,
			#subIndexIntro p a:visited,
			#subIndexIntro p a:active { color: #FFF; display: block; background: url('/history/images/f/resources_ico_gallery.gif') no-repeat top left; margin: 0 0 0 0; padding: 2px 0 2px 23px; }
			#subIndexIntro p a:hover { text-decoration: underline; }

		#subindexIntro h2 { color: #FFF; background: #B5D454; margin: 0 0 0 181px; padding: 8px 0 8px 15px; font-size: 116%; }
		
		#subindexIntro ul { background: #B5D454; margin: 0 0 0 181px; padding: 0 0 5px 5px; vertical-align: top; }
			#subindexIntro ul li { list-style-type: none; background: url('/history/images/f/arrow_wh.gif') no-repeat 2px 4px; margin: 0 0 0 10px; padding: 0 0 0 15px; display: inline; vertical-align: top; width: 30%; }
			#subindexIntro > ul > li > a { display: -moz-inline-box; margin: 0 0 3px 0; }
			#subindexIntro ul a,
			#subindexIntro ul a:link,
			#subindexIntro ul a:visited,
			#subindexIntro ul a:active { color: #475C04; margin: 0 0 0 0; vertical-align: top; }
			#subindexIntro ul a:hover { text-decoration: underline; }

	div.sectionPromo { background: #FFF; border: 2px solid #DBE79A; margin: 5px 0 0 0; float: left; width: 631px; }
	/* * html hack hides from all browsers except IE */
	* html div.sectionPromo { width: 635px; }
	/* end hack */
		div.sectionPromo h2 { color: #333; background: #DBE79A; margin: 0 0 0 0; padding: 4px 0 3px 5px; font-size: 100%; }
		div.sectionPromo p { float: left; width: 315px; margin: 0 0 0 0; padding: 10px 0 10px 0; font-size: 92% }
			div.sectionPromo p a,
			div.sectionPromo p a:link,
			div.sectionPromo p a:visited,
			div.sectionPromo p a:active { display: block; margin: 0 0 0 10px; font-size: 108%; }
			div.sectionPromo p a:hover { text-decoration: underline; }
				div.sectionPromo p a.img img { border: 1px solid #80A608; margin: 3px 10px 0 0; float: left; }

	div.allSections { background: #FFF; border: 2px solid #DBE79A; margin: 5px 0 0 0; float: left; width: 631px; }
	/* * html hack hides from all browsers except IE */
	* html div.allSections { width: 635px; }
	/* end hack */
		div.allSections h2 { color: #333; background: #DBE79A; margin: 0 0 0 0; padding: 4px 0 3px 5px; font-size: 100%; }
		div.allSections h3 { margin: 10px 0 0 10px; font-size: 100%; padding: 0.1em 0 0.1em 23px; background: url('/history/images/f/resources_ico_gallery.gif') no-repeat top left; }
		div.allSections ul { margin: 0 0 10px 0; padding: 0 0 5px 10px; }
			div.allSections ul li { list-style-type: none; margin: 2px 0 0 0; }

/* End styles for interactive subindex pages */