/* CSS Document by Hugh A. MacLean */
      body {
		margin: 30px auto;
		padding:0;
		font:86%/1.5em Verdana, Arial, Helvetica, sans-serif; 
		text-align:center;		
		background-color: transparent;
		color:#333;
		}
		
		 .firstletter:first-letter {
        font-size:170%;
        font-weight:normal;
		  background-color: transparent;
        color:maroon;
        text-transform:uppercase;
        } 
		p { margin:0;
		font-size:1em;
		}
		.nomargin {
		 margin: 0;	
		}
		img {
		vertical-align: bottom;	
		}
		
		h2 {text-align:left;
		  padding:5px 0 3px 0;
        margin-top:-30px;
        margin-bottom:65px;
		  background-color: transparent;
        color:black; 
        border-bottom:1px solid black;
		  font-size:2em;
        font-family:Garamond, "Times New Roman", serif;
        }
		h3,h4 {
		   background-color: transparent; 
         color:#212a51;
         font-family:Garamond, "Times New Roman", serif;
         text-align:left;
         margin-bottom:20px;
		 
         }
      .h3_1 {
      margin-bottom: 40px;
    
         }
	    hr {
        border-top:2px solid #fff2c8;/*the border*/
        width:100%;
        height:2px;/*whatever the total width of the border-top and border-bottom equal*/
        }
		  .italic {
		  font-style: italic;	
		  }
		  		  
		 #wrap {
		width: 903px;
		\width: 907px;
		w\idth: 903px;
		border: 2px solid navy;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		} 
		  				
		#masthead {
		position: relative;
		padding:5px;
		margin-bottom:0;
		background-color:#0098ff;
		border-bottom:2px solid navy;
		height:80px;
		\height:94px;
		he\ight:80px;
		}
		#masthead h1 {
		font:normal 2.2em Georgia,Times,"Times New Roman",serif;
		margin:0;
		position:relative;
		top:15px; left:0;
		text-align:center;
		color:white;
		}

		#masthead h2 {
		font:normal 1.5em Georgia,Times,"Times New Roman",serif;
		margin:5px; border-bottom:none; text-align:center; color:#ffff99;
		}
		.mhl {
		position:absolute;
		top:20px; left:15px;
		}
		.mhr {
		position:absolute;
		top:25px; right:15px;
		}
		#bar {
		background-color:#fff2c8;
      color:navy;
      border:2px solid navy;
		border-width:0 0 2px 0;
      padding:1px;
      font-size:.9em;
      font-weight:bold;
		height: 22px;
		line-height: 22px;
		
		}
		.mh {
		font-size: 70%;
		}
			 		 		
		/* Ships */
	
 
 .table2 {
 
 color:navy;
 font-size:75%;
 text-align:center;
 margin: auto;
 width:690px;
 margin-top: 40px;
 
  } 
   
