body {
	font-size: 12px;
	font-family: "Avant Garde", Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	text-align: center;
	}
	
h1 {
	font-size: 15px;
	padding: 10px 0 2px 0;
	margin: 0;
	color: #CC3399;
	}
h2 {
	font-size: 14px;
	padding: 10px 0 2px 0;
	margin: 0;
	color: #CC3399;
	}
h2 a {
	font-size: 14px;
	padding: 10px 0 2px 0;
	margin: 0;
	color: #CC3399;
	text-decoration: underline;
	}
a {
	font-size: 12px;
	color: #4D4D4D;
	text-decoration: none;	
	}
a:hover {
	color: #CC3399;
	}
#food_classes img{
		padding: 4px;
	}

/*
================================================================================== SITE STRUCTURE
*/

#wrap {
	margin: 0 auto;
	text-align: left;
	width: 750px;
	background: url(../images/wrap_background.jpg) repeat-x top;
	}
	
#header {
	height: 32px;
	background: #8E4AA1 url(../images/header.gif) no-repeat;
	}
	
#deutsche {
	display: block;
	float: left;
	padding: 16px 0 0 52px;
}
#email_link {
	display: block;
	float: left;
	padding: 16px 0 0 100px;
	color: #FFF;
}
#deutsche a{
	font-weight: bold;
	color: #724099;
}
#email_link a {
	font-weight: bold;
	color: #FFF;
}


/*
========================================= BANNER
*/

#banner {
	width: 750px;
	height: 184px;
	background: url(../images/oldbridgehouse_banner.gif) no-repeat;
}
#subheader {
	position: absolute;
	display: block;
	height: auto;
	padding: 5px 0 5px 0;
	margin: 107px 0 0 48px;
	_margin: 105px 0 0 0;
}
#subheader h2 {
	color: #FFF;
	font-size: 14px;
}

/*
========================================= AVAILABILITY
*/

#availability {
	float: right;
	display: block;
	height: auto;
	padding: 5px 0 5px 0;
	margin: 150px 22px 0 0;
	_margin: 150px 10px 0 0;
}
#availability a {
	background: #FEE058;
	padding: 5px 15px 5px 15px;
	border: dashed 1px #6B5600;
}
#availability a:hover {
	 background: #FFF479;
}

/*
================================================================================== PRIMARY CONTENT AREA
*/

#primaryContent {
	float: right;
	width: 480px;
	padding: 10px 40px 10px 0;
	}
#primaryContent p a{
	text-decoration: underline;
	}
#primaryContent .contactfont p{
	font-weight: bold !important;
	color: #CC3399;
	margin-bottom: 0.5em;
	padding-left:30px;
	}
#primaryContent .contactfont p{
	}
#primaryContent .contactfont p .button{
	display: block;
	float: right;
	width: 6em;
	height: auto;
	padding: 2px;
	margin-right: 175px ;
	margin-top: -18px;
	border: dashed 1px #6B5600;
	background: #4DAECF;
		text-align: center;
		color: #FFF;
		text-decoration: none;
		font-weight: bold !important;
		font-size: small !important;
	}
#primaryContent .contactfont p a{
	color: #CC3399;
}
#primaryContent .contactfont p .button:hover{
	background: #CC3399;
	border: dashed 1px #FFF;
	}

#primaryContent ul {
	padding-left: 30px;
	padding-right: 30px;
}
#primaryContent li {
	margin-bottom: 5px;
}
#primaryContent li a{
	text-decoration: underline;
}
	
/*
================================================================================== FOOTER
*/
	
#footer {
	clear: both;
	margin-top: 10px;
	height: auto;
	background: #B447A0;	
	padding: 0 0 0 0;
	color: #fff;
	text-align: center;
	}
	
#footer img {float: left;padding-right: 60px;}
	
#footer p {padding:6px 0 5px 0;margin: 0;}
	
#footer a {color: #FFF;}

#footer span {
	display: block;
	width: auto;
	color: #FFF;
	padding: 5px 0 5px 0;
	text-align: center;
	}
	
#footer span a{color: #FFF;}

