#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:133px; background:url(green_back_main.png); background-repeat: repeat-x; margin: 0; padding: 0; float:left;}

#ferry_nav_left {width:500px; height:133px; 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:133px; float:right}
#ferry_right {width:190px; height:133px; 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: #ffffff;  float:left;  }
#gr_menu_left {width:600px; float:left}
#gr_menu_right {width:200px; float:right;  margin-right:0px}

#main_ferry_information {width:851px; height:100%;; float:left}
#sm_navigation {width:851px; height:0px; float:left}
#main_fi_left {height:100%; width:200px; float:left; margin-top:10px; }
#main_fi_right {height:100%; width:851px; float:left; margin-top:10px}
#engine {margin-top:5px; width:291px; height:245px; background: url(engine.gif); background-repeat: no-repeat; margin-bottom:20px; margin-left:20px; float:left}
#engine_align {width:258px; height:170px; margin-left: 15px; margin-top:35px; float:left}

.text_area { margin-top:5px;
margin-bottom:20px;
width:498px;
margin-left:20px;
margin-right:20px;
font-family: Tahoma, Arial, sans-serif;
float:left;
border: 1px dashed #CCCCCC }

#information {  }
#bottom_footer {margin-top: 20px; width:100%; height:130px; background:url(green_back_main.png); background-repeat: repeat-x;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;
}

p {margin-left:12px; margin-right:12px;margin-bottom:12px; font-size:1.2em; color: #333333}

h1 {margin-bottom:0em; margin-top:12px; font-size: 1.5em; font-weight:bold
font-family:verdana,helvetica,arial,sans-serif;
color: #336600;margin-left:12px; margin-right:12px; }

h2 {margin-bottom:0em; margin-top:12px; font-size: 1.5em; ;font-weight:bold
font-family:verdana,helvetica,arial,sans-serif;
color: #336699;margin-left:12px; margin-right:12px;}

div#topanchor {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
}


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%;}



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


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;}

 ul#navlist
{
margin-left: 15px;
padding-left: 0;
white-space: nowrap;
margin-top:3px;
font-family: Verdana, Arial, Helvetica, sans-serif;

}


#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 5px; }

#navlist a:link, #navlist a:visited
{
color: #000000;
background-color: #ffffff;
text-decoration: none;
font-size:1.2em
}

#navlist a:hover
{
color: #000000;
background-color: #369;
text-decoration: none;
}

 ul#navlistr
{
padding-left: 0;
white-space: nowrap;
margin-top:3px;
font-family: Verdana, Arial, Helvetica, sans-serif;

}



#navlistr li
{
display: inline;
list-style-type: none;
}

#navlistr a { padding: 3px 5px; }

#navlistr a:link, #navlistr a:visited
{
color: #000000;
background-color: #ffffff;
text-decoration: none;
font-size:1.2em
}

#navlistr a:hover
{
color: #000000;
background-color: #369;
text-decoration: none;
}