*
{
margin:0;
padding:0;
}

body
{
color: #ffffff;
background-color: #156985;
background-image: url(../images/bg.jpg);
background-repeat: repeat-x;
background-position: top;
font-family: tahoma;
font-size: 100%;
}

img
{
border-width: 0px;
}

#layout_wrapper
{
float: left;
width: 100%;
background-image: url(../images/bg_main.jpg);
background-repeat: no-repeat;
background-position: top center;
min-height: 350px;
height: auto;
}

* html div#layout_wrapper
{
height: 350px;
}


#layout_container
{
width: 949px;
margin: 0px auto 0px auto;
}

#header
{
float: left;
width: 100%;
padding-top: 66px;
padding-bottom: 13px;
}

#header_left
{
float: left;
width: 287px;
}

#header_right
{
float: right;
width: 280px;
height: 29px;
font-size: 0.6875em;
font-weight: bold;
}

#header_right img
{
behavior: url(/iepngfix.htc);
margin-left: 30px;
display: inline;
}

#header_left h1
{
float: left;
}

#header_left h1 a
{
float: left;
background-image: url(../images/logo.png);
background-repeat: no-repeat;
behavior: url(/iepngfix.htc);
width: 287px;
height: 36px;
text-indent: -10000px;
font-size: 0.0em;
}

#navigation
{
float: left;
width: 100%;
}

#navigation ul
{
float: left;
list-style-type: none;
font-size: 0.6875em;
}

#navigation ul li
{
float: left;
}

#navigation ul li a
{
float: left;
padding: 10px 8px 13px 8px;
text-decoration: none;
color: #ffffff;
}

#navigation ul li a:hover
{
text-decoration: underline;
}

#navigation ul li a.active
{
background-image: url(../images/nav_hover.gif);
background-repeat: repeat-x;
}

#main_wrapper
{
float: left;
width: 100%;
padding-top: 20px;
}

#left_column
{
float: left;
width: 207px;
}

#middle_column
{
float: left;
width: 534px;
overflow: hidden;
position: relative;
}

#right_column
{
float: left;
width: 200px;
margin-left: 8px;
display: inline;
}

.transparent_bg
{
float: left;
width: 100%;
height: 10000px;
background-color: #ffffff;
filter:alpha(opacity=15);
opacity:0.15;
-moz-opacity:0.15;
position: absolute;
top: 0px;
left: 0px;
display: block;
border: 1px solid #ffffff;
}

#content
{
float: left;
width: 504px;
position: relative;
z-index:2;
padding: 10px 15px 15px 15px;
}

#content h1
{
float: left;
width: 100%;
margin: 5px 0px 15px 0px;
font-size: 1.25em;
font-family: arial;
color: #fff15f;
}

#content h1 a
{
text-decoration: none;
}

#content h1 a:hover
{
text-decoration: underline;
}

#content h2
{
float: left;
width: 100%;
margin: 5px 0px 15px 0px;
font-size: 0.8125em;
font-family: arial;
font-weight: bold;
color: #ffff99;
}

#content h2 a
{
color: #ffff99;
text-decoration: none;
}

#content h2 a:hover
{
text-decoration: underline;
}

#content h3
{
float: left;
width: 100%;
margin: 15px 0px 5px 0px;
font-size: 1em;
font-family: arial;
font-weight: bold;
color: #ffff99;
border-bottom: 1px solid #ffff99;
}

#content h3 a
{
color: #ffff99;
float: left;
width: 100%;
}

#content p
{
float: left;
width: 100%;
font-size: 0.8125em;
margin-bottom: 10px;
}

#content a
{
color: #ffffff;
}

#content table
{
font-size: 0.8125em;
border-width: 0px;
border-spacing: 5px;
}

#content table td, #content table th
{
border: 1px solid #ffffff;
padding: 3px;
}

#content ul
{
float: left;
width: 489px;
padding-bottom: 15px;
padding-left: 15px
}

