/*main-nav */

ul#topmenu {padding: 0; margin: 3px 4px 4px 4px; width: 768px; position: relative;}
.footer {
   padding: 3px;
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: #CCCCCC;
}


ul#topmenu li {list-style-type: none; padding: 0; float:left; margin: 0 2px 0 0; height: 21px; border-top-width: 3px; border-top-style: solid;}
ul#topmenu li a {display: block; text-decoration: none; color: #000; border: 1px solid #CCC; text-align: center; margin: 2px 0 0 0; padding: 3px 0; background-image: url(../images/nav-faded.gif); background-repeat: repeat-x; background-position: bottom left;  line-height: 1; font-size: 12px; /* this is the only absolute font size in the whole site  */}
ul#topmenu li.current a, ul#topmenu li.current li.current a {font-weight: bold;}
ul#topmenu li.current li a {font-weight: normal;}
ul#topmenu ul {margin: 0; padding: 0; display: none; width: 766px; position: absolute; left: 0; top: 26px; height: 24px; border-width: 1px; border-style: solid;  background-position: bottom;}
ul#topmenu ul li {height: 12px; margin:0; border: none; padding: 6px 0;}
ul#topmenu ul a {text-align: left; width: auto; white-space: nowrap; border: none; margin: 0; padding:0 6px; background-color: transparent; color: #fff; background-image: none; border-right: 1px solid #FFF;}
ul#topmenu ul li:first-child a {padding-left: 6px;}
ul#topmenu ul a:hover {text-decoration: underline;}
ul#topmenu li.over ul {z-index: 20; display: block;}
ul#topmenu li.current ul {z-index: 10; display: block;}
ul#topmenu li a.over {padding-bottom: 7px; border-bottom: none; z-index: 30; position: relative;}
ul#topmenu ul, li.over a {background-repeat: repeat-x;}
li.over a {background-position: top;}
/*acc */
li#accommodation {width:122px; border-color: #B657CC;}
li#accommodation ul, li#accommodation.over a {color: #FFF; }
li#accommodation.over a.over {background-image: url(../images/nav-acc-fade-top.gif); background-color: #B657CC; }
li#accommodation ul {background-image: url(../images/nav-acc-fade-bottom.gif); background-color: #B657CC;}
li#accommodation ul, li#accommodation.over a, li#accommodation.current a, li#accommodation ul.sub a {border-color: #7F2A93;}
/*whats-on */
li#events {width:130px; border-color: #FFCC01;}
li#events ul, li#events.over a {color: #000; }
li#events.over a.over {background-image: url(../images/nav-events-fade-top.gif); background-color: #FFCC01;}
li#events ul {background-image: url(../images/nav-events-fade-bottom.gif); background-color: #FFCC01;}
li#events ul, li#events.over a, li#events.current a, li#events ul.sub a {border-color: #D6AC03;}
ul#topmenu li#events ul.sub a {color: #000;}
/*places */
li#attractions {width:126px; border-color: #0fa6d8;}
li#attractions ul, li#attractions.over a {color: #FFF; }
li#attractions.over a.over {background-image: url(../images/nav-places-fade-top.gif); background-color: #0fa6d8;}
li#attractions ul {background-image: url(../images/nav-places-fade-bottom.gif); background-color: #0fa6d8;}
li#attractions ul, li#attractions.over a, li#attractions.current a, li#attractions ul.sub a {border-color: #0479A0;}
/*areas */
li#areas {width:126px; border-color: #e65e15;}
li#areas ul, li#areas.over a {color: #FFF; }
li#areas.over a.over {background-image: url(../images/nav-areas-fade-top.gif); background-color: #e65e15;}
li#areas ul {background-image: url(../images/nav-areas-fade-bottom.gif); background-color: #e65e15;}
li#areas ul, li#areas.over a, li#areas.current a, li#areas ul.sub a {border-color: #BC4505;}
/*maps */
li#maps {width:126px; border-color: #786ced;}
li#maps ul,  li#maps.over a { color: #FFF;}
li#maps.over a.over {background-image: url(../images/nav-maps-fade-top.gif); background-color: #786ced;}
li#maps ul {background-image: url(../images/nav-maps-fade-bottom.gif); background-color: #786ced;}
li#maps ul, li#maps.over a, li#maps.current a, li#maps ul.sub a {border-color: #5347C3;}
/*people */
li#people {width:126px; border-color: #5ba80c;}
li#people ul, li#people.over a {color: #FFF; }
li#people.over a.over {background-image: url(../images/nav-people-fade-top.gif); background-color: #5ba70c;}
li#people ul {background-image: url(../images/nav-people-fade-bottom.gif); background-color: #5ba70c;}
li#people ul, li#people.over a, li#people.current a, li#people ul.sub a {border-color: #4B8D08;}
/*travel */
li#travel {width:126px; border-color: #3f8ae7;}
li#travel ul, li#travel.over a {color: #FFF; }
li#travel.over a.over {background-image: url(../images/nav-travel-fade-top.gif); background-color: #3f8ae7;}
li#travel ul {background-image: url(../images/nav-travel-fade-bottom.gif); background-color: #3f8ae7;}
li#travel ul, li#travel.over a, li#travel.current a, li#travel ul.sub a {border-color: #1C63BB;}
/*bookings */
ul#topmenu li#offers {width:94px; margin-right: 0; border-color: #d845a5;}
li#offers ul, li#offers.over a { color: #FFF;}
li#offers.over a.over {background-image: url(../images/nav-offers-fade-top.gif); background-color: #d845a5;}
.header {
   padding-top: 10px;
   padding-right: 5px;
   padding-bottom: 10px;
   padding-left: 5px;
}

