/*-------------------------main page elements ------------------*/
#banner
{
width: 814px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	height: 200px;
	background-color: #6BD19F;
	background-image: url(banner4.jpg);
	background-repeat: no-repeat;
	border-bottom: solid white 1px;
	background-position: top centre;
	font: 24pt arial, sans-serif;
	color: white;
}

#Menu
{
width: 814px;
background-color: #333300;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border-bottom: solid white 2px;
}

#center 
{
	width: 794px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 0px 10px 0px;
	background-color: white;
	border-top: solid white 5px;
	border-left: solid white 10px;
	border-right: solid white 10px;
	text-align: left;	
}

#footer{
width: 814px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	height:4%;
	background-color: #333300;
	border-top: solid white 2px;
}

#booking{
	
	width: 814px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	height:4%;
	background-color: red;
	}
/*-------------------------footer panel text------------------*/

/*-------------------------main navigation------------------*/

#Menu { 

font: 12pt/1.5 arial, sans-serif; 

} 
#Menu ul { 
text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */ 
margin: 0 0 5px 0; /* Just some margin to align the blue border below the menu */ 
} 
#Menu li { 
display: inline; /* Menu links are horizontally aligned using display: inline */ 
} 
#Menu li a { 
padding: 7px 0 6px 10px; /* Display: block won't work in this example, instead we are using padding to make the hole tab a clickable link */ 
color: #ffffff; 
text-decoration: none; 
} 
#Menu li a:hover { 

text-decoration: underline; 
} 
#Menu li a span { 
padding: 7px 10px 6px 0; 
} 
#Menu li a:hover span { 

text-decoration: underline; 
} 

#booking a:link{
	
	font:  14pt/1.5 arial, sans-serif;
	color: white;
}

#booking a:visited{
	
	font:  14pt/1.5 arial, sans-serif;
	color: white;
	text-decoration: none;
}

#booking a:hover{
	
	font:  14pt/1.5 arial, sans-serif;
	color: #cccc66;
}


/*-------------------------end of main navigation------------------*/


/*-------------------------end of footer panel text------------------*/

/*-------------------------general page content------------------*/

body{

	padding: 10 10 10 10;
	font:  12pt/1.5 arial, sans-serif;
	color: #333333;
	text-align: center;
}

h1{
	font:  bold 14pt/1 arial, sans-serif;
	color: #333333;
}

h2{

	font:  bold 12pt/1.5 arial, sans-serif;
	color: #333333;

}

h3{

	font:  bold 12pt/1 arial, sans-serif;
	color: #333333;

}

h4{

	font:  bold 12pt/-0.5 arial, sans-serif;
	color: #333333;

}

h5{

	font: bold 18pt/1.5 arial, sans-serif;
	color: red;
	text-align: centre;

}

a:link{
	
	font:  12pt/1.5 arial, sans-serif;
	color: #333300;
}

a:visited{
	
	font:  12pt/1.5 arial, sans-serif;
	color: #379D6B;
	text-decoration: underline;
}
a:hover{
	
	font:  12pt/1.5 arial, sans-serif;
	color: #cccc66;
}







/*-------------------------end of general page content------------------*/