#content ul li
{
font-size: 0.8125em;
}

#content ul a
{
color: #ffffff;
}

#content ul li ul
{
padding-left: 15px;
}

#content ul li ul li
{
font-size: 1em;
}

#content ol
{
float: left;
width: 489px;
padding-bottom: 15px;
padding-left: 15px
}

#content ol li
{
font-size: 0.8125em;
}

#content ol a
{
color: #ffffff;
}

.blue
{
color: #49d1ff !important;
}

.yellow
{
color: #fff15f !important;
}

.col_panel
{
display: inline;
margin-bottom: 10px;
float: left;
width: 200px;
overflow: hidden;
position: relative;
}

.col_panel_content
{
float: left;
width: 176px;
position: relative;
padding: 12px;
z-index:2;
}

.col_panel_content p
{
float: left;
width: 100%;
font-size: 0.6875em;
margin-bottom: 10px;
display: inline;
}

.col_panel_content h2
{
float: left;
width: 100%;
font-size: 0.75em;
color: #fff15f;
margin-bottom: 10px;
display: inline;
}

.col_panel_content h2 a
{
color: #fff15f;
text-decoration: none;
}

.col_panel_content h2 a:hover
{
text-decoration: underline;
}

.col_panel_content ul
{
float: left;
padding-left: 15px;
font-size: 0.6875em;
font-weight: bold;
}

.col_panel_content ul li
{
padding-bottom: 3px;
}

.col_panel_content ul li a
{
color: #ffffff;
text-decoration: none;
}

.col_panel_content ul li a:hover
{
text-decoration: underline;
}

.col_panel_content img
{
float: left;
behavior: url(/iepngfix.htc);
}

.divider
{
float: left;
width: 100%;
border-top: 1px solid #6b8da3;
margin-top: 10px;
height: 9px;
display: block;
}

.divider hr
{
display: none;
}

.png
{
behavior: url(/iepngfix.htc);
}

.more_button
{
float: left;
height: 16px;
background-image: url(../images/more_button_bg.gif);
background-repeat: no-repeat;
background-position: right;
color: #ffffff;
text-decoration: none;
padding: 2px 17px 0px 6px;
font-size: 0.6875em;
}

#footer
{
float: left;
width: 100%;
border-top: 1px solid #6b8da3;
font-size: 0.6875em;
padding-top: 5px;
padding-bottom: 20px;
margin-top: 15px;
display: inline;
}

#footer_left
{
float: left;
width: 474px;
}

#footer_right
{
float: left;
width: 475px;
text-align: right;
}

#footer a
{
color: #ffffff;
text-decoration: none;
}

#footer a:hover
{
text-decoration: underline;
}

#sponsors
{
float: left;
width: 100%;
font-size: 0.6875em;
}

#sponsors p
{
float: left;
width: 100%;
padding: 0px 0px 5px 0px;
margin: 0px;
}

#latest_news_panel p
{
margin: 0px 10px 0px 0px;
width: 146px;
display: inline;
}

#latest_news_panel p a
{
color: #ffffff;
text-decoration: none;
}

#latest_news_panel p a:hover
{
text-decoration: underline;
}

#latest_news_panel .raquo_button
{
float: left;
color: #ffffff;
margin: 0px 0px -18px 156px;
display: inline;
position: relative;
top: -18px;
width: 20px;
height: 18px;
background-image: url(../images/arrow_button.gif);
background-repeat: no-repeat;
text-indent: -10000px;
font-size: 0.0em;
}

#sub_nav
{
float: left;
width: 200px;
}

#sub_nav ul
{
float: left;
list-style-type: none;
padding-bottom: 7px;
}

#sub_nav ul li
{
float: left;
width: 100%;
margin-bottom: 3px;
display: inline;
background-image: url(../images/transparency.png);
background-repeat: no-repeat;
behavior: url(/iepngfix.htc);
}

