/* MCrew.css 2009-10-16 */

body {
  margin:0 1em;      /* removing margin border padding gives us all window to work with */
  border:0;
  padding:0;
  font-family:Georgia, 'Times New Roman', Times, serif;
  color: #000000;
 }
 /* body id's - one per page - enables page dependent formatting     */
 #news, #bob, #pete, #paul { background-image:url(./images/bg_fleet.gif); background-color:#ede6d9;}
 #contact, #pressrelease, #tours, #andy, #rudy { background-image:url(./images/bg_compass1.gif); background-color:#ede6d9;}
 #cd, #about, #splash, #error, #catrecord { background-image:url(./images/bg_ship5.gif); background-color:#D2DBE9;}
 #obit, #gav, #warren, #crew {background-image:url(./images/bg_sext.gif); background-color:#D2DBE9;}
 #links, #john, #lew, #alex {background-image:url(./images/bg_ship3.gif); background-color:#fdfdFd;}
 #links .col2, #contact .col2 {background-color:#cccccc; border: medium ridge #000; padding:0 2%;}
 #links .col2 a {
   display:block;
   width:100%;
   text-decoration:none;
   border-bottom:1px solid #000000;
   overflow:hidden;
   text-align:left;              /* only difference from .leftcol a which is right */
  }
 #pressrelease .rightcol img {height:212px; width:300px;}
 #pressrelease .rightcol #poland1 {height:269px; width:420px;}
 #splash img, #catrecord img {padding:0;}
 #tours p {margin-top:0;}
 #tours h3 {margin-bottom:0;}
 
/* div id's */
 #header {
  width:100%;
  height:95px;
  overflow:hidden;
  color:#fff;
  padding:0 1%;
  }

/* centres horizontally */  
 #header img, .crewphoto, p {
        float:none; display: block; margin-left: auto; margin-right: auto;}
#imgadobe{height:31px; width:88px; float:right;}

.photocredit {clear:both; text-align: center; }
p {max-width:600px;  }


 #header img { width:772px;  height:94px } 

 #contents {
  overflow:auto;             /* adds scroll bars as required */
  text-align:justify;
  margin:1em 0;
  padding:0 1%;       /*     provides margins */
  }

 #footer {clear:both;
          margin-top:1em;
          border-width:0.05em;
          border-style:solid none none none;
          text-align:right;
          font-size:small;
 }


/* classes also id's and elements within the class */
 .leftcol {width:18%; float:left; text-align:justify; margin-right:1%;}
 .leftcol ul, #links .col2 ul {
              margin: 0;      /* removes default indentation and bullets */
              padding-left: 0;
              list-style: none;
  }
 
 .leftcol li {margin-top:0;}
 
 .leftcol a {
   display:block;
   width:100%;
   text-decoration:underline;
   border-bottom:1px solid #000000;
   overflow:hidden;
   font-size:90%;            /* different from #links .col2 a which is unspecified */
   text-align:right;         /* different from #links .col2 a  which is left */
  }
  
 #splash #linksplash, 
 #news #linknews,
 #tours #linktours,
 #cd #linkcd,
 #crew #linkcrew,
 #contact #linkcontact,
 #links #linklinks,
 #about #linkabout {
    background:transparent;
    color:#777;
  }
 #anchor {height:70px; width:50px; border:none;}
 #shipbott {height:63px; width:128px; border:none;}

 .rightcol {width:78%; float:right; text-align:justify; margin-right:1%;} /*  */
  /* if %ages = 100 IE puts in a  scroll bar */
 .rightcol img { padding-right:1%}   /*  IE doesn't recognise padding */

 
 .cdtitle img {height:250px; width:250px;}
 .cdtitle p {font-weight:bold;}

 .col2 {width:48%; float:left; text-align:justify; margin-right:1%;}
 .col3 {width:48%; float:right; text-align:justify; margin-right:1%;}
 
 #news .col2 img, #news .col3 img {margin-top:1em; border-style:ridge; border-width:thin; border-color:#eeebbb;}

 .song {font-style:normal; font-weight:bold;}

 .textoblique{font-style:oblique;}
 .textbold{font-weight:bold;}


/* generic elements */
 a {color:#000;
    text-decoration:underline;
    font-family:verdana, arial, sans-serif;
    font-size:95%
    }
 a:hover {color:#000; background:#eebbbb;}
 a:active {color:#fff; background:#cc9999;}

 blockquote {font-style:oblique;}    /* used to indent (default) and italicise 'signatures' */

 h1 {font-style:italic;
 }

/* hidden elements to clear float:     clearspace no longer used
 hr.clearspace {clear:both; display:none;}    element takes up no space on page */
 hr.clear {clear:both; visibility:hidden;}     /* element takes up space on page */
 hr {clear:both; }     /*visible <hr> also clears floats  */


 img {float:left; border:0;}

#tours #imgcatlin  { 
 height:318px; 
 width:236px;} 


 ul {list-style-position:inside;}
 li {margin-top:1em;}