@import url("layout.css");


a {
color: #0000FF;
text-decoration: underline;
}
a:hover {
color: #0000FF;
text-decoration: underline;
}

.red{
	color:red;
}
.bold{
	font-weight:bold;
}



body {
	color: #000;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#004262;
	overflow:scroll;
	}

			#container{
				width: 800px;/*735px*/
				margin: 0px auto;
				}
			
			#masthead {
				overflow:hidden;
				}
			
			
			
			
			#navigation {
				overflow: hidden;
				color: #FFCC00;
				}
			
					#navigation ul {
						list-style-type: none;
						width: 100%;
						margin: 0px;
						padding: 0px;
						}
					
					#navigation li {
						float: left;
						}
					
					#navigation a {
						color: #FFCC00;
						text-decoration: none;
						margin: 0px 1px;
						padding: 0px 8px 0px 8px;
						display: block;
						border:0px;
						}
					
					#navigation a:hover {
						color: #FFFFFF;
						border: 0px 5px;
						text-decoration: underline;
						}
					
								#subnav_chapters_double {
									width:731px;
									height:260px;
									position:relative;
									top:20px;
									background-color:#004262;
									/*border-top:medium black ridge;
									border-right:thin black groove;
									border-left: medium black ridge;*/
									}
								
								.subnav_parade {
									position:relative;
									top:10px;
									left:86px;
									border:0px;
									}
			
			
			#table_here{
				background-color:black;
				border-right:thin black groove;
				border-bottom:thin black groove;
				border-left:medium black ridge;
				}
			
						.top_bottom {
							color:#ffb900;
							width:100%;
							height:24px;
							text-align: center;
							font-family:"Times New Roman", Times, serif;
							font-size:large;
							}
						
						.tall_cell{
							width:100%;
							height:40px;
							border-top:thin #4D7B91 groove;/* this is the border that underlines the "year" row to separate slides*/
							font-family: Verdana;
							color:black;
							}
						
						.chap_name {
							color: #ffb900;/*was #3399FF;*/
							width:100%;
							height:24px;
							font-weight:bold;
							text-align: center;
							font-family:"Times New Roman", Times, serif;
							font-size:large;
							}
						.timeline_title{
							color: white;
							font-weight:bold;
							width:100%;
							height:24px;
							text-align: center;
							font-family:"Times New Roman", Times, serif;
							font-size:large;

	
}
						

						.timeline_title_golden{
							color: #ffb900;
							font-weight:bold;
							width:100%;
							height:24px;
							text-align: center;
							font-family:"Times New Roman", Times, serif;
							font-size:large;
							text-decoration:overline;

	
}						
						
						.timeline_image{
							color:#ffb900;
							width:100%;
							/*height:24px;*/
							text-align: center;
							font-family:"Times New Roman", Times, serif;
							font-size:large;

}
					
						
						/*Styles for Page Content Hyperlinks These are the ones for the image "flashcards" that turn from black to blue*/
						#page_content a {
							color:black;
							text-decoration: none;
							
							}
						
						#page_content a:hover {
							color:#3399FF;
							text-decoration: none;
							}
						
						#reveal_text a{
							color:#3399FF;
							}
			
						#white_background_table{
							background-color:white;
}
		
			
			
			#footer {
				text-align: center;
				overflow:hidden;
				}
			
						#footer p {
							font-size: x-small;
							margin-top: 2px;
							margin-bottom: 6px;
							}
						
						#footer a {
							color: #FFCC00;
							}
						
						#footer a:hover {
							color: #FFFFFF;
							text-decoration: none;
							}