li#offers ul {background-image: url(../images/nav-offers-fade-bottom.gif);background-color: #d845a5; }
li#offers ul, li#offers.over a, li#offers.current a, li#offers ul.sub a {border-color: #B62C86;}
body {
   font-family: "Trebuchet MS";
   font-size: 12px;
   margin: 0px;
   padding: 0px;
   background-image: url(london/bg.jpg);
   background-repeat: repeat-x;
   background-position: left top;
   background-color: #F1F9FC;
}

.logodiv {
   margin-top: -10px;
   margin-right: 0px;
   margin-bottom: -10px;
   margin-left: 0px;
   padding-top: -10px;
   padding-right: 0px;
   padding-bottom: -10px;
   padding-left: 0px;
}
.block_head {
   font-size: 16px;
   color: #FFFFFF;
   background-color: #786CED;
   padding: 2px;
   font-weight: bold;
   border: 1px solid #5656E0;
}
.block_head2 {
   background-color: #5BA80C;
   font-size: 16px;
   font-weight: bold;
   padding: 2px;
   color: #FFFFFF;
   border: 1px solid #386907;
}

.block_head3 {
   font-size: 16px;
   font-weight: bold;
   padding: 2px;
   color: #FFFFFF;
   background-color: #e65e15;
   border: 1px solid #BC4505;
}

.block_head4 {
   font-size: 16px;
   font-weight: bold;
   padding: 2px;
   color: #FFFFFF;
   background-color: #3f8ae7;
   border: 1px solid #1C63BB;
}

.block_body {
   padding-top: 5px;
}


.logofont,.logofont:hover {
   font-family: "Trebuchet MS";
   font-size: 48px;
   color: #FFFFFF;
   font-weight: normal;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: -5px;
   margin-left: 0px;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: -5px;
   padding-left: 0px;
   text-decoration: none;
   display: inline;
}
a {
   color: #E65E15;
   text-decoration: underline;
}

.sloganfont,.sloganfont:hover {
   font-family: "Trebuchet MS";
   font-size: 12px;
   text-decoration: none;
   color: #FFFFFF;
}

h2, h2 a {
   font-size: 16px;
   font-weight:bold;
   margin: 0px;
   padding: 0px;
   color: #E65E15;
}

.ppc_ad {
   margin-top:0px;
   padding:0px;
   margin-bottom: 12px;
}

.ppc_link {
   font-size: 10px;
   color: #999999;
   text-decoration: none;
}
.ppc_title {
   font-weight: bold;

}
.ppc_content {
   color: #333333;
   text-decoration: none;
}
td {
   font-size: 12px;
}

small {
   font-size: 10px;
   color: #999999;
}

ul {
   margin: 0px;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 25px;
}

li {
   margin: 0px;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
}

