body {
padding: 0px;
margin: 0px;
font-family:Verdana,"Times New Roman",Times, serif;
font-size:medium;
background-color:#9ED6E3;
color:#00008B;
}

p {
margin-left:10px;
text-align:left;
}

.center
{
text-align:center;
margin:auto;
}


/*outer container to enable centering of content box in ie*/
#container  
{
width:100%;
margin: 10px  auto ;
border:0;
}


/*inner container centered*/
#container2
{
width:80%;
margin: 10px  auto ;
border:0;
}

.wrapper{
   margin: 0px auto;
   width: 974px;
}


.header{
   
   width: 100%;
   background-color:#9ED6E3;
   margin:0px;
   height:60px;
}

.banner  {
background-image:url("../images/banner2010/s1.jpg");
background-position:0 100%;
background-repeat:no-repeat;
border-bottom:1px solid #006699;
height:400px;
margin:0;
overflow:hidden;
padding:0;
position:relative;
width:100%;
z-index:1;
}

.banner img {
padding-top:20px;
}



/*---style footer---*/
#footer
{
clear: both;
margin-top:0;
padding: 0;
font-size : 10pt;
color: #000080;
border-top: 0px ;
background:transparent url(../images/graphics2009/bga.png);
background-repeat:no-repeat;
height:500px;
}

/*style footer hyperlinks*/


#footer a:link {  font-size : 8pt; text-decoration:none }
#footer a:visited  {font-size : 8pt; text-decoration:none}
#footer a:active  {font-size : 8pt;  text-decoration:none}
#footer a:hover  {font-size : 8pt; text-decoration:underline}

#photosbg {
background:transparent url(../images/graphics2009/bg.png) repeat-y scroll right center;
float:right;
width:974px;
}


/*style logo*/
#logobox{
padding: 0;
margin: 0; 
width: 100%;
height:215px;
position : relative;
z-index: 1;
}

/*banner image under menu*/
#ad
{
position:relative;
clear:both;
width:974px;
height:200px;
}

/*text under banner*/


#info {
border-bottom:2px solid #FAEBD7;
clear:both;
position:relative;
width:974px;
}

#text {
margin-top:20px;
width:974px;
}


h1, h2, h3, h4, h5 {
clear:both;
color:#2D4F69;
padding-left:10px;
text-align:left;
}


.top
{
overflow : hidden;
padding: 0px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius: 3px;
}

/*---color header at top of box--*/


.blue2 {
background:url("../images/graphics2009/bluetop.gif") repeat-x scroll 0 0 transparent;
height:33px;
margin:10px 20px 16px;
padding-left:20px;
width:350px;
}


.name  {
color:#FFFFFF;        
font-size:18px;
font-weight:bold;
padding:4px 5px;
}


.thumb{
float:right;
padding:2px;
}

.number{
font-size:10pt;
font-weight:bold;
position:absolute;
right:5px;
top:20px;
}

.key {
margin:auto;
width:95%;
}

#chamber {
font-size:0.8em;
font-style:italic;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */



#menu {padding:0; margin:0; list-style:none; width:974px; height:60px; background:url(background.png)}
* html #menu {
margin:0;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.png', sizingMethod='scale');
}


#menu li {position:relative; float:left; margin:0 0 0 20px; padding-top:4px;}
#menu li a {display:block; height:26px; line-height:23px; padding:0 20px 0 0; float:left; color:#ddd; text-decoration:none; font-family:Verdana,"Times New Roman",Times, serif; font-size:11px;}
#menu li a b {display:block; height:26px; float:left; padding:0 0 0 20px;}


#menu li a:hover, 
#menu li a:active,
#menu li a:focus,
.home #menu li#home a,
.accommodation #menu li#accommodation a,
.attractions #menu li#attractions a,
.activities #menu li#activities a,
.about #menu li#about a,
.events #menu li#events a,
.contact #menu li#contact a
{ 
background: url(taba.png) right top; cursor:pointer; color:#fff; line-height:25px;
}

#menu li a:hover b,
#menu li a:active b,
#menu li a:focus b,
.home #menu li#home a b,
.accommodation #menu li#accommodation a b,
.attractions #menu li#attractions a b,
.activities #menu li#activities a b,
.about #menu li#about a b,
.events #menu li#events a b,
.contact #menu li#contact a b
{
background: url(tabb.png) left top; cursor:pointer;
}