body {text-align: center}
#everything {float: none; width:822px; margin-left: auto; margin-right: auto; text-align: left;}
#top_area   {width:821px; float: left; height:33px; border-style: none; margin: none}
h1 {margin-bottom:0em; font-family:"trebuchet MS",Verdana,Arial,Helvetica,sans-serif; color: #FFFFFF; font-size: 15px; font-weight: normal}
h2 {margin-bottom:0em; font-family:"trebuchet MS",Verdana,Arial,Helvetica,sans-serif; color: #FFFFFF; font-size: 9px; font-weight: normal}
#Banner {float: none; width:468px; height:71px; }

.navleft  {padding: 2px 15px; font-family:"trebuchet MS",Verdana,Arial,Helvetica,sans-serif; color: #FFFFFF; font-size: 10px; font-weight: normal}
.navright {font-family:"trebuchet MS",Verdana,Arial,Helvetica,sans-serif ; color: #FFFFFF ; font-size: 10px ; font-weight: normal; float: right; padding: 2px 15px; }
#navright {height:21px; width:452px; font-family:"trebuchet MS",Verdana,Arial,Helvetica,sans-serif ; color: #FFFFFF ; font-size: 10px ; font-weight: normal; float: right; padding: 2px 35px; }

.nv_1 {font-family:"trebuchet MS",Verdana,Arial,Helvetica,sans-serif ; color: #FFFFFF ; font-size: 10px ; font-weight: normal; float: right;}
.nv_2 {font-family:"trebuchet MS",Verdana,Arial,Helvetica,sans-serif ; color: #FFFFFF ; font-size: 10px ; font-weight: normal; float: right;}
.nv_3 {font-family:"trebuchet MS",Verdana,Arial,Helvetica,sans-serif ; color: #FFFFFF ; font-size: 10px ; font-weight: normal; float: right;}
.nv_4 {font-family:"trebuchet MS",Verdana,Arial,Helvetica,sans-serif ; color: #FFFFFF ; font-size: 10px ; font-weight: normal; float: right;}
#bottom_nav { height:21px; width:820px; border-style: none}

#bn_1 { height:21px; width:38px; border-style: none; float:left}
#bn_2 { height:21px; width:305px; border-style: none; float:left; background: url(images/newnav1_10.jpg) no-repeat}
#bn_3 { height:21px; width:452px; border-style: none; float:left; background: url(images/isit_02.jpg) no-repeat}
#bn_4 { height:21px; width:25px; border-style: none; float:left;}

#leftnav {width:146px; float: left; padding: 0 0 0 38px;}


img {  border-style: none;}
iframe { border:0px solid #ffffff; }



a.yellow {  color: #FFFF33; font-weight: bold; text-decoration: none; }
a.yellow:visited { color: #FFFF33;  font-weight: bold;  text-decoration: none;}
a.yellow:hover {color: #CC0000; font-weight: bold; text-decoration: none;}

a.normal {  color: #FFFFFF;  font-weight: bold;  text-decoration: none;}
a.normal:visited { color: #FFFFFF;  font-weight: bold;  text-decoration: none;}
a.normal:hover {color: #CC0000; font-weight: bold; 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;}



#menu {width:146px; float: left; background: url(images/routestitle.gif) no-repeat; width:146px ; height:129px;  }
#menu_t_m { float: left; font-family:"trebuchet MS",Verdana,Arial,Helvetica,sans-serif; color: #FFFFFF; font-size: 15px; padding:5px; text-align: center; font-weight: normal }
#subheading h2{float: left; font-family:"trebuchet MS",Verdana,Arial,Helvetica,sans-serif; color: #FFCC00; font-size: 9px; text-align: center; }


#menu_content {width:146px; float: left; background-color: #000a6f; font-family:"trebuchet MS",Verdana,Arial,Helvetica,sans-serif; color: #FFFFFF; font-size: 10px; padding:0 0 0 0px}
#menucontent {width:136px; float: left; background-color: #000a6f; font-family:"trebuchet MS",Verdana,Arial,Helvetica,sans-serif; color: #FFFFFF; font-size: 10px; margin-left:10px}
.menucontent {width:136px; float: left; background-color: #000a6f; font-family:"trebuchet MS",Verdana,Arial,Helvetica,sans-serif; color: #FFFFFF; font-size: 10px; margin-left:10px}
.menucontent h2 {margin-bottom:0em; font-family:"trebuchet MS",Verdana,Arial,Helvetica,sans-serif; color: #FFCC00; font-size: 9px; font-weight: normal}




#navcurvebottom {width:146px; float:left}
#banner {width:120px; padding: 15px 10px}



#nav_engine_area {width:610px; float:left}
#nav_engine_area1 {width:417px; float:left}
#right_info  {width:193px; float:left}


#ferry_information  {width:610px; float: left; }
#greybox1 {width:572px; float: left; padding: 0 0 0 38px;}
#gb1top1 {width:572px; height:34px; background: url(images/ferry_box_1.gif) no-repeat;}
#gbhead1 { font-family:"trebuchet MS",Verdana,Arial,Helvetica,sans-serif; color:#888888 ; font-size: 12px; text-align: center; padding:5px}
#gb1content1 { width:570px;  border-right-style: solid; border-left-style: solid; border-left-width: 1px; border-right-width: 1px; border-color: #ebebeb;}
#gb1text1 { width:550px;  font-family:"trebuchet MS",Verdana,Arial,Helvetica,sans-serif; color:#888888 ; font-size: 12px; margin-left:10px; }
#gb1bottom1 {width:572px;}

#greybox2 {width:572px; float: left; padding: 0 0 0 38px;}
#gb1top2 {width:572px; height:34px; background: url(images/ferry_box_1.gif) no-repeat;}
#gbhead2 { font-family:"trebuchet MS",Verdana,Arial,Helvetica,sans-serif; color:#888888 ; font-size: 12px; text-align: center; padding:5px}
#gb1content2 { width:570px;  border-right-style: solid; border-left-style: solid; border-left-width: 1px; border-right-width: 1px; border-color: #ebebeb;}
#gb1text2 { width:550px;  font-family:"trebuchet MS",Verdana,Arial,Helvetica,sans-serif; color:#888888 ; font-size: 12px; margin-left:10px; }
#gb1bottom2 {width:572px;}

#greybox3 {width:572px; float: left; padding: 0 0 0 38px;}
#gb1top3 {width:572px; height:34px; background: url(images/ferry_box_1.gif) no-repeat;}
#gbhead3 { font-family:"trebuchet MS",Verdana,Arial,Helvetica,sans-serif; color:#888888 ; font-size: 12px; text-align: center; padding:5px}
#gb1content3 { width:570px;  border-right-style: solid; border-left-style: solid; border-left-width: 1px; border-right-width: 1px; border-color: #ebebeb;}
#gb1text3 { width:550px;  font-family:"trebuchet MS",Verdana,Arial,Helvetica,sans-serif; color:#888888 ; font-size: 12px; margin-left:10px; }
#gb1bottom3 {width:572px;}



 #routes  {width:610px; float: left; margin-left:38px; font-size: 10px; font-family: Arial, Helvetica, sans-serif ; color: white; float: left }
 #routes1 {width:610px; float: left; margin-top:30px; }
 tbl_routes  { float: left; width: 610px; border: 0px; padding: 0px; line-height: 13px;}
    .tbl_routes td { height: 21px; padding-left: 8px; border-right: 1px solid #ffffff }
    .tbl_routes_tr_title { color: #ffffff; font-weight: bold; background: #2f6dac }
    .tbl_routes_tr  { color: #ffffff; background-color: #83bdec; height: 22px }
    .tbl_routes_tr_alt  { background-color: #ace5ac; height: 22px }
    .tbl_routes_operator { width: 79px; height: 21px; padding-left: 0px; padding: 0px !important; padding-top: 0px; border-left: 1px solid #d4f4d4; border-bottom: 1px solid #d4f4d4; background-color: #ffffff }
    .tbl_routes_operator_title { width: 71px }
    .tbl_routes_route { width: 200px }
    .tbl_routes_time { width: 115px }
    .tbl_routes_info { width: 150px }


    .tbl_routes_subtitle { height: 26px !important; margin-bottom: 0px; padding-bottom: 5px; padding-top: 14px; padding-left: 8px; color: #0cb90c; font-family: arial, tahoma, verdana; font-size: 16px; font-weight: bold }
    .tbl_routes_subtitle h2 { color: #0cb90c; font-family: arial, tahoma, verdana; font-size: 16px; font-weight: bold }

    .tbl_routes_quote   { float: right; padding-right: 8px; color: #d90b0b }
     .tbl_routes_quote a  { color: #d90b0b; font-weight: bold; text-decoration: underline }
     .tbl_routes_quote a:hover  { color: #000000 }


.operator_logo_info {width:193px; height:224px; background: url(images/ferryto_08.jpg) no-repeat;}

.greyalign {
font-size: 09px;
font-family: Arial, Helvetica, sans-serif;
color: #888888;
padding: 35px 10px;
font-family:"trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
}

#footer {width:821px; margin-left: auto; margin-right: auto;}
#footerleft   {width:757px; height:21px; float: left; background: url(images/cheap_11.gif) no-repeat; margin-top:10px; margin-bottom:10px; margin-left:38px}
#footerl   {font-family:"trebuchet MS",Verdana,Arial,Helvetica,sans-serif; color: #ffffff; font-size: 10px; font-weight: normal; float:left; margin-top:2px; margin-left:15px }
#footerr   {font-family:"trebuchet MS",Verdana,Arial,Helvetica,sans-serif; color: #ffffff; font-size: 10px; font-weight: bold; float:right; margin-top:2px; margin-right:15px}
#footerabove  {width: 757px; height:108px; float: left; margin-left:38px  }
#footerabovel {height:108px; float: left; }
#footerabovem {height:31px; float:left; padding:70px}
#footerabover {height:108px; float: right; margin-right:35px}

