/* COLORS  AND BACKGROUNDS */
body { margin: 0px; color:#555; }
.container a:link, .container a:visited, h1, h2, h3, h4, h5 { color:#3f7b9e; text-decoration:none; } 
.container a:active, .container a:hover { color:#3f7b9e; text-decoration:none; }


.loud, .pair td:first-child { color:#222; }

.top { background: #bbb url('../img/fg8.png') repeat-x; }
.bottom { background: #bbb url('../img/bg8.png') repeat-x; }
#flags a.selected { background:transparent url('../img/trifg8.png') no-repeat center; }
#menu h3.selected { background:transparent url('../img/tribg8.png') no-repeat center; }
h1 { background:transparent url('../img/logo.png') no-repeat; }
img.thumb { border:1px solid #ccc; padding:2px; }

.bottom { border-bottom:1px solid #eaeaea; }
/* #footer { border-top:1px solid #ccc; } */

.incipit { color: #555; }

/*POSITIONING AND MARGINS */
.top, .bottom { height:30px;  }
#content { min-height: 400px; }

#flags { float:right; }
#flags a { display:block; float:left; padding-top:1px; padding-bottom:3px; margin:0px 2px; height:26px; }

#header { height:40px; padding:18px;}
#header img { margin:25px 0px 5px 0px; }
.container h1 { text-indent: -1000px; line-height:44px; margin:0px; padding:0px; cursor:pointer;}

#menu { padding:0px 0px 0px 350px; }
#menu h3 { float:left; width:150px; height:22px; margin:0px; padding-top:8px; text-align:center;}

#footer { margin-top:50px; }
#footer p { padding-top:11px; }
.container table, .container tr, .container td { border:0px; padding:2px 6px; }

.pair td:first-child { text-align:right; }

/* TEXT FONTS SIZES AND DECORATIONS */

/*font-family:Arial, Helvetica, sans-serif;
 font-family:'LaneNarrowRegular', Arial, sans-serif;
 font-family:'Swis721ThBTThin', Arial, sans-serif;
 font-family:Trebuchet MS, Arial, sans-serif;
 font-family:Arial, Helvetica, sans-serif;*/

body { font-family: Verdana, Tahoma, Geneva, sans-serif; }
h1, h2, h3, h4, h5 { font-weight:300; font-family:Arial, Helvetica, sans-serif; } 

.container a:link, a:visited  { text-decoration:none; }
label { font-weight:normal; }
body, .container { font-size: 12px; }
#menu h3 { text-transform:uppercase; 
 
 font-size:14px; line-height:22px; letter-spacing:1px; }
#menu h3 a  { color:#777;  }
#menu h3 a:hover { color:#3f7b9e; }
.container h2 { font-size:24px; }
#footer { font-size:11px; text-align:center; }

/*.destination h3 { font-family: Arial, Helvetica, sans-serif; } */

/* PAGE SPECIFIC STUFF */

/* INDEX */

#message h2, #message h3, #message h3 a { color:#fff; }
#message h3 a:hover { font-weight:bold; color:#eee; }
#message h3 { margin-top:0px; padding:6px 15px 6px 15px; text-align:center; float:left; border-radius:5px; margin-left:80px; background-color:#333; opacity:0.5; }
#message h2, #message h3 { font-family:'Swis721ThBTThin', sans-serif; }
#message h2 { font-size:36px; }
#message h3 { font-size:28px; }


.destination { float:left; width:200px; margin:12px; text-align:center; }
.destination h2 { margin-top:30px; }
.destination h3 { margin:0px auto; padding-bottom:4px; width:150px; border-bottom:1px solid #ccc; }
.destination p { margin-bottom:8px; font-size:11px; color:#777; }
.destination img { cursor:pointer; }
.nation { width:125px; }
.nation h3 { width: 100px; }

/* left and right columns */

#leftcolumn { width:220px; margin:20px 20px 0px 20px; 
  float:left; background-color:#ededed;
  padding:20px 0px 30px 30px; }



/* FLEET */
.selected { background-color:#eee; }
#boats { font-size:12px; width:600px; white-space:nowrap; padding-left:10px; }
#boats tr td { margin:2px 2px; }
#boats .thumb { width:40px; height:40px; margin-right:0px;}
#boats .status { width:8px; height: 8px; }
#boats input { float:left; margin-left:0px; margin-top:14px; }