/* -End- Ships */
		.myclass {
        margin-top: 50px;
        background-color:#aabdff;
        color:navy;
        font-size:80%;
        text-align:left;
        width:900px;
        }
		#content {
		padding: 5px 20px 20px 20px;
		margin-left:170px;
		background-color:#cfd7ff;
		border-left:2px solid navy;
		}
		/* Sidebar */
		#sidebar {
		float:left;
		width:150px;
		\width:170px;
		w\idth:150px;
		margin:0;
		margin-right:0;
		padding:10px;
		background-color: #fff;
		}
		#sidebar dl {width: 148px; margin: 0 auto; padding: 0; border-left: 1px solid navy; border-right: 1px solid navy; border-top: 1px solid navy; border-bottom: 1px solid navy; }
		#sidebar dd {margin:0; padding:0; color: blue;  font-size: 9px; border-top: 1px solid #fff; background: #fff2c8;}
      #gallery a {background: #cfd7ff url(images1/c1arrowr.gif) 5px 50% no-repeat; color:gray; text-decoration:none; font-weight: normal; display:block; padding-left: 24px; height: auto; overflow: hidden;} 
		#gallery a:hover {background: #F0FFFF url(images1/c1arrowr.gif) 5px 50% no-repeat; color:blue; text-decoration: underline;}
		#sidebar dd.current {
		 padding-left: 24px;
		 background: #fff8dc url(images1/green1.gif) 5px 50% no-repeat; 
       color: navy;
		 }
		 	 
		 #poppy {
		 border: 1px solid navy;
		 margin-top: 2px;
		  }
		  #merch {
		  border: 1px solid navy;
		  margin-top: 2px;
		  }
		#badge {
		margin-top: 2px;
		border: 1px solid navy;
		}
		#mnbadge {
		margin-top: 2px;
		border: 1px solid navy;
		}
        #plan {
		margin-top: 2px;
        background-color: #cfd7ff;
        color: black; 
        font-size: .8em;
        border: 6px outset white;
        padding: 5px 0 5px 5px;
        }
       #plan a {
        background: #cfd7ff;
        border: none;
        display: block;  text-decoration: none;
        font-weight: bold;
        font-size: 9px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align:left;
        text-transform: uppercase;
        padding:0 ;
        }
       #plan a:visited { 
        background-image: none;
        margin: 0;
        }
       #plan a:hover {
        background-image: none;
        }
       #poem {
	   position: relative;
       background-color: #cfd7ff;
       color: black; 
       font-size: .8em;
       border: 6px outset white;
       padding: 5px 3px;
       }
	   /* -End- Sidebar */ 
      #guest {
	  border-bottom: 1px solid navy;
	  }
	  /* Home Page 1 */
	  .colred {
	  	color: red;
		} 
	  
	  
	  #picture {
	  float: right;
	  width: 400px;
      margin: 10px 10px 10px 20px; 
      border: 1px solid black;
      }
		
	  .indexcoc {
	  text-align: center;
	  color: maroon;
	  background-color:#fff2c8;
	  border-bottom: 1px solid black;
	  font-size: 80%;
	  line-height: 200%;
	  height: auto;
	  
	  } 
	  .copy1 {
	  text-align: center;
	  background-color:#fff2c8;
	  color: maroon;
	  border-top: 1px solid black;
	  font-size:80%;
	  line-height: 197%;
	  height: auto;
	  }
	  #java {
	  position: relative;
	  top:-95px; left:230px;
	  margin: 0 auto;
	  text-align:center;
     font-size:70%;
     border:1px solid maroon;
     background-color:#fff2c8;
     color:blue;
     width:230px;
		}
					 
	  #rogerson {
	  float: right;
	  width: 170px;
	  border: 1px solid black;
	  margin: 10px 10px 0 20px; 
	  }
	  .capttext {
	  font-size:75%;
	  line-height: 180%;
	  text-align:center;
	  background-color:#fff2c8;
	  color:maroon;
	  border-bottom:1px solid black;
	  height:auto;
	  }
	 	  /* Rounded Corner quote (MOWT)*/
     
    .raised {background: transparent; width:60%; margin:20px auto; font-size: .9em; line-height: 130%;}
    .raised h1, .raised p {margin:0 10px;}
    .raised p {padding-bottom:0.5em;}

    .raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
    .raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
    .raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
    .raised .b2 {background:#fff2c8; border-left:1px solid black; border-right:1px solid black;}
    .raised .b3 {background:#fff2c8; border-left:1px solid black; border-right:1px solid black;}
    .raised .b4 {background:#fff2c8; border-left:1px solid black; border-right:1px solid black;}
    .raised .b4b {background:#fff2c8; border-left:1px solid black; border-right:1px solid black;}
    .raised .b3b {background:#fff2c8; border-left:1px solid black; border-right:1px solid black;}
    .raised .b2b {background:#fff2c8; border-left:1px solid black; border-right:1px solid black;}

    .raised .b1 {margin:0 5px; background: black;}
    .raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
    .raised .b3, .raised .b3b {margin:0 2px;}
    .raised .b4, .raised .b4b {height:2px; margin:0 1px;}
    .raised .b1b {margin:0 5px; background: black;}
    .raised .boxcontent {display: block; background:#fff2c8; border-left:1px solid black; border-right:1px solid black; padding: 10px 0 10px 20px; color: maroon;}

    /*End Rounded Corner Quote (MOWT)*/
	 
	 /* Rounded Corner quote (Cairo Connections)*/
	 .raised1 {background: transparent; width:90%; margin:40px auto; font-size: .8em; font-style: oblique; line-height: 180%;}
    .raised1 p {padding-bottom:0.2em;}
    .raised1 .top, .raised1 .bottom {display:block; background:transparent; font-size:1px;}
    .raised1 .b1, .raised1 .b2, .raised1 .b3, .raised1 .b4, .raised1 .b1b, .raised1 .b2b, .raised1 .b3b, .raised1 .b4b {display:block; overflow:hidden;}
    .raised1 .b1, .raised1 .b2, .raised1 .b3, .raised1 .b1b, .raised1 .b2b, .raised1 .b3b {height:1px;}
    .raised1 .b2 {background:#fff2c8; border-left:1px solid black; border-right:1px solid black;}
    .raised1 .b3 {background:#fff2c8; border-left:1px solid black; border-right:1px solid black;}
    .raised1 .b4 {background:#fff2c8; border-left:1px solid black; border-right:1px solid black;}
    .raised1 .b4b {background:#fff2c8; border-left:1px solid black; border-right:1px solid black;}
    .raised1 .b3b {background:#fff2c8; border-left:1px solid black; border-right:1px solid black;}
    .raised1 .b2b {background:#fff2c8; border-left:1px solid black; border-right:1px solid black;}

    .raised1 .b1 {margin:0 5px; background:black;}
    .raised1 .b2, .raised1 .b2b {margin:0 3px; border-width:0 2px;}
    .raised1 .b3, .raised1 .b3b {margin:0 2px;}
    .raised1 .b4, .raised1 .b4b {height:2px; margin:0 1px;}
    .raised1 .b1b {margin:0 5px; background:black;}
    .raised1 .boxcontent1 {display: block; background:#fff2c8; border-left:1px solid black; border-right:1px solid black; padding: 10px 20px; color: maroon;}
    /* End Rounded Corner quote (Cairo Connections)*/
	 .towerh1 {
	 float: left;
	 width: 165px;	
	 border: 1px solid black;
	 margin: 8px 10px 10px 0;
	 }
	 
	 .towerhilltxt {
	 font-size:80%;
	 line-height: 180%;
	 text-align:center;
	 background-color:#fff2c8;
	 color:maroon;
	 border-bottom:1px solid black;
	 height:auto;		
	 }
	 
	 .towerhilltxt1 {
	 font-size:80%;
	 line-height: 180%;
	 text-align:center;
	 background-color:#fff2c8;
	 color:maroon;
	 border-top: 1px solid black;
	 height: auto;	
	 }
	 
	 	  
	  .colblk {
     color: #333;
     }
	 .colwhite {
	 color:#fff;
	 }
	 #copyright {
     color: #aaa;
     }
    .parachange {
    font-size: 80%;
    line-height: 130%;
    }
	.hr {
    border-bottom: 2px solid #fff2c8;
    margin: 0 ;
    padding-top: 2em; 
    }
	 .hr1 {
    border-bottom: 2px solid #fff2c8;
    margin: 0 10em 1em 10em;
    padding-top: 1em; 
	 
	 
    }
	
    .contact {
    position: relative;
    top: -46px; left:594px;
    width: 95px;
    border: 1px solid black;
    background-color: #fff2c8;
    color: blue;
    padding: 1px;
    font-size: 80%;
	 height: auto;
	 text-align: center;
	 font-weight: bold;
	 text-decoration: none;
	}
   .contact a:link,
   .contact a:visited {
   text-decoration: none;
   color: blue;
   }
	.contact a:hover {
	text-decoration: underline;
	}
   	
   .toplink {
   position: relative;
   top: 10px; left: 0;
   width: 97px;
   border: 1px solid black;
   background-color: #fff2c8;
   color: maroon;
   padding: 1px;
   font-size: 80%;
	height: auto;
   text-align: center;
   font-weight: bold;
	margin-bottom: 30px;
	text-decoration: none;
	}
	
	.toplink a:link,
   .toplink a:visited {
   text-decoration: none;
   color: blue;
   }
	.toplink a:hover {
	text-decoration: underline;
	}
	
	.gbnoborder {
	border-width: 0;	
	position: absolute;
	top: -5px; left: 280px;
	}
   	
   #counter {
   margin-bottom: 10px;
   position: relative;
   top: 40px; left: -10px;
   text-align: center;
   }
  .countertext {
  position: relative;
  top: -2px; left: 0;
  color: maroon;
  font-size: 80%;
  }
  #footer {
  position:relative;
  clear:both;
  font-style: italic;
  text-align:left;
  font-size:90%;
  color: #aaa;
 
  }
  .update {
  position: absolute;
  top:5px; left:340px;
  color: black;
  }
  .footcopy {
  position: absolute;
  top:5px; left:605px;
  }
 .design {
 position: absolute;
 top:5px; left: 50px;	
 
 }
  .w3c {
 border: none;
 }
 #w3c { 	
position: relative;
top: -15px; left: 300px;
border: none;
 }
 #w3c1 {
 position: absolute;
 top: 20px; left: 0;	
 }
 #w3c2 {
 position: relative;
 top: 0; left: 280px;	
 }
 .award {
 border: none;	
 }
#award a {
position: absolute;
top:90px; left:-157px;
height: 100px;
width: 100px;
text-decoration: none;
background-image: none;
background-color:white;
 }
 a.nav, a.nav:link, a.nav:visited {
 display: inline;
 text-decoration: none;
 width:50px;
 height:25px;
 background-color:white;
 color:maroon;
 border:1px solid #000;
 margin-right:1px;
 font-size:.8em;
 padding: 4px;
} 
 a.nav:hover {
 color:#000;
 background:#ccffff;
 padding: 4px;
 text-decoration: underline;
}
 a.nav:active, .chosen {
 color:blue;
 background: yellow;
 font-size: .8em;
 border:1px solid #000;
 padding: 4px;
 }
 #example {
 position: relative;
 font-size: 85%;
 margin-top: 2px;
 font-weight: bold;
 text-align: left;
 background-color: #fff2c8;
 color: navy;
 border: 1px solid navy;
 padding-left: 10px;
 height:100px;
 width:138px;
 \width:158px;
 w\idth:138px;
 overflow:hidden;
 }
 #example1 {
 position: absolute;
 top:320px; left:350px;
 font-size: 80%;
 font-weight: normal;
 text-align: left;
 background: #fff2c8;
 color: navy;
 border: 2px solid #fff;
 padding-left: 4px;
 height:50px;
 width:100px;
 overflow:hidden;
 
 }      
  #cairopic {
  text-align: center;
  border: 1px solid black;
  width: 550px;
  margin: auto;
  margin-bottom: 30px;
  }
  .jvm {
  position: relative;
  top: -40px; 
  font-style: oblique;
  }
  .jm {
  	text-align: center;
	font-size: 130%;
	font-style: oblique; 
  }
  .jvm1 {
   padding: 0 5px;
	text-align: center;
	font-size: 80%;
	font-style: oblique;
	width: 360px;
	background-color: #fff2c8;
	border: 1px solid black;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	color: maroon;
	 }
	 .clan {
 float: right;
 border: 1px solid black;
 width: 400px;
 margin: 10px 10px 0 10px; 
 }	
 .clantxt {
 border-top: 1px solid black;
 text-align: center;
 background-color: #fff2c8; 
 color:maroon;
 height: auto;
 font-size: 80%;
 line-height: 180%;
 width: 400px;
 } 
  
 #bendoran {
 border: 1px solid black;
 width: 400px;
 margin: 0 20px 0 0;
 float: left;
 }
 .bentxt {
 text-align: center;
 background-color: #fff2c8; 
 color:maroon;
 height: auto;
 font-size: 80%;
 line-height: 185%;
 width: 400px;
 border-bottom: 1px solid black;
 }
 .bentxt1 {
 border-top: 1px solid black;
 text-align: center;
 background-color: #fff2c8; 
 color:maroon;
 height: auto;
 font-size: 80%;
 line-height: 180%;
 width: 400px;	
 }
  /* -End- Home Page 1 */
  
  /*Home Page2 */ 
  
 #britt {
 float: right;
 width: 155px;
 margin: 10px 10px 5px 20px;
 border: 1px solid black;
 }
 .sid {
 background-color:#fff2c8;
 color: maroon;
 font-size:80%;
 line-height: 180%;
 text-align:center;
 border-top:1px solid black;
 height:auto;
 }
.jack {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height: 180%;
 text-align:center;
 border-top:1px solid black;
 height: auto;
 
 }
 #edmead {
 border:1px solid black;
 float:left;
 width:150px;
 margin:10px 10px 0 0; 
 } 
 #mcd {
 position: absolute;
 top:-9px; left:500px;
 margin:8px 0 0 20px;
 border:1px solid black;
 width:154px;
 }
 .angus {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height: 185%;
 text-align:center;
 height:auto;
 } 
 #jarman {
 position: relative;
 border:1px solid black;
 margin:20px 0 70px 0;
 width:160px;
 }
 
 .diana {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height:auto;
 }
 #ironsides {
 position: absolute;
 top: 0; left: 230px;
 border: 1px solid black;
 width: 222px;	
 }
 
 .frankbob {
 background: #fff2c8;
 border-bottom: 1px solid black;
 color: maroon;
 text-align: center;
 font-size: 80%;
 height: auto;
 }
 .frankbob1 {
 background: #fff2c8;
 border-top: 1px solid black;
 color: maroon;
 text-align: center;
 font-size: 80%;
 height: auto;	
	
 }
 #whyte {
 float: right;
 width: 200px;
 margin: 8px 0 0 20px;
 border: 1px solid black;
 }
 .knocker {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height: 180%;
 text-align: center;
 border-top: 1px solid black;
 height: auto;
 }
 #gordon {
 position:relative;
 border:1px solid black;
 width:200px;
 margin: 30px 0;
 
 }
 #marcraw {
 position: absolute;
 top: 0; left: 170px;
 border: 1px solid black;
 width: 300px; 	
 }
 .marcraw {
 background-color:#fff2c8;
 color:maroon;
 text-align:center;
 border-top:1px solid black;
 height: auto;	
 font-size: 80%;
 line-height: 185%;
 }
 .margaret {
 background-color:#fff2c8;
 color:maroon;
 text-align:center;
 border-top:1px solid black;
 height: auto;
 font-size: 80%;
 line-height: 185%;
 } 
  #bem {
 position: absolute;
 top:-20px; left:220px;
 width:150px;
 border:1px solid black;
 margin:20px 0;
 }
 .bem {
 background-color:#fff2c8;
 color:maroon;
 text-align:center;
 border-top:1px solid black;
 height: auto;
 line-height: 185%;
 font-size: 80%;
 }
 .ldhalifax {
 position: relative;
 border:1px solid black;
 width: 347px;
 margin-bottom: 30px;
 }
 .mgcopy {
 background-color:#fff2c8;
 color:maroon;
 text-align:center;
 border-top:1px solid black;
 height: auto;	
 font-size: 80%;
 line-height: 180%;
 
 }
 .citation1 {
 position: absolute;
 top: 0; left: 380px;
 border: 1px solid black;
 width: 310px;
 }
 .colourcite {
 color: #9a656c;
 }
 .copy2 {
 color: maroon;
 border:1px solid black;
 background-color:#fff2c8;
 width:440px;
 height: auto;
 text-align:center;
 padding:3px;
 font-size: 80%;
 line-height: 190%;
 margin-top: 20px;
 margin-left: auto;
 margin-right: auto;
 }
 .caravelas {
 float: left;
 width: 300px;
 border:1px solid black;
 margin: 5px 15px 10px 0; 
 }
 .caravelas1 {
 background-color:#fff2c8;
 color:maroon;
 text-align:center;
 border-bottom:1px solid black;
 height: auto;	
 font-size: 80%;
 line-height: 183%;	
 }
 .caravelastext {
 background-color:#fff2c8;
 color:maroon;
 text-align:center;
 border-top:1px solid black;
 height: auto;	
 font-size: 80%;
 line-height: 180%;
 }
 /* -End- Home Page2 */ 
 
  /* Introduction Page */ 
  .towerh2 {
  float: left;
  width: 140px;
  border: 1px solid black;
  margin: 8px 10px 2px 0;
  	
  }   
  .towertext1 {
  font-size:80%;
  line-height: 180%;
  text-align:center;
  background-color:#fff2c8;
  color:maroon;
  border-bottom:1px solid black;
  height:auto;			
  }
  .towertext2 {
   font-size:80%;
	line-height: 180%;
	text-align:center;
	background-color:#fff2c8;
	color:maroon;
   border-top: 1px solid black;
   height: auto;		
  }
  .intrococ {
  text-align: center;
  height: auto;
  color: maroon;
  background-color:#fff2c8;
  border-bottom: 1px solid black;
  font-size: 80%;
  line-height: 180%;
  margin-left: auto;
  margin-right: auto;
  } 
  #introquote {
  width:470px;
  margin:40px auto;
  border:1px solid maroon;
  background-color:#fff2c8;
  color:maroon;
  padding:10px 0 10px 20px;
  font-size:85%;
  line-height: 185%;
  height: auto;
  }
  #hall {
 float: right;
 width: 152px;
 margin: 10px 10px 0 20px;
 border: 1px solid black;
 } 
 .cm {
 color: maroon;
 }
 blockquote {
 width:479px;
 margin:40px auto;
 border: 1px solid maroon;
 background-color: #fff2c8; 
 color: maroon;
 padding: 10px; 
 font-size: 85%;
 font-style: italic;
 }
 .bq1 {
 height: auto;
 width: 280px;
 text-align: center;
 margin: auto;
 font-size: 85%;
 font-style: italic;
 line-height: 185%;
 color: maroon;
 border: 1px solid black;
 margin-bottom: 9px;
 margin-top: 50px;
 }
  .bq2 {
 text-align: center;
 }
 /* -End- Introduction Page */
 
 /* My father's Story*/
 .dad {
 position:relative;
 top:-95px;left:430px;
 }
 #dad1 {
   position: relative;
 	border: 1px solid black;
	width: 162px;
	height: 181px;
	margin-bottom: 80px;
	margin-top: 80px;
 }
 
  #picture1 {
 float: right;
 width: 225px;
 margin: 10px 10px 0 20px;
 border:1px solid black;
 }
 .dadtext {
 background-color: #fff2c8;
 font-size: 80%;
 line-height: 180%;
 height: auto;
 color: maroon;
 text-align: center;
 border-top: 1px solid black;
 }
 #ship {
 text-align: center;
 border: 1px solid black;
 width: 540px;
 margin: 25px auto;
 
  }
  #queenmary {
  width: 300px;	
  border: 1px solid black;
  margin: 30px 0 30px 0;
  position: relative;
  }
  .greyghost {
  text-align: center;
  border-bottom: 1px solid black;
  font-size: 78%;
  background-color: #fff2c8;
  color: maroon;
  height: 25px;
  }
  .queenmarytext {
  text-align: center;
  border-top: 1px solid black;
  font-size: 77%;
  background-color: #fff2c8;
  color: maroon;
  height: auto;
  }
  #queenmary1 {
  width: 350px;
  border: 1px solid black;
  position: absolute;
  top: -1px; left: 330px;	
  }
  .greyghosttext {
  text-align: center;
  border-bottom: 1px solid black;
  font-size: 78%;
  background-color: #fff2c8;
  color: maroon;
  height: auto;
  }
  .greyghosttext1 {
  text-align: center;
  border-top: 1px solid black;
  font-size: 77%;
  background-color: #fff2c8;
  color: maroon;
  line-height: 190%;
  height: auto;
  }
    
 .shiptext {
 font-size: 80%;
 line-height: 180%;
 height: auto;
 background-color: #fff2c8;
 color: maroon;
 text-align: center;
 border-top: 1px solid black;
 }
 
  
 #photo {
 position: absolute;
 top: 0; left: 250px;
 border: 1px solid black;
 width: 119px;
 height: 181px;
 }
 #medals {
 position: absolute;
 top: 0; left: 230px;
 border: 1px solid black;
 width: 208px;
 height: 181px;
  }
 
  #gaelic {
 position: relative;
 margin-top: 60px;
 
  }
 .gproverb {
 font-size:85%;
 font-style: italic;
 line-height: 185%;
 height: auto;
 background-color: #fff2c8;
 color: blue;
 border: 1px solid black;
 width: 420px;
 padding: 1px;
 text-align: center;
 margin-bottom:30px;
 margin-top: 30px;
 } 
 .gproverb1 {
 background-color: #fff2c8;
 color: blue;
 border: 1px solid black;
 width: 130px;
 height: auto;
 text-align: center;
 margin-top:30px; 
 font-size:85%;
 line-height: 185%;
 }
  #mp1 {
 border: 1px solid black;
 border-width: 0 1px 1px 1px;
 margin: auto;
 width: 280px;
 background-color: #fff2c8;
 margin-bottom: 30px;
 margin-top: 100px;
 height: auto;
 }

 .pc {
 color:blue;
 text-align:center;
 font-size:75%;
 border-top:1px solid black;
 }
 
 .colquhoun {
 text-align: center;
 margin: 20px auto;
 width: 545px;	
 border: 1px solid black;
 }
 .colquhountxt {
 border-top: 1px solid black;
 text-align: center;
 background-color: #fff2c8; 
 color:maroon;
 height: auto;
 font-size: 80%;
 line-height: 180%;
 }
 
	 
