/* resest */
html, body, div, span, applet, object, iframe, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
    
  
/* Bella Rakha */

body {
    text-align: center;
    background-color: #28381b;
}


/* homepage */
.homepage {
    background-color: #27381a;
    position: relative;
    width: 1024px;
    height: 768px;
    margin: 0 auto;
    margin-top: 75px;
    text-align: center;
    z-index: 0;
}

/* homepage links */
.homepage a {
    font: bold 0.8em/1.0 Helvica, Arial, "Luxi Sans" , sans-serif;
    text-decoration: none;
    color: White;
    text-align: center; /* border: 2px solid red;  helps with aligning of the links to the pebbles */
}


.homepage .menucalendar {
    position: absolute;
    left: 161px;
    top: 669px;
    z-index: 1;
}

.homepage .menucontact {
    position: absolute;
    left: 232px;
    top: 686px;
    z-index: 1;
}

.homepage .menuvenue {
    position: absolute;
    left: 321px;
    top: 693px;
    z-index: 1;
}

.homepage .menuretreat {
    position: absolute;
    left: 396px;
    top: 671px;
    z-index: 1;
}

.homepage .menufacilities {
    position: absolute;
    left: 459px;
    top: 708px;
    z-index: 1;
}


/* site pages */

#container {
    top: 20px;
    width: 1024px;
    height: 768px;
    margin: 0 auto;
    background-color: #687130;
}

/* main content */
#Content {
    position: relative;
    width: 760px;
    height: 520px;
    font-family: Arial, Verdana, sans-serif;
    font-weight: normal;
    font-size:  12pt;
    line-height: 130%;
    color: #1e2a14; 
    text-align: left;
    overflow: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 14px;
    padding-right: 14px;
}

#Table1 {
    font-family: Arial, Verdana, sans-serif;
    font-weight: normal;
    font-size:  12pt;
    line-height: 140%;
    color: #1e2a14; 
    text-align: left;
}

#Table1 p {
    display: block;
    margin-top: 0.3em;
    margin-bottom: 1em;
}

#Table1 a {
    color: #28381b;
    text-decoration: underline;
    font-style: normal;
}

#Table1 a:hover {
    color: #28381b;
    text-decoration: underline;
}

#Table1 .contentheader {
}

#Table1 .contentheadersubline {
    margin-top: 0;
    padding-top: 0;
    text-indent: 36px;
}


#Table1 .contentimageright {
    float: right;
    margin: 10px;
}

#Table1 .contentimageleft {
    float: left;
    margin: 10px;
}

#Table1 .contentimageronsperber {
    position: relative ;
    display:run-in;
    left: 100px;
    top: 100px;
    float:right;
}

#Table1 ul {
    margin-top: 0.4em;
    margin-left: 2em; 
    margin-bottom: 2em;
    padding-left: 1em;
    list-style-type: square;
}

#Table1 ul ul {
    margin-top: 2px;
    margin-left: 1em; 
    padding-left: 1em;
    list-style-type: square;
}

#Table1 h1 {
    margin-top: 0em;
    margin-bottom: 0.5em;
    font-size:  20pt;
    line-height: 130%;
    font-weight: bold;
}

#Table1 h2 {
    margin-top: 2.5em;
    margin-bottom: 0.8em;
    font-size:  16pt;
    line-height: 130%;
    font-weight: bold;
}

#Table1 h3 {
    margin-top: 1.5em;
    margin-bottom: 0em;
    font-size:  16pt;
    line-height: 130%;
    font-weight: bold;
}

#Table1 h4 {
    text-indent: 45px;
    font-style: italic;
    /* font-size: larger; */
    color: #28381B;
}

#Table1 h5 {
    font-weight: bold;
}

.testimonial {
    margin-bottom: 0.5em;
    font-style: italic;   
}

.testimonialname {
    margin-bottom: 1.3em;
    font-weight:bold;
    text-indent: 100px;
}


/* navigation menu */

#navigation {
    float: left;
    width: 233px;
    height: 540px;
    background-image: url(images/navigation.jpg);
    text-transform: lowercase;
    color: White;
    position: relative;
    z-index: 0;
}

#navigation a {
    font: bold 0.8em/1.0 Helvica, Arial, "Luxi Sans" , sans-serif;
    text-decoration: none;
    color: White;
    text-align: center; /* border: 2px solid red;  helps with aligning of the links to the pebbles */
}


