/* CSS Document */
h2 {font-size:18px; margin-top:25px;}

.wholewidepage {margin-left:9px; width:763px; background-color:#ffffff;}
	.wholewidepage a:link, .wholewidepage a:visited {color:#ff0000; text-decoration:none;}
	.wholewidepage a:hover {color:#ff0000; text-decoration:underline;}
.timelineareaindex {background-image:url(timelinepics/timelinewallpaper.gif); height:597px; width:763px; margin-bottom:20px;}
.timelinearea {background-image:url(timelinepics/timelinewallpaper.gif); height:2434px; width:763px; margin-bottom:20px;}

.timelineleft {float:left; width:187px; height:201px; margin-left:3px; margin-top:3px; font-family:Arial;}
	.timelineleft .photo {float:left; width:78px; line-height:1em;}
	.timelineleft p.date {float:left; margin:0px; margin-top:16px; padding-bottom:4px; font-size:32px; line-height:1em; width:100px;}
	.timelineleft p.title {float:left; margin:0px; font-size:13px; line-height:1.1em; padding-bottom:6px; width:100px;}
	.timelineleft p.text {float:left; margin:0px; font-size:11px; line-height:13px; width:95px;}

.timelineright {float:left; width:187px; height:201px; margin-left:3px; margin-top:3px; font-family:Arial;}
	.timelineright .photo {float:right; width:70px; line-height:1em;}
	.timelineright p.date {margin:0px; margin-top:16px; padding-bottom:4px; font-size:32px; line-height:1em; margin-left:22px; width:88px;}
	.timelineright p.title {margin:0px; font-size:13px; line-height:1.1em; padding-bottom:6px; width:100px; margin-left:22px; width:88px;}
	.timelineright p.text {margin:0px; font-size:11px; line-height:13px; width:95px; margin-left:22px; width:88px;}

.timelinetitle {float:left; text-align:center; margin:0px; margin-top:28px; font-size:46px; line-height:36px; font-weight:bold; color:#b87605; width:181px;}
.timelinesubtitle {float:left; margin:0px; padding:10px; padding-right:16px; font-size:18px; line-height:20px; text-align:center;}
p.quote {margin:0px; padding:14px; padding-bottom:6px; font-size:20px; line-height:1.2em; color:#b87605; text-align:center;}
p.quoter {margin:0px; text-align:center; padding-right:20px;}

.hpopuptitle {  font-size:36px; line-height:40px; font-weight: bold; color:#ff0000; padding-bottom: 10px; }
.hpopupsubtitle {  font-size:17px; font-weight: bold; color:#444444; padding-bottom: 10px; margin-bottom: 15px;  border-bottom: solid 1px #999999; }
.hpopupquote { margin:0px; padding-bottom:6px; font-size:22px; line-height:1.2em; color:#b87605; font-style: italic; }
.hpopupquotesource { color:#b87605; font-style: italic; }
.hpopupimage { float: right; font-size:10px; font-style: italic; padding: 15px; width: 265px; }
.hpopup5things { line-height: 18px; margin-top: 20px; margin-bottom: 20px; }

p { font-size: 14px; line-height: 17px; }

.wholewidepagepopup {width:772px; background-image:url(timelinepics/original_wallpaper.jpg);}
	.popuparea {margin:50px; margin-bottom:43px; padding-left:30px; padding-right:30px; padding-top:8px; padding-bottom:15px; background-color:#fffee9; border:10px solid #ff0000;}
	.closearea {text-align:right; font-size:10px;}
	.popuparea h2 {margin:0px; padding-bottom:4px; font-size:32px; line-height:1em; font-weight:normal;}
	.popuparea h3 {margin:0px; font-size:15px; line-height:1.1em; padding-bottom:6px; color:#b87605;}
	.popuparea p {}
	.popuparea .photo {float:right; margin-left:20px; margin-top:6px; margin-bottom:10px;}
	.popuparea a:link, .popuparea a:visited {color:#ff0000; text-decoration:none;}
	.popuparea a:hover {color:#ff0000; text-decoration:underline;}