/*End of My father's Story*/

/* Survivors Page */
 .missioncopy {
 color: #aaa;
 font-size: 85%;
 line-height: 160%;
 }
/* -End- Survivors Page */

/* In Memoriam Page 1 */
#war {
position: relative;
border: 1px solid black;
width: 320px;	
margin: 20px 0;
}
#shenton {
position: relative;
border: 1px solid black;
width: 348px;
margin-top: 50px;
margin-bottom: 20px;
}
.bertgrave {
text-align: center;
font-size: 80%;
line-height: 185%;
background: #fff2c8;
color: blue;
border-bottom: 1px solid black;		
}
.shenton {
text-align: center;
font-size: 80%;
line-height: 185%;
background: #fff2c8;
color: blue;
border-top: 1px solid black;	
}
.bertgrave1 {
text-align: center;
font-size: 80%;
line-height: 185%;
background: #fff2c8;
color: blue;
border-bottom: 1px solid black;			
}
.bertshenton {
border: 1px solid black;
width: 330px;
position: absolute;
top:0; left:360px;
}

#lawrence {
position: absolute;
top: 0; left: 465px;
border: 1px solid black;
width: 210px;
}
.lawmcg {
border-top: 1px solid black;
text-align: center;
background: #fff2c8;	
color: blue;
font-size: 80%;
}
  .wmemtext {
 color:blue;
 font-size:75%;
 }
 #plaque {
 float: right;
 width: 360px;
 margin: 10px 10px 0 20px; 
 border: 1px solid black; 
 }
 .plaquetext {
 text-align: center;
 background-color: #fff2c8;
 color: blue;
 font-size: 80%;
 line-height: 180%;
 border-bottom:1px solid black;
 height: auto;
 }
 .GVMtext {
 text-align: center;
 background-color: #fff2c8;
 color: blue;
 font-size: 80%;
 line-height: 185%;
 border-top:1px solid black;
 height:auto;
 }
 
 .tcol {
 background-color: white;
 }	
 
 /* -End- In Memoriam Page 1 */
 
 /* In Memoriam Page 2 */
 #war1 {
 position: relative;
 border: 1px solid black;
 width: 320px;	
 margin: 20px 0;
 }
 #lascar {
 position: absolute;
 top:0; left: 350px;
 width: 320px;
 border: 1px solid black;	
 }
 
 .lascartext {
 text-align: center;
 border-top: 1px solid black;
 background: #fff2c8;
 color: blue;
 font-size: 80%;
 line-height: 180%;
 }
 
 #lascar_panna {
  position: relative;
  width: 222px;
  height: auto;	
  border: 1px solid black;
 }
 .panna_text {
 text-align: center;
 font-size: 80%;
 line-height: 185%;
 background: #fff2c8;
 color: blue;
 border-bottom: 1px solid black;			
 }
 .panna1 {
  text-align: center;
 font-size: 80%;
 line-height: 185%;
 background: #fff2c8;
 color: blue;
 border-top: 1px solid black;			
 }
 
 .the_lascar {
 position: absolute;
 top:-40px; left:350px ;
 width: 280px;
 border: 1px solid maroon;
 background-color: #fff2c8; 
 color: maroon;
 padding-left: 40px; 
 font-size: 85%;	
 }
 .lascar_cite {
 font-size: 88%;
 color: navy;	
 }
 
 /* -End- In Memoriam Page 2 */

 /* Tables Pages 
 Boat page 1 (mytable, mytable1, mytable2, mytable3) 
 Boat page 2 (mytable4, mytable5)
 Boat page 3 (mytable6, mytable7)
 Boat page 4 (mytable8, mytable9)
 Boat page 5 (mytable10, mytable11)
 Lost at sea (mytable12)
 Lost at sea2 (mytable13)
 U-68 page (mytable14, mytable15, mytable16, mytable17, mytable18, mytable19)
 Bendoran page (mytable20, mytable21, mytable22)
 Boat7 page (mytable23)
 Crewlist page (mytable24)
 Crewlist page1 (mytable25)
 Passenger List (mytable26)
 Ships page (mytable27)
 A Ship A Ship (mytable28) 
 War Losses (mytable29)
 World War I (mytable30)
 /*-End- Tables Pages */
 
  caption.mytable, caption.mytable1, caption.mytable2, caption.mytable3, caption.mytable4, caption.mytable5, caption.mytable6, caption.mytable7, caption.mytable8, caption.mytable9, caption.mytable10, caption.mytable11, caption.mytable12, caption.mytable13, caption.mytable14, caption.mytable15, caption.mytable16, caption.mytable17, caption.mytable18, caption.mytable19, caption.mytable20, caption.mytable21, caption.mytable22, caption.mytable23, caption.mytable24, caption.mytable25, caption.mytable26, caption.mytable27, caption.mytable28, caption.mytable29, caption.mytable30
  {
     background-color:#aabdff; 
     color:#ffeda2;
	  border-style:solid;
     border-width:2px;
     border-color:#aabdff;  
	  font-weight: bold;
	  margin: auto;
	  
  }

  table.mytable, table.mytable2, table.mytable4, table.mytable6, table.mytable8, table.mytable10, table.mytable12, table.mytable13, table.mytable16, table.mytable17, table.mytable18, table.mytable19, table.mytable20, table.mytable21, table.mytable24, table.mytable25, table.mytable26, table.mytable28, table.mytable29, table.mytable30
  { 
     font-family:arial;
     font-size:1.1em;
     width:680px;
     border-style:solid;
     border-color: #aabdff; 
     border-width:2px;
	  border-collapse: collapse; 
	  margin-right: auto;
	  margin-left: auto;
	  margin-bottom: 50px
  }
  
  table.mytable27 {
     font-family:arial;
     font-size:1.4em;
     width:690px;
     border-style:solid;
     border-color: #aabdff; 
     border-width:2px;
	  border-collapse: collapse; 
	  margin-right: auto;
	  margin-left: auto;
	 
  }
  table.mytable1, table.mytable5, table.mytable23 {
     font-family:arial;
     font-size:1.1em;
     width:450px;
	  margin-left: auto;
	  margin-right: auto;
     border-style:solid;
     border-color: #aabdff; 
     border-width:2px;
	  margin-bottom: 50px;
	  border-collapse: collapse; 
  }
  table.mytable14, table.mytable15 {
   font-family:arial;
     font-size:1.1em;
     width:480px;
	  margin-left: auto;
	  margin-right: auto;
     border-style:solid;
     border-color: #aabdff; 
     border-width:2px;
	  margin-bottom: 50px;
	  border-collapse: collapse; 	
  }
  table.mytable3, table.mytable7, table.mytable9, table.mytable11, table.mytable22  {
     font-family:arial;
     font-size:1.1em;
     width:300px;
	  margin-left: auto;
	  margin-right: auto;
     border-style:solid;
     border-color: #aabdff; 
     border-width:2px;
	  margin-bottom: 50px;
	  border-collapse: collapse; 
  } 
  tr.mytablemem1, td.mytablemem1 {
     font-size:1em;
  	  font-weight: bold;
	  background-color:#aabdff; 
     color:#ffeda2; 
	  text-align: center;
  }
  tr.mytablehighlight, td.mytablehighlight {
    
     font-size: .9em;
  	  font-weight: normal;
     background-color: #FFE4E1;
     color: #000;
	  text-align: left;
	  border-left: 2px solid #aabdff; 
	  border-top: 2px solid #aabdff;
	  padding-left:5px;	  
	 }
	tr.mytablehighlight1, td.mytablehighlight1 {
	  font-size: 1.0em;
  	  font-weight: bold;
     background-color:#fff;
     color:#000;
	  text-align: center;
	  border-left: 2px solid #aabdff; 
	  border-top: 2px solid #aabdff;
	  padding-left:5px;	
	}  
	
	tr.mytablehighlight2, td.mytablehighlight2 {
	  font-size: .9em;
  	  font-weight: normal;
     background-color:#fff;
     color: #000;
	  text-align: left;
	  border-left: 2px solid #aabdff; 
	  border-top: 2px solid #aabdff;
	  padding-left:5px;	   
	}  
	
	tr.mytablehighlight12, td.mytablehighlight12 {
	  font-size: 1.0em;
  	  font-weight: normal;
     background-color:#fff;
     color: maroon;
	  text-align: center;
	  border-left: 2px solid #aabdff; 
	  border-top: 2px solid #aabdff;
	  padding-left:5px;	   
	}  
	
	tr.mytablehighlight24, td.mytablehighlight24, tr.mytablehighlight26, td.mytablehighlight26 {
	  font-size: 0.9em;
  	  font-weight: normal;
     background-color:#fff;
     color: #000;
	  text-align: left;
	  border-left: 2px solid #aabdff; 
	  border-top: 2px solid #aabdff;
	  padding-left:5px;	
	}
	
	tr.mytablehighlight25, td.mytablehighlight25 {
	text-align: center;
	background-color: #fff;
	color: navy;	
	}
	

  th.mytable, th.mytable1, th.mytable2, th.mytable3, th.mytable4, th.mytable5, th.mytable6, th.mytable7, th.mytable8, th.mytable9, th.mytable10, th.mytable11, th.mytable12, th.mytable13, th.mytable14, th.mytable15, th.mytable16, th.mytable16, th.mytable17, th.mytable18, th.mytable19, th.mytable20, th.mytable21, th.mytable22, th.mytable23, th.mytable24, th.mytable25, th.mytable26, th.mytable27, th.mytable28, th.mytable29, th.mytable30
  {  
     font-size:.8em;
     background-color:#fff;
     color: maroon;
	  text-align: center;
	 }	 

  tr.mytable, tr.mytable1, tr.mytable2, tr.mytable3, tr.mytable4, tr.mytable5, tr.mytable6, tr.mytable7, tr.mytable8, tr.mytable9, tr.mytable10, tr.mytable11, tr.mytable12, tr.mytable13, tr.mytable14, tr.mytable15, tr.mytable16, tr.mytable17, tr.mytable18, tr.mytable19
  { 
  }

  td.mytable, td.mytable1, td.mytable2, td.mytable3, td.mytable4, td.mytable5, td.mytable6, td.mytable7, td.mytable8, td.mytable9, td.mytable10, td.mytable11, td.mytable12, td.mytable13, td.mytable14, td.mytable15, td.mytable16, td.mytable17, td.mytable18, td.mytable19, td.mytable20, td.mytable21, td.mytable22, td.mytable23, td.mytable24, td.mytable25, td.mytable26, td.mytable27, td.mytable28, td.mytable29, td.mytable30
  {  
     font-size:.8em;
     background-color:#ffffcc;
     color: #000;
     border-style:solid;
     border-width:2px;
     border-color:#aabdff; 
     text-align:left;
	  padding-left:5px;
  }
  
  td.mytableft, td.mytableft2, td.mytableft4,td.mytableft6, td.mytableft8, td.mytableft10, td.mytableft23, td.mytableft24, td.mytableft25, td.mytableft26, td.mytableft30 {
  text-align: center;	
  background-color:#FFE4C4;
  color:#000;	
  border-top: 2px solid #aabdff;
	}
 /* -End- Tables Pages */ 
 
 