/* menu highlight of current page */
#about .menuabout, #contact .menucontact, #retreat .menuretreat, #venue .menuvenue, #catering .menublog, #blog .menucatering, #maps .menumaps, #facilities .menufacilities, #testimonials .menutestimonials, #calendar .menucalendar, #links .menulinks, #gallery .menugallery {
    color: #eea15d;
}


.menufacilities {
    position: absolute;
    left: 37px;
    top: 323px;
    z-index: -1;
}

.menuhome {
    position: absolute;
    left: 64px;
    top: -4px;
    z-index: -1;
}

.menuabout {
    position: absolute;
    left: 87px;
    top: 40px;
    z-index: -1;
}

.menucontact {
    position: absolute;
    left: 27px;
    top: 92px;
    z-index: -1;
}

.menuretreat {
    position: absolute;
    left: 65px;
    top: 151px;
    z-index: -1;
}

.menuvenue {
    position: absolute;
    left: 31px;
    top: 204px;
    z-index: -1;
}

.menucatering {
    position: absolute;
    left: 44px;
    top: 263px;
    z-index: -1;
}

.menublog {
    position: absolute;
    left: 109px;
    top: 228px;
    z-index: -1;
}

.menumaps {
    position: absolute;
    left: 109px;
    top: 297px;
    z-index: -1;
}

.menutestimonials {
    position: absolute;
    left: 73px;
    top: 376px;
    z-index: -1;
}

.menucalendar {
    position: absolute;
    left: 86px;
    top: 433px;
    z-index: -1;
}

.menulinks {
    position: absolute;
    left: 134px;
    top: 476px;
    z-index: -1;
}

.menugallery {
    position: absolute;
    left: 34px;
    top: 468px;
    font: bold 0.8em/1.0 Helvica, Arial, "Luxi Sans" , sans-serif;
    text-decoration: none;
    color: White;
    text-align: center; /* border: 2px solid red;  helps with aligning of the links to the pebbles */
    z-index: -1;

}

/* menu flyout */
.dropdown {display:block; position:relative;}
.menuabout dt {display:block; cursor:pointer;}
.dropdown .upperdd {border-bottom:none;}
.dropdown dd {position:absolute; top:0; overflow:hidden; display:none; background:#28381b; opacity:0; width: 96px; font: 0.8em/1.4 Arial, "Luxi Sans" , sans-serif; filter: alpha(opacity = 60); opacity: 0.6;
}
.dropdown ul {border:2px solid #9ca07d; list-style:none;}
.dropdown li {display:inline;}
.dropdown dd a, .dropdown dd a:active, .dropdown dd a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#28381b;
}
/* .dropdown dd a:hover {background:#152a09;} doesn't work in IE 8!!! */
.dropdown .underline {border-bottom:1px solid #9ca07d;}


/* headers */
#aboutustop {
    width: 1024px;
    height: 225px;
    background-image: url(images/banner_about_us.jpg);
}

#blogtop {
    width: 1024px;
    height: 225px;
    background-image: url(images/banner_blog.jpg);
}

#contactustop {
    width: 1024px;
    height: 225px;
    background-image: url(images/banner_contact_us.jpg);
}

#calendartop {
    width: 1024px;
    height: 225px;
    background-image: url(images/banner_calendar.jpg);
}

#retreattop {
    width: 1024px;
    height: 225px;
    background-image: url(images/banner_retreat_groups.jpg);
}

#facilitiestop {
    width: 1024px;
    height: 225px;
    background-image: url(images/banner_facilities.jpg);
}

#cateringtop {
    width: 1024px;
    height: 225px;
    background-image: url(images/banner_catering.jpg);
}

#venuetop {
    width: 1024px;
    height: 225px;
    background-image: url(images/banner_business_groups.jpg);
}

#linkstop {
    width: 1024px;
    height: 225px;
    background-image: url(images/banner_links.jpg);
}

#mapstop {
    width: 1024px;
    height: 225px;
    background-image: url(images/banner_maps.jpg);
}

#testimonialstop {
    width: 1024px;
    height: 225px;
    background-image: url(images/banner_testimonials.jpg);
}

#gallerytop {
    width: 1024px;
    height: 225px;
    background-image: url(images/banner_gallery.jpg);
}

/* footers and borders */
#footer {
    clear: both;
    text-align: center;
}

#borderright {
    float: right;
    width: 3px;
    height: 540px;
    background-image: url(images/border_right.jpg);
    background-repeat: repeat-y;
}

#borderbottom {
    width: 1024px;
    height: 3px;
    background-image: url(images/border_bottom.jpg);
}

