/*header */
.weather {padding: 3px 0 0 4px; color: #666; font-size: 92%; clear: both;}
.weather img {vertical-align: middle; margin-right: 5px;}
.weather a:link, .weather a:visited {color: #F00; text-decoration: none; font-weight: normal;}
.weather a:hover, .weather a:active, .weather a:focus {text-decoration: underline; font-weight: normal;}
/*main-nav */
ul#topmenu {padding: 0; margin: 3px 4px 4px 4px; width: 870px; position: relative;}
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  */
	font-family: Arial, Helvetica, sans-serif;
}
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: 870px; position: absolute; left: 0; top: 26px; height: 21px; 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;}
/*Entartainment */
li#accommodation {width:100px; border-color: #B657CC;}
li#accommodation ul, li#accommodation.over a {color: #FFF; background-color: #B657CC;}
li#accommodation.over a {background-image: url("images/nav-acc-fade-top.gif");}
li#accommodation ul {background-image: url("images/nav-acc-fade-bottom.gif");}

li#accommodation ul, li#accommodation.over a, li#accommodation.current a, li#accommodation ul.sub a {border-color: #7F2A93;}
/*whats-on */
li#events {width:110px; border-color: #FFCC01;}
li#events ul, li#events.over a {color: #000; background-color: #FFCC01;}
li#events.over a {background-image: url("images/nav-events-fade-top.gif");}
li#events ul {background-image: url("images/nav-events-fade-bottom.gif");}
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:60px; border-color: #0fa6d8;}
li#attractions ul, li#attractions.over a {color: #FFF; background-color: #0fa6d8;}
li#attractions.over a {background-image: url("images/nav-places-fade-top.gif");}
li#attractions ul {background-image: url("images/nav-places-fade-bottom.gif");}
li#attractions ul, li#attractions.over a, li#attractions.current a, li#attractions ul.sub a {border-color: #0479A0;}
/*areas */
li#areas {width:94px; border-color: #e65e15;}
li#areas ul, li#areas.over a {color: #FFF; background-color: #e65e15;}
li#areas.over a {background-image: url("images/nav-areas-fade-top.gif");}
li#areas ul {background-image: url("images/nav-areas-fade-bottom.gif");}
li#areas ul, li#areas.over a, li#areas.current a, li#areas ul.sub a {border-color: #BC4505;}
/*maps */
li#maps {width:58px; border-color: #786ced;}
li#maps ul,  li#maps.over a {background-color: #786ced; color: #FFF;}
li#maps.over a {background-image: url("images/nav-maps-fade-top.gif");}
li#maps ul {background-image: url("images/nav-maps-fade-bottom.gif");}
li#maps ul, li#maps.over a, li#maps.current a, li#maps ul.sub a {border-color: #5347C3;}
/*people */
li#people {width:80px; border-color: #5ba80c;}
li#people ul, li#people.over a {color: #FFF; background-color: #5ba70c;}
li#people.over a {background-image: url("images/nav-people-fade-top.gif");}
li#people ul {background-image: url("images/nav-people-fade-bottom.gif");}
li#people ul, li#people.over a, li#people.current a, li#people ul.sub a {border-color: #4B8D08;}
/*travel */
li#travel {width:130px; border-color: #3f8ae7;}
li#travel ul, li#travel.over a {color: #FFF; background-color: #3f8ae7;}
li#travel.over a {background-image: url("images/nav-travel-fade-top.gif");}
li#travel ul {background-image: url("images/nav-travel-fade-bottom.gif");}
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:103px; margin-right: 0; border-color: #d845a5;}
li#offers ul, li#offers.over a {background-color: #d845a5; color: #FFF;}
li#offers.over a {background-image: url("images/nav-offers-fade-top.gif");}
li#offers ul {background-image: url("images/nav-offers-fade-bottom.gif");}
li#offers ul, li#offers.over a, li#offers.current a, li#offers ul.sub a {border-color: #B62C86;}
/*directory */
ul#topmenu li#directory {width:120px; margin-right: 0; border-color: #003300;}
li#directory ul, li#directory.over a {background-color: #003300; color: #FFF;}
li#directory.over a {background-image: url("images/nav-offers-fade-top.gif");}
li#directory ul {background-image: url("images/nav-offers-fade-bottom.gif");}
li#directory ul, li#directory.over a, li#directory.current a, li#directory ul.sub a {border-color: #001A00;}
/* Generic colour scheme  */
.header-middle {background-color: #FFF; border-left: 1px solid #C7CACA; border-right: 1px solid #C7CACA;}