.yellow, .yellow a {color: #EAA027 !important;font-size: 110%;}
	
.yellow a:hover {text-decoration: underline;}
	



/*
========================================= LOOE ISLAND
*/

.flora,
.fauna {
	Width: 480px;
	padding: 0;
	margin: 0;
	border: 0;
}

.flora td,
.fauna td,
.flora h2,
.fauna h2,
.flora h3,
.fauna h3  {padding:5px;margin:0;}

.flora h2,
.fauna h2 {color:#FFF;float:left;}


.flora thead a,
.fauna thead a {
	float:right;
	color:#da84f7;
	font-weight:bold;
	font-size: 14px;
	padding:5px;margin:0;
}

.flora thead:hover a,
.fauna thead:hover a,
.flora thead a:hover,
.fauna thead a:hover {color:#FFF;}


#birds_fold,
#plants1_fold,
#plants2_fold,
#plants3_fold,
#plants4_fold,
#plants5_fold {display:none;}


.flora thead td,
.fauna thead td  {
	background:#86419e;
	border:1px solid #da84f7 /*#671486*/;
}

.flora thead:hover td,
.fauna thead:hover td  {
	background:#b9027e;
}


.flora tbody td,
.fauna tbody td {
	Width: 480px;
	font-weight:bold;
	color:#047aa2;
	background:#9ad9ea;
	border:1px solid #4daecf;
	border-top:0;
}


.flora tbody td:hover,
.fauna tbody td:hover {
	padding:5px 10px;
	color:#a53939;
	background:#f3da5a;
}


/*
========================================= WEBCAM PAGE
*/

table, thead, th, tr, td {border: 1px solid #4DAECF;}

table {margin-top: 10px;margin-bottom: 10px;}

tr img {padding: 5px;clear: right;}


.blank_page #navigation {display: none;}

.blank_page #primaryContent {
	width: 750px;
	height: 800px;
	padding: 10px 0px;
}
	
.blank_page #primaryContent h1 {float: left;padding-left: 10px;
}

.blank_page #sub_menu {width: auto; text-align: center; padding-left: 140px;}
	
.blank_page #extrasnav3 {	float: right; padding-right:30px; position: relative;}


table.webcam {
	border: 0 !important;
	padding: 0  !important;
	margin: 0  !important;
}
#webcam_left {
	float: left;
	height: auto;
	width: auto;
	border: 0;
	padding: 0;
	margin: 0;
}
#webcam_right {
	float: right;
	height: auto;
	width: auto;
	border: 0;
	padding: 0;
	margin: 0;

}


#web_links {
	clear: both;
	width: auto;
	height: 50px;
	padding: 5px 10px;
	margin: 10px 0 0 0;
	background: #EDF8FC;
	border: 1px solid #BEE6F0;
}

#web_links a  {color: #B447A0; font-weight: bold;}
#web_links a small {color: #4D4D4D;}
#web_links a:hover small {color: #B447A0;}

#web_weather {
	display: block; float: left;
	text-align: center;
	margin: 10px 40px 10px 60px; width: auto;
}
#web_tides {
	display: block; float: right;
	text-align: center;
	margin: 10px 110px 10px 40px; width: auto;
}

#web_java { clear: both; width: auto; margin-left: 225px; }
#web_java img { vertical-align: middle; }

#local_time_clock {float: right; width:200px; }
#local_time_clock applet {float: right;}
#local_time_clock p {font-size: 16px;margin-top: 10px; padding: 0;color: #CC3399; float: left;}

/*
========================================= TARIFF TABLE
*/

#tariffTable{ border-collapse: collapse; width: 500px; border: 1px solid #4DAECF; font-size: 12px; }
	
#tariffTable th, td { padding: 0.1em 1em; }
	
#tariffTable caption { font-size: 12px; font-weight: bold; margin: 1em 0; }
	
#tariffTable	thead { background: #4DAECF; color: #FFF; font-weight: bold; border-top: 1px solid #4DAECF; }
	
#tariffTable th { font-weight: normal; text-align: left; }
	
#dates { text-indent: -1000em; }
	
#tariffTable tr:hover { background-color: #4DAECF; color: #FFF; }
	
#tariffTable t:head { background-color: transparent; color: inherit; }
	
#tariffTable .odd {background-color: #edf5ff;}

.style1 {
		color: #FFFFFF !important;
		font-size: medium;
}
.style1 h1 {
		color: #FFFFFF !important;
		padding: 2px 0 2px 0;
		font-weight: normal;
		font-size: medium;
}


/*
================================================================================== PRIMARY SITE NAVIGATION
*/

#navigation {
	float: left;
	width: 200px;
	height: 1100px;
	padding-left: 0px;
	}
	
#navigation ul {
	color: #fff;
	}

#navigation ul li {
	font-size: 11px;
	width: 147px;
	list-style: none;
	margin-top: 8px;
	height: 16px;
	}	
#navigation ul li a {
	font-size: 11px;
	padding: 1px 0 1px 3px;
	display: block;
	text-decoration: none;
	height: 15px;
	color: #fff;
	background: url(../images/li_backgroundEN.gif) no-repeat top right; 
	}
	
#navigation ul li a:hover, 
#navigation ul li a#menu_item_7,
#navigation ul li a#menu_item_12,
#navigation ul li a#menu_item_60 {
	background: url(../images/li_hoverEN.gif) no-repeat top right; 
	}



#sidebar ul li a#menu_item_60
{
	background: url(../images/li_hoverEN.gif) no-repeat top right; 
}

/*
========================================= SUB-MENU (UNUSED)
*/