/* U-68/Merten Page */

 #merten {
 float: right;
 width: 229px;
 margin: 10px 0 0 20px;
 border:1px solid black;  
 }

 #U-68 {
 position: relative;
 border:1px solid black;
 width: 220px;
 }
 .merten {
color: maroon;
font-size: 80%;
line-height: 180%;
text-align: center;
border-top:1px solid black;
background-color:#fff2c8;
height: auto;
}
 #conningtower {
 position: absolute;
 top: 0; left: 440px;
 border:1px solid black;
 width:239px;
 }
 .ct {
 background-color:#fff2c8;
 color: maroon;
 font-size:80%;
 line-height: 180%;
 border-top:1px solid black;
 text-align:center;
 height:auto;
 }

 #sinking {
  position:relative;
  border:1px solid black;
  width:333px;
  margin: 30px 0 30px 8px;
    
 }
  .sinkingtext {
 color: maroon;
 font-size:80%;
 line-height: 180%;
 background-color:#fff2c8;
 border-bottom:1px solid black;
 text-align: center;
 height: auto;
 
 }
 #arriaga {
 position:absolute;
 top:0; left:375px;
 border:1px solid black;
 width:300px;
 }
 .arriagatext {
 font-size:80%;
 line-height: 180%;
 text-align:left;
 background-color:#fff2c8;
 color:maroon;
 border-bottom:1px solid black;
 height: auto;
 text-align: center;
 } 
 
 .ucfm {
 color: maroon;
 }
