/* ------------------------------------------------------- 
Container elements   	                                    
------------------------------------------------------- */

#pagecontainer{height:100%; top:0px; margin: 0 auto; position:relative; width:926px; font-size:1.2em;}
.separator {clear:both;}

/* ------------------------------------------------------- 
 Page header element	                                    
------------------------------------------------------- */

#toppage {position:relative; top:0px; left:0px; height:101px; width:926px;}
#logo {position:absolute; top:14px; left:202px; height:51px; width:201px;}
#tel {position:relative; top:0px; left:0px; height:80px;}

#toolbar {position:absolute; left:202px; top:73px; width:724px; height:25px; font-family:Arial, Verdana, Helvetica, sans-serif; background:#b6b7b9;}
#toolbar a {color:#ffffff; font-weight:bold; font-size:1.1em;}
.tool {float:left; height:20px; padding-top:5px; padding-left:14px; padding-right:14px;}
.toolselected {float:left; height:20px; padding-top:5px; padding-left:14px; padding-right:14px; background-color:#868b8f;}

/* ------------------------------------------------------- 
  Page container elements   	                                    
------------------------------------------------------- */

#innerbox {position:relative; top:0px; left:0px; width:926px;}
#menucol {float:left; width:163px; padding-left:0px; padding-right:39px; margin:0px;}
#contentcol {float:left; width:724px; margin-top:0px; padding-right:0px;}

#bannerbox {position:relative; top:0px; left:0px; width:706px; background-color:#e6e6e6; padding:9px;}
#banner {position:relative; top:0px; left:0px; background-color:#ffffff; padding:4px; width:698px;}

.separator {clear:both;}

/* ------------------------------------------------------- 
   search
------------------------------------------------------- */

#searchbox {position:absolute; top:53px; left:640px; width:240px;}
#searchtitle {position:absolute; top:3px; left:0px;}
#inputfield {position:absolute; top:0px; left:60px;}
#searchbutton {position:absolute; top:2px; left:213px;}
.gobutton {padding-left:0px;}
#searchimput {border:none;}
#searchbox label {color:#31723b;}

/* ------------------------------------------------------- 
breadcrumb and fontsize                            
------------------------------------------------------- */

#breadcrumb {position:relative; z-index:100; top:0px; left:0px; width:500px; margin-top:4px; margin-bottom:15px; margin-left:10px; margin-top:10px; text-align:left; text-decoration:none; color:#525252; font-family: Arial, Helvetica, Verdana, sans-serif;}
#breadtext {position:relative; top:0px; left:0px; padding-top:0px; width:500px; color:#868b8e; font-size:0.9em;}
#breadtext a {color:#038642; padding-right:0px; text-decoration:underline; padding:3px; font-weight:normal;}
#breadtext a:hover {color:#038642; text-decoration:underline; padding:3px;}

#fontsize {position:absolute; top:12px; left:810px;}

/* ------------------------------------------------------- 
   page 
------------------------------------------------------- */
#cottagetitles {position:relative; top:0px; left:0px; margin-left:10px; padding-top:5px;}

#copybox {position:relative; top:0px; left:0px; width:678px; margin-left:10px; padding-top:0px; padding-bottom:22px;}
#copyboxleft {float:left; width:325px; margin-right:20px;}
#copyboxright {float:left; width:325px; }

/* ------------------------------------------------------- 
  Level 2 naviagtion
------------------------------------------------------- */

#level2 {position:relative; left:0px; top:0px; margin-top:10px; margin-bottom:10px; width:160px;}
#level2 ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#level2 li {display:block; width:160px;}
#level2 a {color:#01873e; display:block; padding-top:6px; padding-bottom:6px; padding-left:8px; text-decoration:none; margin:0px; width:155px; font-weight:bold; background-image:url(../images/menu_off.gif); background-position:left top; background-repeat:no-repeat;}
#level2 a:hover {color:#01873e; text-decoration:underline; width:155px;}

#menu2 {}
#menu2 a {color:#878b8c; padding-left:8px; padding-top:6px; padding-bottom:6px; margin:0px; width:155px; font-weight:bold; background-image:url(../images/menu_on.gif); background-position:left top; background-repeat:no-repeat;}
#menu2 a:hover {color:#878b8c; text-decoration:underline; width:155px;}

#level2 a.noborder {background-image: url(../images/menu_off_nb.gif);}
#level2 a:hover.noborder {}

#menu2 a.noborder {background-image: url(../images/menu_on_nb.gif);}
#menu2 a:hover.noborder {}

#level2 li.noback {background-image:none;}

/* ------------------------------------------------------- 
  Level 3 naviagtion
------------------------------------------------------- */

#level3 {position:relative; left:0px; top:0px; width:142px; margin-top:5px; margin-bottom:10px; background-image:none;}
#level3 ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#level3 li {display:block; width:142px;  background-image:none;}
#level3 a {color:#575757; display:block; padding-top:3px; padding-bottom:3px; padding-left:20px; text-decoration:none; margin:0px; width:142px; background-image:none;}
#level3 a:hover {color:#575757; text-decoration:underline; background-image:none;}

#menu3 {}
#menu3 a {color:#848589; padding-left:20px; padding-top:3px; padding-bottom:3px; margin:0px; width:142px; background-image:none;}
#menu3 a:hover {color:#848589; text-decoration:underline; background-image:none;}

/* ------------------------------------------------------- 
  Related
------------------------------------------------------- */

#linkstitle {position:relative; left:0px; top:0px; padding-left:0px; font-size:1.4em; color:#858a8d; padding-bottom:0px; width:160px; margin-top:20px;}

#related {position:relative; left:0px; top:0px; margin-top:10px; margin-bottom:10px; width:160px; margin-bottom:30px;}
#related ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#related li {display:block; width:160px;}
#related a {color:#01873e; display:block; padding-top:6px; padding-bottom:6px; padding-left:8px; text-decoration:none; margin:0px; width:155px; font-weight:bold; background-image:url(../images/menu_off.gif); background-position:left top; background-repeat:no-repeat;}
#related a:hover {color:#01873e; text-decoration:underline; width:155px;}

#related a.noborder {background-image: url(../images/menu_off_nb.gif);}
#related a:hover.noborder {}
#related li.noback {background-image:none;}

/* ------------------------------------------------------- 
   news
------------------------------------------------------- */

#news {position:relative; top:0px; left:0px; color:#9c9c9c; margin-top:30px; width:145px; padding-left:11px;}
.newsdiv {width:145px; height:19px; border-top:solid 1px #e8e8e8; margin-top:15px;}

.newsitem {position:relative; top:0px; left:0px; width:650px; margin-bottom:20px;}
.newsdate {float:left; width:120px;}
.newscontent {float:left; width:400px;}
.newstitle {font-size:1.2em;}
.newstitle a {text-decoration:underline; color:#53b064;}
.newslink {text-align:left;}
.newslink a {text-decoration:none; color:#53b064;}

.link {padding-left:19px; padding-bottom:3px; text-decoration:underline; background-image:url(../images/linkicon.gif); background-position:left top; background-repeat:no-repeat;}
.linkgrey {padding-left:19px; padding-bottom:3px; text-decoration:underline; background-image:url(../images/linkicon2.gif); background-position:left top; background-repeat:no-repeat;}


.newsbox {background-image:url(../images/menu_back.gif); background-position:left top; background-repeat:no-repeat; padding-top:15px; margin-top:0px; margin-bottom:30px;}
.newsboxtitle {font-weight:bold;}
.newsboxtitle a {color:#868b8e; font-weight:bold;}


/* ------------------------------------------------------- 
  record paging
------------------------------------------------------- */

#pagingnav {position:relative; top:0px; left:0px; width:450px; font-weight:bold; font-size:0.9em;}
#pagingnav ul{margin:0px; padding:0px; list-style-image: none; list-style-type: none; text-indent:0px; text-align: left;}
#pagingnav li{display: inline; line-height:22px;}
#pagingnav li a {color:#ffffff; font-weight:bold; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px; margin-right:6px;  background-color:#5da567; border:solid 1px #5da567;}
#pagingnav li a:hover {text-decoration:underline; border:solid 1px #5da567;}

* html #pagingnav ul {margin-left:-10px; padding-left:10px;}
.pagingon {color:#ffffff; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px; margin-right:6px; border:solid 1px #767676; background-color:#767676;}

/* ------------------------------------------------------- 
 footer                                
------------------------------------------------------- */

#footertext {clear:both; position:relative; left:202px; top:0px; margin-bottom:15px; padding-top:25px; width:724px;}
#footertext a {color:#868b8f; text-decoration:none; font-weight:bold;}
#footertext a:hover {color:#868b8f; text-decoration:underline;}
#copylink {position:relative; left:25px; top:0px; font-size:1.1em;}
#copyright {position:relative; left:25px; top:0px; width:724px; font-size:0.9em; padding-top:3px;}

#hbr {position:absolute; left:675px; top:30px;}

/* ------------------------------------------------------- 
 site map
------------------------------------------------------- */

#sitemap {}
#sitemap li {list-style-type:none;}
ul#sitemap > li {margin-bottom:5px; margin-top:10px;}
#sitemap ul li {list-style-image:url(../images/l2_normal.gif);}
#sitemap ul ul li {list-style-image:url(../images/l3_normal.gif);}
#sitemap ul li.firstfollow {list-style-image:url(../images/l2_first_follow.gif);}
#sitemap ul li.last {list-style-image:url(../images/l2_last_item.gif);}
#sitemap ul ul li.firstfollow {list-style-image:url(../images/l3_first_follow.gif);}
#sitemap ul ul li.last {list-style-image:url(../images/l3_last_item.gif);}
#sitemap ul ul li.last2 {list-style-image:url(../images/l3_last_item2.gif);}


#checkboxes {}
#checkboxes input {background-color:Transparent; border:none; margin:0px; padding:0px;}
#checkboxes label {font-weight:normal;}


#howtocontact {position:relative; top:0px; left:0px; width:328px; height:226px; background-image:url(../images/how_to_contact.gif); background-position:left top; background-repeat:no-repeat;}
#contactinfo {position:absolute; top:75px; left:19px;}

/* ------------------------------------------------------- 
 image caption
------------------------------------------------------- */

.captionbox {float:left; position:relative; top:0px; left:0px;}
.captionimage {position:relative; top:0px; left:0px; margin-right:10px;}
.captioncopy {position:relative; top:0px; left:0px; margin-bottom:10px; font-size:0.9em; font-weight:bold;}

.captionbox2 {float:right; position:relative; top:0px; left:0px;}
.captionimage2 {position:relative; top:0px; left:0px; margin-left:10px;}
.captioncopy2 {position:relative; top:0px; left:0px; margin-left:10px; margin-bottom:10px; font-size:0.9em; font-weight:bold;}

/* ------------------------------------------------------- 
 accomodation
------------------------------------------------------- */

#cottages {position:relative; top:0px; left:0px; width:706px; background-color:#e6e6e6; padding:9px; margin-top:4px;}
#cottagetitle {position:relative; top:0px; left:0px; padding-left:10px;}
#accomodation {position:relative; top:0px; left:0px; background-color:#ffffff; padding:4px; width:698px; height:361px;}
#cottage1 {position:relative; top:0px; left:0px; width:230px; height:179px;}
#cottage2 {position:absolute; top:4px; left:238px; width:230px; height:179px;}
#cottage3 {position:absolute; top:4px; left:472px; width:230px; height:179px;}
#accomodation1 {position:absolute; top:186px; left:4px; width:210px; height:159px; padding:10px; background-color:#038a48; color:#ffffff; background-image:url(../images/cottage_gradient.jpg); background-position:left top; background-repeat:repeat-x;}
#accomodation2 {position:absolute; top:186px; left:238px; width:210px; height:159px; padding:10px; background-color:#038a48; color:#ffffff; background-image:url(../images/cottage_gradient.jpg); background-position:left top; background-repeat:repeat-x;}
#accomodation3 {position:absolute; top:186px; left:472px; width:210px; height:159px; padding:10px; background-color:#038a48; color:#ffffff; background-image:url(../images/cottage_gradient.jpg); background-position:left top; background-repeat:repeat-x;}
.cotlink {position:absolute; top:117px; left:10px;}
#accomodation h2 {color:#ffffff; font-size:1.8em;}

/* ------------------------------------------------------- 
 accomodation photos
------------------------------------------------------- */

#photos {position:relative; top:0px; left:0px; width:698px; height:256px;}
#photo1 {position:relative; top:0px; left:0px; width:440px; height:256px;}
#photo2 {position:absolute; top:0px; left:439px; width:127px; height:127px;}
#photo3 {position:absolute; top:0px; left:567px; width:127px; height:127px;}
#photo4 {position:absolute; top:129px; left:439px; width:127px; height:127px;}
#photo5 {position:absolute; top:129px; left:567px; width:127px; height:127px;}

/* ------------------------------------------------------- 
 calendar
------------------------------------------------------- */
#calendars {position:relative; top:0px; left:10px; width:666px; height:270px;}
#cal1 {position:absolute; top:50px; left:0px; width:159px; height:160px;}
#cal2 {position:absolute; top:50px; left:169px; width:159px; height:160px;}
#cal3 {position:absolute; top:50px; left:338px; width:159px; height:160px;}
#cal4 {position:absolute; top:50px; left:507px; width:159px; height:160px;}


.caltitle {position:relative; top:0px; left:0px; width:159px; height:25px;}
.caltable {position:relative; top:0px; left:0px; width:159px;}
.fullmonth {position:relative; top:0px; left:0px; width:159px; height:20px; background-color:#b1b59e; color:#ffffff; text-align:center; font-weight:bold; font-size:1.1em; font-family:Arial, Verdana, Helvetica, sans-serif; padding-top:5px;}
.fullwidth {position:relative; top:0px; left:0px; width:159px; height:25px;}
.partmonthleft {position:absolute; top:0px; left:0px; width:132px; height:20px; background-color:#b1b59e; color:#ffffff; text-align:center; font-weight:bold; font-size:1.1em; font-family:Arial, Verdana, Helvetica, sans-serif; padding-top:5px;}
.partmonthright {position:absolute; top:0px; left:27px; width:132px; height:20px; background-color:#b1b59e; color:#ffffff; text-align:center; font-weight:bold; font-size:1.1em; font-family:Arial, Verdana, Helvetica, sans-serif; padding-top:5px;}
.leftmonth {position:absolute; top:0px; left:0px; width:25px; height:25px; background-color:#caccb7;}
.rightmonth {position:absolute; top:0px; left:134px; width:25px; height:25px; background-color:#caccb7;}
.dayhead {background-color:#b1b59e; color:#000000; width:21px; height:19px; font-weight:bold; font-size:0.9em; text-align:center;}

.blankday {position:relative; top:0px; left:0px; width:21px; height:19px;}
.todayon {position:relative; top:0px; left:0px; width:21px; height:19px; background-color:#8db9d2; color:#000000; text-align:center; font-size:0.9em;}
.todayoff {position:relative; top:0px; left:0px; width:21px; height:19px; background-color:#cacbb9; color:#000000; text-align:center; font-size:0.9em;}
.weekendon {position:relative; top:0px; left:0px; width:21px; height:19px; background-color:#8db9d2; color:#000000; text-align:center; font-size:0.9em;}
.weekendoff {position:relative; top:0px; left:0px; width:21px; height:19px; background-color:#cacbb9; color:#000000; text-align:center; font-size:0.9em;}
.weekdayon {position:relative; top:0px; left:0px; width:21px; height:19px; background-color:#8db9d2; color:#000000; text-align:center; font-size:0.9em;}
.weekdayoff {position:relative; top:0px; left:0px; width:21px; height:19px; background-color:#cacbb9; color:#000000; text-align:center; font-size:0.9em;}

#key {position:absolute; top:240px; left:2px; width:600px; height:19px;}
#key1 {position:absolute; top:0px; left:0px; width:21px; height:19px; background-color:#cacbb9;}
#key1text {position:absolute; top:0px; left:25px; color:#000000; font-size:0.9em; padding-top:3px;}
#key2 {position:absolute; top:0px; left:100px; width:21px; height:19px; background-color:#8db9d2;}
#key2text {position:absolute; top:0px; left:125px; color:#000000; font-size:0.9em; padding-top:3px;}