/* Main tags */

*{ margin:0; padding:0; }
img { border:0; }
html, body { width:100%; height:auto; font-family: arial, sans-serif; margin:0;padding:0; font-size:100%; background:url(../../images/bg.gif) no-repeat top; color:#333; background-color:#FFFFFF; }
p { margin-bottom:1em; }
ul { list-style-position:inside;margin-bottom:1em;  }
h1 { font-size:2em; margin:1.25em 0; font-family: Georgia, arial, sans-serif;}
h2 { font-size:1.5em; padding:1em 0; margin:0;font-family: Georgia, arial, sans-serif; font-weight:normal;color:#51502a;text-transform:uppercase;}
h3 { font-size:1.3em; margin:0.875em 0;font-family: Georgia, arial, sans-serif;font-weight:normal;color:#51502a; }
h4 { font-size:1.25em; margin:0.75em 0; }
h5 { font-size:1em; margin:0.63em 0; }
h6 { font-size:0.875em; margin:0.5em 0; }

a { color:#333; text-decoration:none; }
a:visited { color:#333; text-decoration:none;  }
a:hover { color:#333;text-decoration:underline; }
a:focus {  }

/* WYSIWYG styles */

.strongText{ font-weight:bold; }
.uppercaseText{ text-transform:uppercase; }
.smallText{ font-size:90%; }

/*Navigations*/

#mainnavigation ul {}
#mainnavigation ul li {}
#mainnavigation ul li a {}
#mainnavigation ul li a:hover {}

#footernavigation ul {}
#footernavigation ul li {}
#footernavigation ul li a {}
#footernavigation ul li a:hover {}

/* Used in the FAQs to hide the answers (which are in <DIV> tags) when the page loads up */
.answer { display:none; }

/* Layout*/
#pagewidth { position:relative; display:block; width:774px;margin:0 auto 0 auto; font-size:0.7em; }
.colour-0 a, .colour-3 a, .colour-9 a {color:#52502a,font-weight:bold;}
.colour-4 a {color:#51412a;font-weight:bold;}
.colour-5 a {color:#2e4249;font-weight:bold;}
.colour-6 a {color:#512a2d;font-weight:bold;}
.colour-7 a {color:#442e45;font-weight:bold;}
.colour-8 a {color:#b46500;font-weight:bold;}
#header {padding:0 43px;width:688px;height:105px;}
#header  h1 {margin:0;padding:0;}
#header h1 span{display:none;}
#top-content {float:left;width:774px;height:39px;background:url(../../images/content-top.gif) no-repeat top;margin-top:9px;}
#content  {float:left;width:774px;height:556px;background:url(../../images/content-bg.gif) no-repeat top;}
#homecontent-0 {float:left;padding:95px 393px 0 63px;width:318px;height:289px;background:url(../../images/main-img.jpg) no-repeat top;}
#homecontent-3 {float:left;padding:95px 393px 0 63px;width:318px;height:289px;background:url(../../images/about-us.jpg) no-repeat top;}
#homecontent-4 {float:left;padding:95px 393px 0 63px;width:318px;height:289px;background:url(../../images/accommodation.jpg) no-repeat top;}
#homecontent-5 {float:left;padding:95px 393px 0 63px;width:318px;height:289px;background:url(../../images/dining.jpg) no-repeat top;}
#homecontent-6 {float:left;padding:95px 393px 0 63px;width:318px;height:289px;background:url(../../images/weddings.jpg) no-repeat top;}
#homecontent-7 {float:left;padding:95px 393px 0 63px;width:318px;height:289px;background:url(../../images/conferences.jpg) no-repeat top;}
#homecontent-8 {float:left;padding:95px 393px 0 63px;width:318px;height:289px;background:url(../../images/events.jpg) no-repeat top;}
#homecontent-9 {float:left;padding:95px 393px 0 63px;width:318px;height:289px;background:url(../../images/contact-us.jpg) no-repeat top;}
#homecontent-10 {float:left;padding:95px 393px 0 63px;width:318px;height:289px;background:url(../../images/the-family.jpg) no-repeat top;}
#homecontent-11 {float:left;padding:95px 393px 0 63px;width:318px;height:289px;background:url(../../images/the-house.jpg) no-repeat top;}
#navigation {padding-left:43px;float:left;width:731px;height:26px;line-height:26px;text-transform:uppercase;}
#navigation ul li {float:left;list-style:none;}
#navigation ul {margin:0;padding:0;}
#homepanel-top {float:left;width:774px;height:21px;background:url(../../images/home-top.gif) no-repeat top;}
#homepanel {float:left;padding:0 43px;width:688px;height:181px;background:url(../../images/home-bg.gif) no-repeat top;}
#main-top {float:left;width:774px;height:21px;background:url(../../images/main-top.gif) no-repeat top;}
#main {float:left;padding:0;padding: 0 43px;width:688px;min-height:400px;background:url(../../images/main-bg.gif) repeat-y top;}
#main h2.heading-4 {background:#51412a; padding:4px;color:#fff;font-weight:bold;font-size:1.1em;margin-bottom:15px;}
#main h2.heading-5 {background:#2e4249; padding:4px;color:#fff;font-weight:bold;font-size:1.1em;margin-bottom:15px;}
#main h2.heading-6 {background:#512a2d; padding:4px;color:#fff;font-weight:bold;font-size:1.1em;margin-bottom:15px;}
#main h2.heading-7 {background:#442e45; padding:4px;color:#fff;font-weight:bold;font-size:1.1em;margin-bottom:15px;}
#main h2.heading-8 {background:#b46500; padding:4px;color:#fff;font-weight:bold;font-size:1.1em;margin-bottom:15px;}
#main h2.heading-3, #main h2.heading-9, #main h2.heading-10, #main h2.heading-11 {background:#52502a; padding:4px;color:#fff;font-weight:bold;font-size:1.1em;margin-bottom:15px;}
#main-bottom {float:left;width:774px;height:26px;background:url(../../images/main-bottom.gif) no-repeat top;}
#news {}
#footer { text-align:right; padding-right:43px;padding-left:43px;}

/* Drop Down Navigation */
.menu {width:731px; height:26px; position:relative; z-index:100;padding:0;float:left;margin:0;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:731px; w\idth:730px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:180px;height:26px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;text-decoration:none;font-weight:normal; color:#000;  height:26px; padding:0 11px 0 11px;margin:0; line-height:26px;}/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {float:left;font-weight:normal;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#51502a;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#51502a; }
.menu ul ul :hover > a.drop {background:#51502a;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#51502a;color:#FFFFFF;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#a09e55;color:#fff}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:26px;left:0; width:150px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:26px;t\op:27px;}

/* position the third level flyout menu */
.menu ul ul ul{left:180px; top:0px; width:180px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-179px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#51502a; color:#fff; height:auto; line-height:1.4em; padding:5px 10px; width:160px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:170px;w\idth:170px;}

/* style the top level hover */
.menu a:hover{color:#000;text-decoration:underline;}
.menu :hover > a{color:#000;}

.menu ul ul a:hover{color:#fff; background:#a09e55;}
.menu ul ul :hover > a {color:#fff;background:#a09e55;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}