.awtext {
 font-size: 1.2em;
 font-weight:bold;
 color: maroon;
 }
 .knightscross {
 position:absolute;
 top:-15px; left:470px;
 
 }
 .kctext {
 position: relative;
 font-size: 80%;
 color: maroon;
 border: 1px solid black;
 background-color: #fff2c8;
 width: 350px;
 padding: 5px;
 text-align:center;
 margin-bottom:200px;
  }
  
  .u68 {
  text-align: center;
  margin: 20px auto;
  border: 1px solid black;
  width: 370px;
  }
  
  .u68_1 {
  background-color:#fff2c8;
  color: maroon;
  border-top:1px solid black;
  font-size: 80%;
  line-height: 180%;
  height: auto;	
  }
 /* -End- U-68/Merten Page */
 
 /* Ellerman Page */
 
  .ellerman1 {
 float: right;
 width: 160px;
 margin: 8px 0 0 20px;
 border:1px solid black;
 font-size: 80%;
 line-height: 180%;
 height: auto;
 }
 .ellermantext {
 background-color:#fff2c8;
 border-top:1px solid black;
 text-align: center;
 font-size: 80%;
 line-height: 180%;
 height: auto;
 }
 .ellerman {
 margin: 10px auto;
 border:1px solid black;
 width:500px;
 }
  #city {
 border:1px solid black;
 float: left;
 width: 160px;
 margin: 5px 15px 3px 0;
 }
 /* -End- Ellerman Page */
 
  /* Acknowledgements Page */
  a.links {width: 90px; height: auto; background-color: #fff0df; border: 1px solid #666666; text-align: center; text-decoration:none;padding:1px 3px 1px 3px;font-size:80%;line-height:180%; 
  }
  a.links:hover {
  text-decoration: underline;  	
	
  }
    
 .book {
 float: right;
 width: 160px;
 margin: 12px 0 0 20px;
 }
 .author {
 position:relative;
 top:-5px; left:355px;
 }
 .phil {
 border:1px solid black;
 width:200px;
 }
 #mn_badge1 {
 float:right;
 border:1px solid black;
 width:155px;
 }
 
 /* -End- Acknowledgements Page */
 
 /* About Page */
 #navy {
 position: relative;
 float: right;
 width: 213px;
 margin: 80px 0 0 20px;
 border:1px solid black;
 }
 .text {
 font-size: 80%;
 line-height: 185%;
 text-align:center;
 background-color:#fff2c8;
 color:maroon;
 border-top:1px solid black;
 height: auto;
 }
 #mnbadge1 {
 position: relative;
 top: 0; left: 425px;
 }
 .aboutbadge {
 float:right;
 width:160px;
 margin:8px 0 0 20px;
 border:3px solid white;
 }
 #lycaon {
 position: relative;
 border:1px solid black;
 width:300px;
 margin:30px 0;
 }
 .lycaontext {
 background-color:#fff2c8;
 color:maroon;
 border-top:1px solid black;
 text-align:center;
 font-size:80%;
 line-height: 180%;
 height: auto;
 }
 .lycaon1txt {
 background-color:#fff2c8;
 color:maroon;
 border-bottom:1px solid black;
 text-align:center;
 font-size:80%;
 line-height: 185%;
 height: auto;
 }
 #endeavour {
 position: absolute;
 top:0; left:370px;
 border:1px solid black;
 width:319px;

 }
 .endeavourtext {
 background-color:#fff2c8;
 color:maroon;
 border-top:1px solid black;
 text-align:center;
 font-size:80%;
 line-height: 185%;
 height: auto;
 
 }
 #wensign {
 	
	position: absolute;
	top: -137px; right: 620px;
	}
 #norland {
 position: relative;
 border:1px solid black;
 width: 290px;
 margin:30px 0;
  }	
  .norlandtoptxt {
 background-color:#fff2c8;
 color:maroon;
 border-bottom: 1px solid black;
 text-align:center;
 font-size:80%;	
 line-height: 185%;
 height: auto;
  }
 .norlandbottomtxt {
 background-color:#fff2c8;
 color:maroon;
 border-top: 1px solid black;
 text-align:center;
 font-size:80%;	
 line-height: 185%;
 height: auto;
 }
 #countess {
 position: absolute;
 top:0; left:350px; 	
 border:1px solid black;
 width: 340px;
 } 
 .cunard {
 background-color:#fff2c8;
 color:maroon;
 border-top:1px solid black;
 text-align:center;
 font-size:80%;	
 height: auto;
 line-height: 185%;	
 }
 /* -End- About Page */
 
 /* Photos Page*/
 #kendal {
 border:1px solid black;
 width:180px;
 margin: 30px 0; 
 }
 .dulcie {
 background-color:#fff2c8;
 text-align:center;
 border-bottom:1px solid black;
 color: maroon;
 font-size:75%;
 height:20px;
 }
 .dulciecopy {
 background-color:#fff2c8;
 color:maroon;
 border-top:1px solid black;
 text-align:center;
 font-size:75%;
 height: 20px;
 }
 .colnavy {
 color: navy;
 }
 .colfawn {
 color: #fff2c8;
 }
 .colblue {
 color: blue;
 }
 .survivors {
 width: 320px;
 font-size: 70%;	
 }
 #sthelena {
 position: relative;
 border: 1px solid black;
 width: 300px;
 margin-top: 50px;
 }	
 .sth1 {
 background-color:#fff2c8;
 border-bottom: 1px solid black;
 color: maroon;
 text-align: center;
 font-size: 80%;
 height: auto;
 line-height: 182%;
 width: 300px;
 
 }
 .sth2 {
 background-color:#fff2c8;
 border-top: 1px solid black;
 color: maroon;
 text-align: center;
 font-size: 80%;
 line-height: 182%;
 width: 300px;
 height: auto;
 }
 #boundy {
 position: absolute;
 top: 0; left: 390px;
 border: 1px solid black;
 width: 300px;
 }
 .boundy1 {
 background-color:#fff2c8;
 border-top: 1px solid black;
 color: maroon;
 text-align: center;
 font-size: 80%;
 line-height: 180%;
 width: 300px;
 height: auto;
 }
 .boundy2 {
 background-color:#fff2c8;
 border-bottom: 1px solid black;
 color: maroon;
 text-align: center;
 font-size: 80%;	
 line-height: 182%;
 width: 300px;
 height: auto;
 }
 
 .boundy3 {
 background-color:#fff2c8;
 border-top: 1px solid black;
 color: maroon;
 text-align: center;
 font-size: 80%;
 width: 213px;
 height: auto;
 line-height: 180%;
	
 }
 #boundy1 {
 border: 1px solid black;
 width: 213px;	
 position: relative;	
 }
 #sthchildren {
 position: absolute;
 top: 320px; left: 0;
 border: 1px solid black;
 width: 350px;
 }
 .sthchild {
 background-color:#fff2c8;
 border-top: 1px solid black;
 color: maroon;
 text-align: center;
 font-size: 80%;
 line-height: 185%;
 height: auto;
 }
 #gov {
 position: absolute;
 top:0; left: 338px;
 border: 1px solid black;
 width: 350px;	
 }
 .gov1 {
 background-color:#fff2c8;
 border-top: 1px solid black;
 color: maroon;
 text-align: center;
 font-size: 80%;
 line-height: 180%;
 height: auto;
 }
 .lorraine {
 border: 1px solid black;
 background-color: #fff2c8;
 color: Maroon;
 font-size: 80%;
 line-height: 180%;
 height: auto; 
 margin: 20px auto; 	
 text-align: center;
 width: 600px;
 }

 #jvm {
 position: relative;
 border: 1px solid black;
 width: 260px;
 }
 .jvm2 {
 background-color:#fff2c8;
 border-top: 1px solid black;
 color: maroon;
 text-align: center;
 font-size: 80%;
 width: 260px;
 height: auto;	
 line-height: 185%;
 }
 #jvm1 {
 border: 1px solid black;	
 position: absolute;
 top: 0; left: 337px; 
 width: 348px;
 }
 .jvm3 {
 background-color: #fff2c8;
 border-top: 1px solid black;
 color: maroon;
 text-align: center;
 font-size: 80%;
 line-height: 185%;
 width: 348px;
 height: auto;
  }
  .jvm4 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 90%;	
  }
  #mgphoto {
  position: relative;
  border: 1px solid black;
  width: 240px;
   }	
  .jw {
  	background-color: #fff2c8;
   border-top: 1px solid black;
   color: maroon;
   text-align: center;
   font-size: 80%;
   width: 240px;
   height: auto;
	line-height: 185%;
  }
  #mg {
  border: 1px solid black;	
  position: absolute;
  top: -1px; left: 220px; 
  width: 240px;	
  }
  .mg {
  	background-color: #fff2c8;
   border-top: 1px solid black;
   color: maroon;
   text-align: center;
   font-size: 80%;
   width: 240px;
   height: auto;
	line-height: 185%;
  }
  #margord {
  border: 1px solid black;	
  position: absolute;
  top: -1px; left: 240px ; 
  width: 220px;		
  }
  .margord {
  	background-color: #fff2c8;
   border-top: 1px solid black;
   color: maroon;
   text-align: center;
   font-size: 80%;
   width: 220px;
   height: auto;	
	line-height: 185%;
	}
	#engineers {
	border: 1px solid black;
	width: 507px;
	margin: auto;
   margin-top:30px;
   margin-bottom: 30px;		
	}
	.engineers1 {
	 background-color:#fff2c8;
    border-bottom: 1px solid black;
    color: maroon;
    text-align: center;
    font-size: 80%;	
    line-height: 185%;
    width: 507px;
    height: auto;
	}
	.engineers2 {
	background-color: #fff2c8;
   border-top: 1px solid black;
   color: maroon;
   text-align: center;
   font-size: 80%;
   width: 507px;
   height: auto;	
	line-height: 185%;		
	}
	#eng_ineers {
	position:relative;
	border: 1px solid black;
	width: 353px; 	
	}
	.eng1 {
	background-color:#fff2c8;
   border-bottom: 1px solid black;
   color: maroon;
   text-align: center;
   font-size: 80%;	
   line-height: 185%;
   width: 353px;
   height: auto;	
	}
	.eng2 {
	background-color: #fff2c8;
   border-top: 1px solid black;
   color: maroon;
   text-align: center;
   font-size: 80%;
   width: 353px;
   height: auto;	
	line-height: 185%;			
	}
	.crew {
	position:absolute;
	top:0; left: 390px;
	border: 1px solid black;
	width: 289px; 		
	}
	.crew1 {
	background-color:#fff2c8;
   border-bottom: 1px solid black;
   color: maroon;
   text-align: center;
   font-size: 80%;	
   line-height: 185%;
   width: 289px;
   height: auto;		
	}
	.crew2 {
	background-color: #fff2c8;
   border-top: 1px solid black;
   color: maroon;
   text-align: center;
   font-size: 80%;
   width: 289px;
   height: auto;	
	line-height: 185%;				
	}
  
 /* -End- Photos Page */
 
 /* Photos1 Page*/
 #interior1 {
 position: relative;
 border:1px solid black;
 margin:40px 0 0 0;
 width:312px;
 }
 #interior2 {
 position: absolute;
 top:-1px; left:330px;	
 border: 1px solid black;
 width: 350px;
 }
 .cabin1 {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height:auto;
 }
 .cabin2 {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height: auto;	
 }
 #interior3 {
 position: relative;
 border:1px solid black;
 margin:40px 0 100px 0;
 width:312px;
 }
 #interior4 {
 position: absolute;
 top:0; left:332px;	
 border: 1px solid black;
 width: 350px;
 }
 .card {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-bottom:1px solid black;
 height: auto;		
 width: 312px;
 }
 .card1 {
 background-color:#fff2c8;
 color:maroon;
 width: 350px;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-bottom:1px solid black;
 height: auto;		
 }
 .cabin3 {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height:auto;	
 width: 312px;
 }
 .cabin4 {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height: auto;	
 }
 #interior5 {
 position: relative;
 border:1px solid black;
 margin: 0 0 60px 0;
 width:320px;	
 }
 #interior6 {
 position: absolute;
 top:0; left:362px;	
 border: 1px solid black;
 width: 320px;	
 }
 .music {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-bottom:1px solid black;
 height: auto;		
 width: 320px;	
 }
 .music1 {
 background-color:#fff2c8;
 color:maroon;
 width: 320px;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-bottom:1px solid black;
 height: auto;			
 }
 .lounge {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height:auto;	
 }
 .lounge1 {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height: auto;		
 }
 #jr {
 position: relative;
 border:1px solid black;
 margin:20px 0 40px 0;
 width:191px;	
 }
 .joanr {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height: auto;	
  }
 #ladya {
 position: absolute;
 top:0; left:240px;	
 border: 1px solid black;
 width: 191px; 	
 }
 .la {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height: auto;		
 }
 #drmillar {
 position: absolute;
 top:0; left:245px;	
 border: 1px solid black;
 width: 191px; 		
 }
 .drm {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height: auto;			
 }
 #sims {
 position: relative;
 top: 20px; left: 0;
 border:1px solid black;
 margin:20px 0 40px 0;
 width:341px;		
 }
 .sims {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height: auto;				
 }
 .sims1 {
 position: relative;
 top: -15px; left: -169px;
 color:black;
 font-size:70%;
 line-height:175%;
 text-align:center;	
 }
 
 #stubquant {
 position: absolute;
 top:-50px; left:430px;	
 border: 1px solid black;
 width: 250px; 			
 }
 .stuquant {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:186%;
 text-align:center;
 border-top:1px solid black;
 height: auto;					
 }
 #kmaclennan {
 position: relative;
 top: 40px; left: 0;
 width: 204px;
 border:1px solid black; 
 margin-bottom: 70px;
 }
 .kennie {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height: auto;	
 line-height: 165%;						
 }
 
 #cityofc {
 position: absolute;
 top: 44px; left: 275px;
 border:1px solid black;
 margin:20px 0 40px 0;
 width:405px;			
 }
 .cityofc {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height: auto;	
 line-height: 165%;					
 }
  
 #ironside {
 position: relative;
 top: 10px; left: 0;
 width: 190px;
 border: 1px solid black;  	
 }
 .bob {
 text-align: center;
 font-size: 80%;
 background: #fff2c8;
 color: maroon;
 border-bottom: 1px solid black;
 height: auto;
 }
 .bob1 {
 	text-align: center;
	background: #fff2c8;
	color: maroon;
	border-top: 1px solid black;
	font-size: 80%;
	line-height: 165%;
	height: auto;
 }
 #bob_tomtext {
 position: absolute;
 top: 0; left: 230px;	
 width: 200px;
 }
 #tmccall {
 position: absolute;
 width: 219px;
 top: 0; left: 460px;
 border: 1px solid black;  	
 }
 .tom {
 text-align: center;
 font-size: 80%;
 background: #fff2c8;
 color: maroon;
 border-bottom: 1px solid black;
 height: auto;	
 }
 .tom1 {
 text-align: center;
	background: #fff2c8;
	color: maroon;
	border-top: 1px solid black;
	font-size: 80%;
	line-height: 165%;
	height: auto;	
 }
 #miller {
 position: relative;
 top: 80px; left: 0;
 width: 230px;
 border: 1px solid black;
 margin-bottom: 120px;	
 
 }
 .mmiller {
 position: absolute;
 top: 0; left: 235px;
 width: 230px;
 border: 1px solid black;	
 }
 .donaldmiller {
 position: absolute;
 top: -1px; left: 235px;
 width: 230px;
 border: 1px solid black;	
 }
 .millers {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height: auto;				
 }
 #robertwatts {
 position: relative;
 top: -20px; left: 0;
 width: 230px;
 border: 1px solid black;
 margin-bottom: 40px;
 }
 .watts { 
 text-align: center;
 font-size: 80%;
 background: #fff2c8;
 color: maroon;
 border-top: 1px solid black;
 line-height: 185%;
 height: auto;
 }	  
 .tinywatts {
 position: absolute;
 top:0px; left:240px;	
 border: 1px solid black;
 width: 210px; 				
 }
 .rtw {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height: auto;							
 }
 .tinytext {
 position: absolute;
 top:290px; left:0;
 text-align: center;
 font-size: 80%;
 background: #fff2c8;
 color: maroon;
 border: 1px solid black;
 width: 210px;
 height: auto;
 }
 .bob_ivy_watts {
 position: absolute;
 top:0; left:220px;
 width: 230px;
 border: 1px solid black;	
 }
 .bobivywatts {
 text-align: center;
 font-size: 80%;
 background: #fff2c8;
 color: maroon;
 border-top: 1px solid black;
 line-height: 185%;
 height: auto;	
 }
 .pmarginphot1 {
 margin: 50px 0;	
 }
 #johnnuttall {
 border: 1px solid black;
 margin-bottom: 40px;
 width: 227px;
 position: relative;
 }
 .johnn {
 text-align: center;
 font-size: 80%;
 width: 227px;
 background: #fff2c8;
 color: maroon;
 border-bottom: 1px solid black;
 height: auto;
 }	  
 .jnuttall {
 text-align: center;
 background: #fff2c8;
 width: 227px;
 color: maroon;
 border-top: 1px solid black;
 font-size: 80%;
 line-height: 185%;
 height: auto;	
 }
 .hugh_p {
 position: absolute;
 border: 1px solid black;
 top: 0; left: 245px;
 width: 204px; 		
 } 
 .h_porterfield {
 text-align: center;
 font-size: 80%;
 width: 204px;
 background: #fff2c8;
 color: maroon;
 border-bottom: 1px solid black;
 height: auto;	
 }
 .hugh_m_p {
 text-align: center;
 background: #fff2c8;
 width: 204px;
 color: maroon;
 border-top: 1px solid black;
 font-size: 80%;
 line-height: 185%;
 height: auto;			
 }
 .d_dick {
 position: absolute;
 border: 1px solid black;
 top: 0; left: 468px;
 width: 222px; 	
 }
 .david_d {
 text-align: center;
 font-size: 80%;
 width: 222px;
 background: #fff2c8;
 color: maroon;
 border-bottom: 1px solid black;
 height: auto;
 }
 .d-dick {
 text-align: center;
 background: #fff2c8;
 width: 222px;
 color: maroon;
 border-top: 1px solid black;
 font-size: 80%;
 line-height: 185%;
 height: auto;		
 }
 #solomon {
 border: 1px solid black;
 text-align: center;
 width: 202px;
 position: relative;
 
 }
 .william {
 text-align: center;
 font-size: 80%;
 background: #fff2c8;
 color: maroon;
 border-bottom: 1px solid black;
 height: auto;	
 }
 .wcsolomon {
 text-align: center;
 background: #fff2c8;
 color: maroon;
 border-top: 1px solid black;
 font-size: 80%;
 line-height: 185%;
 height: auto;			
 }
 .fmcquone {
 position: absolute;
 border: 1px solid black;
 top: 0; left:225px;
 width: 230px; 	 
 }
 .francis_b {
 text-align: center;
 background: #fff2c8;
 color: maroon;
 border-bottom: 1px solid black;
 font-size: 80%;
 line-height: 185%;
 height: auto;				
 }
 .mcquone {
 text-align: center;
 background: #fff2c8;
 color: maroon;
 border-top: 1px solid black;
 font-size: 80%;
 line-height: 185%;
 height: auto;			
 }
 .gerner {
 position: absolute;
 border: 1px solid black;
 top: 0; left:225px;
 width: 204px; 	 	
 }
 .gerner1 {
 text-align: center;
 background: #fff2c8;
 color: maroon;
 border-bottom: 1px solid black;
 font-size: 80%;
 line-height: 185%;
 height: auto;				
 }
 .gerner2 {
 text-align: center;
 background: #fff2c8;
 color: maroon;
 border-top: 1px solid black;
 font-size: 80%;
 line-height: 185%;
 height: auto;				
 }
 
  /* -End- Photos1 Page */
  
  /*  Photos2 Page */
 .linecrossing5 {
 border: 1px solid black;
 text-align: center;
 width: 221px;
 position: relative; 
 margin-bottom: 30px;	
 }
 .linecrossingBottom {
 text-align: center;
 background: #fff2c8;
 color: maroon;
 border-top: 1px solid black;
 font-size: 80%;
 line-height: 185%;
 height: auto;			
 }
 .linecrossingRogerson {
 position: absolute;
 border: 1px solid black;
 top: 0; left:228px;
 width: 221px; 	 	
 }
 .linecrossing3 {
 position: absolute;
 border: 1px solid black;
 top: 0; left:228px;
 width: 221px; 	 	
 }
 .linecrossing6 {
 border: 1px solid black;
 text-align: center;
 width: 320px;
 position: relative; 
 margin-bottom: 30px;		
 }
 .linecrossing4 {
 position: absolute;
 border: 1px solid black;
 top: 0; left:358px;
 width: 320px; 	 		
 }
 .linecrossing2 {
 border: 1px solid black;
 text-align: center;
 width: 340px;
 position: relative;
 margin-bottom: 30px; 			
 }
 .linecrossing7 {
 position: absolute;
 border: 1px solid black;
 top: 0; left:346px;
 width: 340px; 	 			
 }
 .linecrossing8 {
 border: 1px solid black;
 text-align: center;
 width: 400px;
 position: relative; 
 margin-bottom: 60px;			
 }
 .linecrossing9 {
 position: absolute;
 border: 1px solid black;
 top: 0; left:426px;
 width: 260px; 	 			
 }
 .neptune {
 border: 1px solid black;
 text-align: center;
 width: 400px;
 position: relative;
 margin-bottom: 30px;
  }
 .certtext {
 border: 1px solid black;
 width: 248px;
 padding: 5px;
 background-color: #fff2c8;
 font-size: 80%;
 color: navy;
 font-style: italic;
 text-align: left;
 position:absolute;
 top: 0; left: 428px; 
 }
 .sthelena {
 border: 1px solid black;
 text-align: center;
 width: 340px;
 position: relative; 
 margin-bottom: 30px;		
 }
 .st_helena {
 position: absolute;
 border: 1px solid black;
 top: 0; left:350px;
 width: 340px;  	 			
 }
 
 .Sthelena_1 {
 position: relative;
 border: 1px solid black;
 width: 221px; 
 margin-bottom: 30px;	 		
 }
 .Sthelena {
 border: 1px solid black;
 text-align: center;
 width: 221px;
 position: absolute;
 top: 0; left: 232px; 
 		
 }
 .Sthelena_2 {
 position: absolute;
 border: 1px solid black;
 top: 0; left:232px;
 width: 221px; 	 		
 }
  /* -End- Photos2 Page */
  
  /* World War I Page*/
  
  #troopship {
 border:1px solid black;
 width:600px;
 margin-bottom:30px;
 margin-left:auto;
 margin-right:auto;
 }
 .hmtcoc {
 width:600px;
 height: auto;
 font-size: 80%;
 line-height: 180%;
 background-color:#fff2c8;
 color:maroon;
 text-align:center;
 border-top:1px solid black;
 }
 
 #troopship1 {
 border:1px solid black;
 width:461px;
 margin-bottom:30px;
 margin-left:auto;
 margin-right:auto;
 }
 
 .tony_jones2 {
 width: 461px;
 height: auto;
 font-size: 80%;
 line-height: 180%;
 background-color:#fff2c8;
 color:navy;
 text-align:center;
 border-bottom:1px solid black;	
 }
 
 .transport3 {
 height: auto;
 font-size: 80%;
 line-height: 180%;
 background-color:#fff2c8;
 color:maroon;
 text-align:center;
 border-top:1px solid black;
 }
 #troopship2 {
 position:absolute;
 top:0; left:350px;
 border:1px solid black;
 width:326px;
 }
 .tony_jones1 {
 width: 326px;	
 height: auto;
 font-size: 80%;
 line-height: 180%;
 background-color:#fff2c8;
 color:navy;
 text-align:center;
 border-bottom:1px solid black;
 }
 
 .transport2 {
 height: auto;
 font-size: 80%;
 line-height: 180%;
 background-color:#fff2c8;
 color:maroon;
 text-align:center;
 border-top:1px solid black;
 }
 
 #troopship3 {
 position:relative;
 border:1px solid black;
 width:335px;
 }
 
 .tony_jones {
 width: 335px;
 height: auto;
 font-size: 80%;
 line-height: 180%;
 background-color:#fff2c8;
 color:navy;
 text-align:center;
 border-bottom:1px solid black;	
 }
 
 .transport1 {
 height: auto;
 font-size: 80%;
 line-height: 180%;
 background-color:#fff2c8;
 color:maroon;
 text-align:center;
 border-top:1px solid black;		
 }
 
 .tony_j {
 width:600px;
 height: auto;
 font-size: 80%;
 line-height: 180%;
 background-color:#fff2c8;
 color:navy;
 text-align:center;
 border-bottom:1px solid black;
  }  
 
 
 /* Links Page */
 .colgreen {
 color: green; 	
 }
 .lksbdr {
 border: 1px solid black;
 background-color: #fff2c8;
 padding: 2px;
 } 	
 /* -End- Links Page */
 
 /* No.1 Boat Page */
 
 .head {
 font-size: 95%;
 position: relative;
 top: 0; left: 300px;
 }
 .head1 {
 font-size: 95%;
 position: relative;
 top: -40px; left: 0;
 }
 .head2 {
 font-size: 95%;
 position: relative;
 top: -40px; left: 0;
 }
 .head3 {
 font-size: 95%;
 position: relative;	
 top: -42px; left: 300px;
 }
 .head4 {
 font-size: 95%;
 position: relative;	
 top: -42px; left: 300px;	
 }
 #rhakotis {
 float: right;
 width: 358px;
 margin: 10px 10px 0 20px;	
 border: 1px solid black;
 }
 .rhak1 {
 border-bottom: 1px solid black;	
 text-align: center;
 font-size: 80%;
 line-height: 185%;
 height: auto; 
 background-color: #fff2c8;
 color: maroon;
 }
 .rhak2 {
 border-top: 1px solid black;
 font-size: 80%;
 line-height: 185%;
 height: auto;
 text-align: center;
 background-color: #fff2c8;	
 color: maroon;
 }
 #scy {
 width: 527px;
 margin: auto;
 margin-bottom: 20px;
 border: 1px solid black;
 }
 .scy1 {
 border-top: 1px solid black;
 font-size: 80%;
 line-height: 185%;
 height: auto;
 text-align: center;
 background-color: #fff2c8;
 color: maroon;	
 }
 .scylla {
 font-size: 80%;
 line-height: 185%;
 height: auto;
 text-align: center;
 background-color: #fff2c8;
 color: maroon;	
 border-bottom: 1px solid black;
 }
 #mc_call {
 float: left;
 width: 200px;
 border: 1px solid black;
 margin: 8px 15px 0 0; 
 }