.popup { 
    position:absolute; 
    top:0px; 
    left:0px; 
    z-index:100; 
    visibility:hidden; 
    border: solid 1px #9ea27f; 
    padding:5px; 
    font-family: Arial, Verdana, sans-serif;
    font-weight: normal;
    font-size:  11pt;
    line-height: 150%;
    text-align: left;
    color: #bdbdbd;
    background-color: #2b3b1e; /* #28381b; */
} 

.popuplink {
    color: #394F27;
    text-decoration: none;
    font-style: italic;
}

.popup ul 
{
    margin-left: 0; 
    padding-left: 1em;
    list-style-type: square;
}



/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/
#s_wrap_main{display:table;width:970px; margin:0 auto;}
#s_wrap_sub{display:table-row}
.template_style{display:table-cell}

.top_space{height:34px;}
.lang_pad{padding:7px 0 0 25px;float:left;}

.logo_top_left{padding:0; margin:0; background:url(images/logo_top_left.png) no-repeat top left; height:23px;}
.logo_top_right{padding:0; margin:0; background:url(images/logo_top_right.png) no-repeat top right;}
.logo_top_bg{padding:0; margin:0 39px 0 27px; background:#FFF url(images/logo_top_bg.png) repeat-x top;height:23px;}
.logo_left{padding:0; background:url(images/logo_left.png) repeat-y top left;}
.logo_right{padding:0; background:url(images/logo_right.png) repeat-y top right;}
.logo_pad{background:#FFF; margin: 0 19px 0 7px; padding:0 0 10px 10px;height:100%;}

.s_logo{float:left;}
.s_banner{background:#aaa;width:50%;float:right;}

.menu_bg{padding:0 0 0 6px;  margin: 0 21px 0 9px; background:url(images/menu_bg.png) top left;}
.menu_left{padding:0; margin:0; background:url(images/menu_left.png) repeat-y  top left;}
.menu_right{margin:0; background:url(images/menu_right.png) repeat-y top right; }

.search_style{float:right; height:40px;}
.search_bg{padding:8px 2px 0 0;}

.bread_bg{padding:0; margin: 0 19px 0 7px; background:url(images/bread_bg.png) repeat-x top left; height:34px;}
.bread_left{padding:0; margin:0; background:url(images/bread_left.png) no-repeat top left; height:34px;}
.bread_right{padding:0;  background:url(images/bread_right.png) no-repeat top right; height:34px;}

#login_style{ float:right; line-height:34px; padding-right:18px;}
#bread_style{ float:left; line-height:34px; padding-left:18px;color:#000000;}

.center_bg{padding:0; margin:0;clear:both;}
.left_bg{padding:0; margin:0; background:url(images/left_bg.png) repeat-y top left;}
.right_bg{padding:0; margin:0; background:url(images/right_bg.png) repeat-y top right;}
.content_pad{padding:10px 22px 0 22px; margin: 0 19px 0 7px; background:#FFF url(images/center_bg.png) repeat-x bottom left;}
.lm_content_pad{padding:0px 22px 0 0px; margin: 0 19px 0 7px; background:#FFF url(images/center_bg.png) repeat-x bottom left;}
.content_width{padding-top:15px; min-height:350px;}
.lm_content_width{padding-top:0px; min-height:350px;}

.bot_left{padding:0; margin:0; background:url(images/bot_left.png) no-repeat top left;}
.bot_right{padding:0; margin:0; background:url(images/bot_right.png) no-repeat top right; padding:0 39px 0 27px;}
.bot_bg{padding:0; margin:0; background:url(images/bot_bg.png) repeat-x top left; height:41px;}

.bot_pad{margin-bottom:20px;padding:0 30px 0 20px;}
#terms_style{float:left;}
#copy_style{float:right;}

.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:hover, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{
font-size:11px;}
.ControlPanel a[disabled="disabled"]{color:#888 !important;text-decoration:none !important;}

/*--------- pane style ----------*/
.BannerPane {display:inline-block;float:right;padding-right:17px;width:auto;}
.ContentPane, .TopPane, .BottomPane{ padding:0; margin:0;}
.LeftPane{ padding:0 20px 0 0; width:20%; margin:0;}
.RightPane{ padding:0 0 0 20px; width:20%; margin:0;}



/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#3E81B5;}
a.Breadcrumb:hover{color:#C00;}

/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#3E81B5; text-transform:uppercase;}
a.links:hover{color:#C00;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#3E81B5;}
a.user:hover{color:#C00;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#3E81B5;}
a.footer:hover{color:#C00;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0; width:130px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}