#sub_menu {width: auto; text-align: center; padding-left: 60px;}
#sub_menu a{
	margin-top: 1px; margin-right: 10px; margin-bottom: 25px;
	width: 112px; height: 15px;
	display: block;float: left;
	color: #fff;	
	font-size: 11px;
	padding: 1px 3px 0px 3px;
	text-decoration: none;
	text-align: center;
	background: url(../images/extras_backgroundEN.gif) no-repeat top; 
}
#sub_menu a:hover  {background: url(../images/extras_hoverEN.gif) no-repeat top;}


/*
========================================= ADDITIONAL NAVIGATION (FLOATING BUTTONS)
*/


#extrasnav0, #extrasnav1, #extrasnav2, #extrasnav3{
	display: block;
	width: 113px;
	height: auto;
}
#extrasnav0 a:hover, #extrasnav1 a:hover, #extrasnav2 a:hover, #extrasnav3 a:hover  {
	background: url(../images/extras_hoverEN.gif) no-repeat top; 
}
#extrasnav0 a, #extrasnav1 a, #extrasnav2 a, #extrasnav3 a {
	margin-bottom: 5px;
	width: 111px;
	font-size: 11px;
	padding: 1px 4px 0px 3px;
	text-decoration: none;
	text-align: center;
	height: 15px;
	color: #fff;
	display: block;
	background: url(../images/extras_backgroundEN.gif) no-repeat top; 
}

#extrasnav0 {margin-left: 200px;}

#extrasnav1 {	margin-top: 10px;	padding-left: 10px;	margin-bottom: 10px;}

#extrasnav2 {
	float: left;
	position: absolute;
	z-index: 10;
	margin-left: -182px;
	_margin-left: -162px;
	margin-top: 795px;
	_margin-top: 807px;
	margin-bottom: 10px;
}

#extrasnav3 {	float: right;	position: relative;	z-index: 10;}

/*
========================================= FOOD NAVIGATION
*/

.foodnav {
	margin-bottom: 10px;
	text-align: center;
}
.foodnav a {
	margin: 2px 3px 2px 3px;
	text-decoration: none;
}
.foodnav a:hover {
	text-decoration: underline;
	color: #CC3399;
}
.foodalt {
	text-decoration: underline;
	color: #CC3399;
}

.here #navigation ul li {
	padding: 1px 0 1px 3px;
	background: url(../images/li_hover.gif) no-repeat left; 
	display: block;
}

.award {
	text-align: center;
	margin: 15px 20px 5px 20px;
	}
	
.eating{
	padding-bottom: 5px;
	margin-bottom: 10px; 
}	
/*DE-NAVIGATION
================================================================*/

#de-navigation {
	float: left;
	width: 170px;
	padding-left: 5px;
	}
	
#de-navigation ul {
	color: #fff;
	}

#de-navigation ul li {
	font-size: 10px;
	width: 100px;
	list-style: none;
	margin-top: 8px;
	height: 16px;
	}	

#de-navigation ul li a {
	font-size: 10px;
	padding: 2px 0 2px 3px;
	background: url(../images/li_background.gif) no-repeat left; 
	display: block;
	text-decoration: none;
	color: #fff;
	}
	
#de-navigation ul li a:hover {
	padding: 2px 0 2px 3px;
	background: url(../images/li_hover.gif) no-repeat left; 
	display: block;
	}
	
#de-navigation ul li a.specialOffers {
	background: url(../images/li_hover.gif) no-repeat left;
}




#content3 {display:none;}
#content4 {display:none;}
#content6 {display:none;}
	
.containerstyle {
	width:460px;
	padding:10px 5px;
	margin:10px auto;
	border:1px solid #AEDBE9;
	}
	
.containerstyle p {
	font-size: 15px;
	text-align:center;
	color: #CC3399;
}
	
	
	
	
#MapTable,
#MapTable td {border:0 !important;padding:0;}

#MapTable  ol {padding:0 0 0 20px;}



.Picture_Box {
	width:356px;
	height:234px;
	margin:5px auto 10px auto;
	border:1px solid #ccc;
	}

.Picture_Box p {
	padding:0;margin:115px 0 0 0;
	text-align:center;
	}


#Site_Meter {visibility:hidden;}



#Main_Menu {
	position:relative;
	width:700px;
	margin:0 auto;
	background:#89449e;
	}
#Main_Menu ul {
	list-style:none;
	width:700px;
	}
#Main_Menu ul li {
	float:left;
	padding:2px 5px;
	margin:0 5px;
	}
#Main_Menu ul li a {
	color:#FFF;
	}
#Main_Menu ul li:hover a,
#Main_Menu ul li a:hover {
	color:#333;
	}
#Main_Menu ul ul{
	display:none;
	position:absolute;	left:0;
	height:1.75em;
	background:#d4eff6;
	}
#Main_Menu ul li:hover {
	background:#d4eff6;
	}
#Main_Menu ul li:hover ul {
	display:block;
	}