#page {width:100%; height:100%;  }
#page_area {width:852px;  height:100%; margin-left:auto; margin-right:auto; }
#header {width:851px;  height:100%;}
#top_header {width:851px; height:58px; background-color: #ffffff; float:left; }
#green_background { width:851px; height:130px; background:url(green_back_main.png); background-repeat: repeat-x; margin: 0; padding: 0; float:left;}

#ferry_nav_left {width:500px; height:130px; float:left}
#green_navigation {width:500px; height:30px; margin-left: 20px; margin-top:25px; font-family: Tahoma, Arial, sans-serif; color: #FFFFFF; float:left;}
#logo {width:209px; height:48px; background: url(ferryeuropelogo.png); background-repeat: no-repeat; margin-left:20px; float:left;}

#ferry_nav_right {width:300px; height:130px; float:right}
#ferry_right {width:190px; height:130px; background: url(map_european.png); background-repeat: no-repeat; float:right }
#time {width:170px; height:40px; margin-top:80px; margin-left:15px; font-family: Tahoma, Arial, sans-serif; color:#ffffff; font-size:1.0em; font-weight:bold }

#grey_navigation {width:851px; height:30px; background-color: #c3cfbc;  float:left;  }
#main_ferry_information {width:851px; height:100%;; float:left}
#sm_navigation {width:851px; height:20px; float:left}
#main_fi_left {height:100%; width:200px; float:left; margin-top:10px}
#main_fi_right {height:100%; width:651px; float:left; margin-top:10px}
#engine {width:285px; height:257px; background: url(engine.gif); background-repeat: no-repeat; margin-bottom:20px; margin-left:20px; margin-right:20px; float:left}
#engine_align {width:258px; height:170px; margin-left: 15px; margin-top:40px; float:left}

#text_area { margin-left: 20px; margin-right:20px; font-family: Tahoma, Arial, sans-serif;  }
#information {  }
#bottom_footer {margin-top: 20px; width:851px; height:130px; background:url(green_back_main.png); background-repeat: repeat-x;; height:100%; width:851px; float:left }
#footer_area {width:700px; height:90px; margin-left:auto; margin-right:auto;
text-align: center; margin-top:20px; margin-bottom:20px;
font-family: Tahoma, Arial, sans-serif;
font-size: 1.2em;
color:white;
}

h1 {margin-bottom:0em; margin-top:0em; font-size: 2.75em; font-weight: normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #336600;

}


img {  border-style: none;}
body { height:100%; background:url(trans_back_diag_2000.gif) repeat scroll 50% 50%;
background-color: #ffffff; margin: 0; padding: 0; font-family: verdana,helvetica,arial,sans-serif; font-size:62.5%;}

#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li
{
padding-left: 20px;
background-repeat: no-repeat;
background-position: 0 .5em;
}

a:link {  color: #FFFF33; font-weight: normal; text-decoration: none; }
a:visited { color: #FFFF33;  font-weight: normal;  text-decoration: none;}
a:hover {color: #CC0000; font-weight: normal; text-decoration: none;}


a.normal { border-bottom:1px solid #E1E1E1;
color:#006600;
display:block;
outline-style:none;
outline-width:medium;
font-size: 1.2em;
padding:0.23em 0.1em;}

a.normal:visited {
border-bottom:1px solid #E1E1E1;
color:#006600;
display:block;
outline-style:none;
outline-width:medium;
font-size: 1.2em;
padding:0.23em 0.1em;}

a.normal:hover {color: #CC0000;
border-bottom:1px solid #E1E1E1;
display:block;
outline-style:none;
outline-width:medium;
font-size: 1.2em;
padding:0.23em 0.1em;}

a.abnormal {  color: #FFCC00;  font-weight: bold;  text-decoration: none;}
a.abnormal:visited { color: #FFFF33;  font-weight: bold;  text-decoration: none;}
a.abnormal:hover {color: #CC0000; font-weight: bold; text-decoration: none;}

a.white {  color: #FFFFFF;  font-weight: normal;  text-decoration: none;}
a.white:visited { color: #FFFFFF;  font-weight: normal;  text-decoration: none;}
a.white:hover {color: #CC0000; font-weight: normal; text-decoration: none;}