.mccall1 {
 border-bottom: 1px solid black;	
 text-align: center;
 font-size: 80%;
 line-height: 185%;
 height: auto; 
 background-color: #fff2c8;
 color: maroon;
}
.mccall2 {
 border-top: 1px solid black;
 font-size: 80%;
 line-height: 185%;
 height: auto;
 text-align: center;
 background-color: #fff2c8;	
 color: maroon;
}
 
 /* -End- No.1 Boat Page */
 
 
 /* No.7 Boat Page */
 .b7head {
 background-color: #fff2c8;
 color: navy;
 border: 1px solid maroon;
 padding: 1px;
 text-align: center;
 width: 580px;
 margin: auto;
 margin-top:90px;
 }
 .b7date {
 background-color: #fff2c8;
 color: navy;
 border: 1px solid maroon;
 padding: 1px 1px 1px 2px;
 text-align: center;
 width: 225px;
 font-size: 80%;
 line-height: 180%;
 height: auto;
 margin: 35px 0;
 }
 .b7boundy {
 	float: right;
	width: 187px;
	border: 1px solid black;
   margin: 10px 10px 0 20px;
 }
 .lbtext {
 background-color: #fff2c8;
 color: navy;
 text-align: center;
 font-size: 80%; 
 line-height: 180%;
 height: auto;	
 border-top: 1px solid black;
  }
 
 
 /* -End- No.7 Boat Page */
 
 /* Faulds Page */
 #rfaulds {
 float: right;
 width: 250px;
 margin: 10px 10px 0 20px;
 border:1px solid black;
 }
  /* -End- Faulds Page */
  
 
 
 /* Clan Alpine Page */
 #alpine {
  float: right;
  width: 400px;
  margin: 0 10px 0 8px; 
  border: 1px solid black;	
 }
 #pmargin {
 margin: 30px 0;	
	
 }
 
 .pmargin {
 margin: 30px 0
 }
 .calpine {
 text-align: center;
 color: maroon;
 background-color:#fff2c8;
 border: 1px solid black;
 font-size: 70%;
 line-height: 170%;
 height: auto;	
 padding: 3px;
 	
 }
 .calpinetext {
 text-align: center;
 color: maroon;
 background-color:#fff2c8;	
 border-top: 1px solid black;
 }
 .clanaflag {
 position: relative;
 top: -20px; left: 0;	
 }
 
 /* -End- Clan Alpine Page */
 
 /* Bendoran Page */
 #benflag {
 position: relative;
 top: 50px; left: 0;
 width: 124px;
 border: 1px solid black;	
 margin-bottom: 150px;
 }
 #bendoran1 {
 position: absolute;
 border: 1px solid black;
 top: -50px; left: 285px;
 width: 400px;
 }
 .bdorantxt {
 text-align: center;
 color: maroon;
 background-color:#fff2c8;	
 border-top: 1px solid black;
 }  
 
 .bdoran {
 text-align: center;
 color: maroon;
 background-color:#fff2c8;
 border: 1px solid black;
 font-size: 70%;
 line-height: 170%;
 height: auto;	
 padding: 3px;	
 }
 
 /* -End- Bendoran Page */
 
 /* Passengers Page */
 .pass1 {
 width: 20%;
 } 
 
 .pass2 {
 width: 5%; 	
 }
 .nestor {
 position: relative;
 width: 299px;
 border: 1px solid black;
 margin: 30px 0;  	
 }
 .nestor1 {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-bottom:1px solid black;
 height: auto;					 	
  }
 .nestor2 {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height: auto;					
 }
 .straatsoenda {
 position: absolute;
 top:0; left:350px;
 width: 323px;	
 border: 1px solid black; 
 }
 .straat1 {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-bottom:1px solid black;
 height: auto;					 	
 }
 .straat2 {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height: auto;						
 }
 /* -End- Passengers Page */
 
 /* Joan Redl Page */
 .joanrhead {
 text-align: center;	
 }
 
 .dr {
 position: relative;
 top: 0; left: 430px;	
 }
 .dr1 {
 position: relative;
 top: 0; left: 5px;	
 }
 .jr1 {
 float: right;
 width: 191px;
 border:1px solid black;
 margin:10px 0 20px 10px;
 }
 /* -End- Joan Redl Page */
 
 /* Dulcie Kendall Page */
 
 .dkendall {
 float: right;
 width: 180px;	
 border:1px solid black;
 margin:35px 0 20px 10px;
 }
 .dk1 {
 text-align: center; 
 }
 .dk2 {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height: auto;		
 }
 .dk3 {
 position: relative;
 top:-17px; left: 260px;	
	
 }
 
 /* -End- Dulcie Kendall Page */
 
 /* A Ship A Ship! */
 .aship {
 text-align: center; 
 }
 .admiller {
 width: 190px;	
 }
 #ADM {
 position: relative;	
 top:0; left: 100px;
 width: 240px;
 border: 1px solid black;  
 }
 .adm {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height: auto;			
 }
 .majmiller {
 position: absolute;
 top:-1px; left: 240px;
 border: 1px solid black;
 width: 240px;
 }
 .marjorie {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height: auto;			
 } 

 /* -End- A Ship A Ship! */
 
 /* Merten's Letter */
 .mertenaddress {
 position: relative;
 top: 0; left: 400px;	
 } 
 .mertentextindent {
 text-indent: 40px;	
 }
 /* -End- Merten's Letter */
 
 /* Reunion */
 .reunion1 {
 position: relative;
 top: 20px; left: 450px; 
 }
 .ellermanemblem1 {
 position: relative;
 top: -38px; left:80px;
 font-size: 30px;
 font-style: italic;
 	
 }
 .ellermanemblem2{
 	position: relative;
	top: -38px; left:80px;
	font-size: 12px; 	
 }
 .reunion1984 {
 position: relative;
 border:1px solid black;
 width:330px;	
 }
 .reunion_1984 {
 position: absolute;
 top:0; left:355px;	
 border: 1px solid black;
 width: 330px;
 }
 .reunioncopy {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-bottom:1px solid black;
 height: auto;		
 width: 330px;
 }
 .union {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height:auto;	
 width: 330px;	
 }
 #reunion_1984 {
 position: relative;
 top: 20px; left: 0;
 border:1px solid black;
 width:330px;		
 }
 .reunion1_1984 {
 position: absolute;
 top:0; left:355px;	
 border: 1px solid black;
 width: 330px;	
 }
 .reunion_copy {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-bottom:1px solid black;
 height: auto;		
 width: 330px;	
 }
 .union1 {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height:auto;		
 } 
 .reunion1_copy {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-bottom:1px solid black;
 height: auto;			
 }
 .union2 {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height:auto;			
 }
 #images_reunion {
 position: relative;
 top: 40px; left: 0;
 border:1px solid black;
 width:330px;	
 margin-bottom: 40px;	
 }
 .images_reunion1 {
 position: absolute;
 top:0; left:355px;	
 border: 1px solid black;
 width: 330px;		
 }
 .reunioncopy_1 {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-bottom:1px solid black;
 height: auto;		
 }
 .union3 {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height:auto;	 
 }  
 .reunioncopy_2 {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-bottom:1px solid black;
 height: auto;	
 }
 .union4 {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height:auto;					
 }
 #reunionboat {
 position: relative;
 top: 20px; left: 0;
 border:1px solid black;
 width:330px;	
 margin-bottom: 60px;
 }
 .reunion_boat {
 position: absolute;
 top:0; left:355px;	
 border: 1px solid black;
 width: 330px;		
 }
 
 .reunionboat1 {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-bottom:1px solid black;
 height: auto;			
 }
 .reunionboat2 {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height:auto;	 	
 }
 
 .reunionboat3 {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-bottom:1px solid black;
 height: auto;				
 }
 .reunionboat4 {
 background-color:#fff2c8;
 color:maroon;
 font-size:80%;
 line-height:185%;
 text-align:center;
 border-top:1px solid black;
 height:auto;	 		
 }
 /* -End- Reunion */
 
