@charset "utf-8";
/* CSS Document */

/* -----------------------------------------------
0. BROWSER RESET
----------------------------------------------- */

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { margin:0; padding:0; font-family: Georgia, helvetica, "Trebuchet MS" , Arial; font-size:95%; line-height:1.5em; color:#556668}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}


address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;}
img { border: 0 none; background: none }
a{ text-decoration:none; color:#556668}
a:hover{ text-decoration:none}
a:focus {outline: none;}

/*USEFUL CLASSES*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden} /* Non IE clearfix */
.fl{ float:left}
.fr{ float:right!important}
.border_img{ border:solid 1px #ccc; padding:2px!important; margin:3px}
.clearboth{ clear:both}
.red{ color:#FF0000}
.green{ color:#33754F}
.blue{ color:#2191bf}
td{ color:#003399}
th{  text-transform:uppercase; background:#65ca97; color:#fff!important}
table, td, th{ border:solid 1px #ddd; height:25px; border-collapse:collapse}
.comm{ padding:10px 10px 10px 40px !important;  width:85%; background:url(../images/line.gif) right bottom no-repeat}
.clear_both{ clear:both}
.mid img{ float:none!important}
.no_border{ border:none!important}
.no_border td{ border:none}
/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */
#page_layout{ background:url(../images/background.jpg) top left repeat-x #4c9872; width:100%; height:1042px; margin:0; padding:0 0 20px 0; }
#page_wrapper{ width:960px; height:auto; margin:0px auto;}

/* -----------------------------------------------
1. HEADER
----------------------------------------------- */
#header{ background:url(../images/header.jpg) left top no-repeat; width:960px; height:294px}
#logo{ padding:70px 10px 10px 10px; width:255px; float:left}
#main_pic{ width:625px; float:left; padding:7px 0 0 30px  }

/* -----------------------------------------------
2. CONTENT
----------------------------------------------- */
#content{ width:auto; clear:both; background:url(../images/bg_content.gif) top left repeat-y ; height:100%; padding:0 0 30px 0 }

/*LEFT COLUMN*/
#left_col{ width:283px ; float:left; background:url(../images/bg_menu1.jpg) left top no-repeat;  height:665px;}

#navigation{ width: 240px; height:592px; margin:0 0 0 20px}
.menu  {list-style-type:none; padding:0; margin:0;}
.menu li.top { height:55px }
.menu li.top a.top_link { float:left; height:55px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1 {width:233px; background:url(../images/home.jpg) no-repeat;}
.menu li.p2 {width:233px; background:url(../images/location.jpg) no-repeat;}
.menu li.p3 {width:233px; background:url(../images/accommodation.jpg) no-repeat;}
.menu li.p4 {width:233px; background:url(../images/local_area.jpg) no-repeat;}
.menu li.p5 {width:233px; background:url(../images/attraction.jpg) no-repeat;}
.menu li.p6 {width:233px; background:url(../images/local_events.jpg) no-repeat;}
.menu li.p7 {width:233px; background:url(../images/availability.jpg) no-repeat;}
.menu li.p8 {width:233px; background:url(../images/visitors.jpg) no-repeat;}
.menu li.p9 {width:233px; background:url(../images/bookings.jpg) no-repeat;}
.menu li.p10 {width:233px; background:url(../images/special.jpg) no-repeat;}
.menu li.p11 {width:233px; background:url(../images/contact.jpg) no-repeat;}


/* set up the normal unhovered images in the links */
.menu li a#home {width:233px; background: url(../images/home.jpg) no-repeat;}
.menu li a#location {width:233px; background: url(../images/location.jpg) no-repeat;}
.menu li a#accommodation {width:233px; background: url(../images/accommodation.jpg) no-repeat;}
.menu li a#local_area {width:233px; background: url(../images/local_area.jpg) no-repeat;}
.menu li a#attraction {width:233px; background: url(../images/attractions.jpg) no-repeat;}
.menu li a#local_events {width:233px; background: url(../images/local_events.jpg) no-repeat;}
.menu li a#availability {width:233px; background: url(../images/availability.jpg) no-repeat;}
.menu li a#visitors {width:233px; background: url(../images/visitors.jpg) no-repeat;}
.menu li a#bookings {width:233px; background: url(../images/bookings.jpg) no-repeat;}
.menu li a#special {width:233px; background: url(../images/special.jpg) no-repeat;}
.menu li a#contact {width:233px; background: url(../images/contact.jpg) no-repeat;}


/*MIDDLE COLUMN*/
#midlle_col{ width:440px; float:left; height:100%; display:block; padding:10px 0 0 10px}
#midlle_col p{ padding:5px 7px 5px 10px}
#midlle_col a{ color:#4c9b72; text-decoration:underline; padding:3px 0}
#midlle_col a:hover{ color:#627073; }
#midlle_col ul{ margin:0 0 0 10px}
#midlle_col h1{ font-size:160%}
#welcome{ text-indent:-3000px; background:url(../images/welcome_txt.jpg) left center no-repeat; height:50px; padding:20px 0 0 0}
#midlle_col h2{ font-size:110%; font-weight:bold; padding:5px ;}
#midlle_col img{ float:left; padding:5px 15px 5px 5px;}
.big_letter{ font-size:150%; font-weight:bold}
#facilities_title{ background:url(../images/other_txt.jpg) left center no-repeat; height:50px; text-indent:-3000px; padding:20px 0 0 0}

.facilities{ padding:5px 20px 10px 5px; float:left; list-style:none; }
.facilities ul{ width:200px}
.facilities li{ padding:3px;}
.clear_space{ clear:both}

/*titles for the pages*/
#location_title { background:url(../images/location_txt.jpg) left center no-repeat; height:50px; text-indent:-3000px; padding:20px 0 0 0}
#accommodation_title { background:url(../images/accommodation_txt.jpg) left center no-repeat; height:50px; text-indent:-3000px; padding:20px 0 0 0}
#local_area_title { background:url(../images/local_area_txt.jpg) left center no-repeat; height:50px; text-indent:-3000px; padding:20px 0 0 0}
#attractions_title { background:url(../images/attractions_txt.jpg) left center no-repeat; height:50px; text-indent:-3000px; padding:20px 0 0 0}
#local_events_title { background:url(../images/local_events_txt.jpg) left center no-repeat; height:50px; text-indent:-3000px; padding:20px 0 0 0}
#availability_title { background:url(../images/availability_txt.jpg) left center no-repeat; height:50px; text-indent:-3000px; padding:20px 0 0 0}
#visitor_title { background:url(../images/visitor_txt.jpg) left center no-repeat; height:50px; text-indent:-3000px; padding:20px 0 0 0}
#bookings_title { background:url(../images/bookings_txt.jpg) left center no-repeat; height:50px; text-indent:-3000px; padding:20px 0 0 0}
#special_title { background:url(../images/special_txt.jpg) left center no-repeat; height:50px; text-indent:-3000px; padding:20px 0 0 0}
#contact_title { background:url(../images/contact_txt.jpg) left center no-repeat; height:50px; text-indent:-3000px; padding:20px 0 0 0}


/*RIGHT COLUMN*/
#right_col{ width:200px; float:left; height:100%; display:block; padding:10px 0 0 5px; border-left:dashed 1px #f2f2f2}
#phone{ background:url(../images/tele.jpg) left top no-repeat; height:120px; width:197px; text-indent:-3000px }
#right_col a{ color:#4c9b72;  }
#right_col a:hover{ color:#627073;text-decoration:underline }

#right_col h2{ font-size:110%;font-weight:bold; padding:5px 0 2px 0; border-bottom:solid 1px #ddd}
#right_col p{ padding:3px; text-align:center} 

.newslett{ background:url(../images/newsletter.jpg) left top no-repeat; height:135px}
.newslett td{ color:#660000; border:none!important; font-weight:bold}
.newslett h4{ font-weight:bold; margin:7px 0 0 0; color:#FFFFFF}
#right_col table { border-collapse:collapse; border:none!important; margin:7px auto 0 auto}

/*MAIN COLUMN - FOR TWO COLUMN TEMPLATE*/
#main_column{ width:650px;  float:left; padding:5px 0 5px 10px}
#main_column h2, #main_column h1{ margin:0 0 0 29px; font-size:110%; font-weight:bold}

#main_column p{ margin:0 0 0 0px;  padding:10px 7px 3px 7px}
#main_column .facilities {  margin:20px 0 0 21px}
#main_column a{ color:#4c9b72; text-decoration:underline; padding:3px 0}
#main_column img{ float:left; padding:5px 10px}
.list{ padding:0 0 0 10px; list-style-type:none}
.list li{ padding:5px; margin:0 0 0 10px}

/* -----------------------------------------------
3. FOOTER
----------------------------------------------- */
#footer{ background:url(../images/footer.jpg) top left no-repeat; clear:both; margin:0px; padding:1px 0 5px 0; height:60px }
#footer_nav{ width:800px; text-align:center; margin: 0px auto}
#footer_nav ul{ margin:0px auto 4px auto}
#footer_nav ul li{ display:inline}
#footer_nav ul li a{ padding:5px }
#footer_nav ul li a:hover{color:#4c9b72}
#footer_links{ text-align:center; clear:both; width:600px; margin: 15px auto 5px auto; padding:5px 0 10px 0}
#footer_links p{ color:#303030}
#footer_links a{ color:#fff; padding:0  5px}
#footer_links a:hover{ color:#5c5c5c}