#content {
font: 15px/16px arial, helvetica, sans-serif;
}

body {
behavior: url(csshover.htc);
}

h1 {
font: 25px/16px arial, helvetica, sans-serif;
font-weight: bold;
color: #000099;
}

html, body {
height: 100%;
margin: 0;
padding: 0;
}


#bookingTitle {
color: #F5F735;
font-weight: bold;
font-family: "Arial";
text-align: center;
font-size:0.8em;
}

#ExtraBookingInfo {
color: white;
font-weight: bold;
font-family: "Arial";
font-size: 0.75em;
text-align: center;
}

#MainContent {
z-index: 1;
}

#Navigation {
z-index: 3;
}

#BottomLinks {
z-index: 1;
}

#MainPhotos {
z-index: 1;
}


#Navigation {position: absolute; width: 800px; height: 30px; top: 30px; left: 285px;}  
#TFerriesLogo {position: absolute; width: 18%; height: 130px; top: 5px; left: 40px;}  
#BookingEngine {position: absolute; width: 18%; height: 300px; top: 140px; left: 40px; text-align: center;}
#BookingEngineBackground {position: absolute; width: 18%; height: 300px; top: 140px; left: 30px; text-align: center;}  
#MainPhotos {position: absolute; width: 680px; height: 200; top: 63px; left: 305px; } 
#MainPhotosBackground {position: absolute; width: 695px; height: 200; top: 55px; left: 295px; } 
#MainContent {position: absolute; width: 680px; height:480px; top: 270px; left: 300px; overflow: auto; padding: 5px;}
#MainContentLanding {position: absolute; width: 680px; height:430px; top: 253px; left: 300px; overflow: auto; padding: 5px;}
#BottomLinks {position: absolute; width: 1070px; height: 60px; top:835px; left: 45px; padding: 5px;}  
#BottomLinksBackground {position: absolute; width: 1075px; height: 65px; top:835px; left: 45px; padding: 5px;}
#Map {position: absolute; width: 12%; height: 220; top: 465px; left: 45px; z-index: 1;}
#MainContentBackground {position: absolute; width: 700px; height: 600px; top: 252px; left: 300px; overflow: auto;}
#eurocamp {position: absolute; width: 150px; height: 660px; top: 30px; left: 1005px; }
#keycamp {position: absolute; width: 150px; height: 660px;  top: 32px; left: 1133px; }
#keycamplanding { position: absolute; top: 62px; left: 1133px; }
#eurocamplanding {position: absolute; top: 60px; left: 1005px; }
#SpecialOffers {position: absolute; top: 490px; left: 39px;}
#MapLandingPage {position: absolute; top: 180px; left: 45px; z-index: 1;}
#RoutesLandingPage {position: absolute; top: 350px; left: 45px; text-align: center;} 
#Routes {position: absolute; width: 12%; height: 220; top: 628px; left: 50px; z-index: 1}
#facebook {position: absolute; top: 755px; left: 300px;}
#thawte {position: absolute; top: 700px; left: 1100px; } 
#w3 {position: absolute; top: 700px; left: 1005px; }
#thawteLanding {position: absolute; top: 610px; left: 55px; } 
#w3Landing {position: absolute; top: 610px; left: 155px; }
#bookings {position: absolute; top: 660px; left: 55px;}
#RoutesBackground {position: absolute; top: 175px; left: 35px;}
#RoutesBackgroundIndex {position: absolute; top: 455px; left: 38px;}

#BottomLinks {
font:  8px arial, helvetica, sans-serif;
overflow: auto;
text-align: center;
}

#Navigation {

}

#Navigation ul {
list-style: none;
margin: 0;
padding: 0;
width: 6em;
float: left;
}

#Navigation a, #Navigation h2 {
font: bold 9px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
text-align: center;
}

#Navigation h2 {
color: #fff;
background: #000099;
}

#Navigation h2:hover {
color: #000099;
background: #fff;
}

#Navigation a {
color: #fff;
background: #000099;
text-decoration: none;
}

#Navigation a:hover {
color: #000099;
background: #fff;
}

#Navigation li {position: relative;}

#Navigation ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#Navigation ul ul {
position: absolute;
z-index: 1;
}

div#Navigation ul ul {
display: none;
}
div#Navigation ul li:hover ul
{display: block;}

div#Navigation ul ul,
div#Navigation ul li:hover ul ul,
div#Navigation ul ul li:hover ul ul
{display: none;}

div#Navigation ul li:hover ul,
div#Navigation ul ul li:hover ul,
div#Navigation ul ul ul li:hover ul
{display: block;}

#RoutesLandingPage {
font: 15px/16px arial, helvetica, sans-serif;
}

#RoutesLandingPage td:hover {
background: #94d1ed;
font-weight: bold;
}

#Routes {
font: 15px/16px arial, helvetica, sans-serif;
}

#Routes:visited {
color: #000000;
}

#Routes td:hover {
background: #94d1ed;
font-weight: bold;
}