/* Ada Walker's Diary 1915 - 1916 */

#walker {
float: left;
width: 200px;	
border: 2px solid white;
margin: 8px 12px 0 0;
}
.ada {
text-align: center;
font-size: 80%;
line-height: 185%;
background: #fff2c8;
color: blue;
border-top: 2px solid white;
}
#birkenhead {
float: right;	
width: 297px;
border: 1px solid black;
margin: 6px 0 0 10px;	
}
.birkenhead {
text-align: center;
font-size: 80%;
line-height: 185%;
background: #fff2c8;
color: blue;
border-top: 1px solid black;
}

#walkerfamily {
float: right;
width: 179px;	
border: 2px solid white;
margin: 6px 0 0 5px;	
}
.family {
text-align: center;
font-size: 80%;
line-height: 185%;
background: #fff2c8;
color: blue;
border-top: 2px solid white;
}
.endpara {
width: 600px;
margin: 10px auto;
padding:10px;
border-style: double;
background-color: #FFE4C4;
color: #000;
font-size: 85%;
margin-bottom: 20px;	
}
#bombay {
float: right;
width: 252px; 
border: 1px solid black;
margin: 36px 0 0 5px;
}
.gateway {
text-align: center;
font-size: 80%;
line-height: 185%;
background: #fff2c8;
color: blue;
border-top: 1px solid black;
}