#sub_nav ul li a
{
float: left;
width: 168px;
padding: 5px 10px 5px 22px;
background-image: url(../images/yellow_raquo.gif);
background-repeat: no-repeat;
background-position: 9px 10px;
color: #ffffff;
font-size: 0.6875em;
text-decoration: none;
}

#sub_nav ul li a.active
{
font-weight: bold;
}

#sub_nav ul li a:hover
{
text-decoration: underline;
}

#sub_nav ul li ul
{
float: left;
list-style-type: none;
padding-bottom: 5px;
}

#sub_nav ul li ul li
{
float: left;
width: 100%;
margin-bottom: 3px;
display: inline;
background: none;
}

#sub_nav ul li ul li a
{
float: left;
padding: 3px 10px 3px 32px;
width: 158px;
background-image: url(../images/sub_arrow.gif);
background-repeat: no-repeat;
background-position: 22px 8px;
color: #cccccc;
}

#sub_nav ul li ul li a:hover
{
text-decoration: underline;
}

#sub_nav ul li ul li a.active
{
font-weight: bold;
}

#latest_news_icon
{
float: right;
position: relative;
background-image: url(../images/news.png);
background-repeat: no-repeat;
behavior: url(/iepngfix.htc);
width: 50px;
height: 44px;
top: -22px;
margin-bottom: -22px;
display: block;
z-index: 3;
}

#latest_news_panel_content
{
float: left;
width: 100%;
position: relative;
top: -22px;
margin-bottom: -22px;
}

span.news_date
{
float: left;
width: 100%;
font-size: 0.6875em;
position: relative;
top: -7px;
}

a.news_link
{
float: left;
color: #ffffff;
text-decoration: none;
font-size: 0.6875em;
}

a.news_link:hover
{
text-decoration: underline;
}

.formRow
{
float: left;
width: 100%;
padding-bottom: 10px;
}

.formRowLeft
{
float: left;
width: 84px;
font-size: 0.6875em;
padding-top: 1px;
}

.formRowRight
{
float: left;
width: 420px;
}

.formRowRight label
{
position: relative;
top: -3px;
font-size: 0.6875em;
}

.formRowRight .textbox
{
width: 200px;
font-size: 12px;
float: left;
}

input#captcha
{
width: 60px;
}

.formRowRight img
{
float: left;
margin-left: 5px;
display: inline;
position: relative;
top: -1px;
}


.formRowRight #submit_button
{
float: left;
height: 18px;
width: 100px;
background-image: url(../images/more_button_bg.gif);
background-repeat: no-repeat;
background-position: right;
color: #ffffff;
background-color: #000000;
border-width: 0px;
text-decoration: none;
padding: 0px 17px 4px 6px;
font-size: 0.6875em;
cursor: pointer;
}

#members_login_panel label
{
float: left;
width: 100%;
font-size: 0.6875em;
color: #e0e5ea;
}

#members_login_panel .textbox
{
float: left;
width: 110px;
height: 16px;
border: 1px solid #ced5dc;
background-color: transparent;
color: #e0e5ea;
font-size: 12px;
margin: 2px 0px 5px 0px;
padding: 0px 2px 0px 2px;
display: inline;
}

#members_login_submit
{
float: right;
position: relative;
top: -23px;
right: -50px;
margin-bottom: -23px;
}

#intro_img
{
float: right;
margin-left: 20px;
display: inline;
position: relative;
top: -35px;
margin-bottom: -35px;
behavior: url(/iepngfix.htc);
}

#members_login_panel_content
{
width: 125px;
float: left;
margin-right: 10px;
display: inline;
}

#newsletter_panel_content
{
width: 84px;
float: left;
}

#online_booking_panel_content
{
width: 119px;
float: left;
margin-right: 10px;
display: inline;
}

#become_member_panel_content
{
width: 123px;
float: left;
margin-right: 10px;
display: inline;
}