#cityof_cairo {
float: right;
width: 386px;
border: 1px solid black;
margin: 8px 0 5px 5px;
}
.ship_cofc {
text-align: center;
font-size: 80%;
line-height: 185%;
background: #fff2c8;
color: blue;
border-top: 1px solid black;
}
.block {
width: 300px;
border: 2px solid white;
padding: 3px 3px 3px 4px;
background-color: #fff2c8;
}
/* -End- da Walker's Diary 1915 - 1916 */

/* Daniel McNeill */
.mcneilltextindent {
text-indent: 30px;	
}
.benalder {
position: relative;
margin-bottom: 30px;
top: 10px; left: 500px;	
font-style: oblique;
}
#mcneill {
float: right;
width: 240px;
margin: 10px 10px 5px 10px;
border: 1px solid black;	
}
.dmcneill {
 background: #fff2c8;
 border-bottom: 1px solid black;
 color: maroon;
 text-align: center;
 font-size: 80%;
 width: 240px;
 height: auto;	
}
.daniel {
 background: #fff2c8;
 border-top: 1px solid black;
 color: maroon;
 text-align: center;
 font-size: 80%;
 width: 240px;
 height: auto;		
}
.pmargin1 {
margin: 10px 0;	
font-style: oblique; 
}
.letter {
font-style: oblique;	
}
/* -End- Daniel McNeill */
/* -Ordeal */
#ordeal {
float: right;
width: 360px;
margin: 10px 10px 5px 10px;
border: 1px solid black;	
}
.ordeal1 {
 background: #fff2c8;
 border-bottom: 1px solid black;
 color: maroon;
 text-align: center;
 font-size: 80%;
 height: auto;		
}
.ordeal2 {
background-color:#fff2c8;
color:maroon;
font-size:80%;
line-height:185%;
text-align:center;
border-top:1px solid black;
height:auto;			
}
.pmargin2 {
margin: 10px 0;	
}
.cy {
	color: yellow;
}
/* -End- Ordeal */

/* -Dr. Douglas Walter Quantrill */
.rogersonltr {
position: relative;
margin-bottom: 30px;
top: 10px; left: 500px;	
}
.rogersonltr1 {
text-align:center;
margin-bottom: 20px;
}
#quantrill {
width:197px;
float: left;
border: 1px solid black; 
margin: 10px 10px 5px 0;	
}
.quantrillphoto1 {
 background: #fff2c8;
 border-bottom: 1px solid black;
 color: maroon;
 text-align: center;
 font-size: 80%;
 width: 197px;
 height: auto;		
}
.quantrillphoto_1 {
 background: #fff2c8;
 border-top: 1px solid black;
 color: maroon;
 text-align: center;
 font-size: 80%;
 width: 197px;
 height: auto;			
}

/* -End- Dr Douglas Walter Quantrill */

/* Quantrill's Letter */
.qltrdate {
position:relative;
top: 10px; left: 500px;	
font-style: oblique;	
}
.qltrexpress {
margin: 30px 0 30px 0;
font-style: oblique;	
}
.qltrsig {
position: relative;
top:0; left: 480px;
margin: 40px 0 40px 0;	
}

/* -End- Quantrill's_Letter */

/* Smith's Letter */
.smithltr {
position:relative;
top: 10px; left: 600px;	
margin: 20px 0;
font-style: oblique;		
}
/* -End- Smith's Letter */

/*Simms_letter */

.simms_1 {
float: right;
border:1px solid black;
margin:20px 0 5px 10px;
width:341px;			
}
.l_boat {
float: right;
border:1px solid white;
margin:20px 0 5px 10px;
width:300px;		
}
.l_boatxt {
background: #fff2c8;
border-top: 1px solid white;
color: maroon;
text-align: center;
font-size: 80%;
height: auto;			
}

/* -End- Simms_letter */