@charset "utf-8";
body
{
	margin: 0;
	padding: 0px;
	font-family:Verdana,Arial,Helvitica,san-serif;
	font-size: 100%;
	background: url(img/bg.jpg) repeat-x;
	font-family: 'Palatino Linotype', Verdana, Arial;
}
a { border: none;}
img.landlogo
{
	text-align: center;
	margin-right: 50px;
}
#wrapper
{
	width: 950px;
	margin: auto;
	text-align: center;
	position: relative;
}
#header
{
	height: 90px;
}
/*** Top navigation ****/
#header .tnav
{
	height: 45px;
	z-index: 1;
	position: absolute;
	right: 135px;
	top: 25px;
	color: #6a6969;
	text-transform: uppercase;
}
#header .tnav ul
{
	margin: 0;
	padding-right: 20px;
}
#header .tnav ul li
{
	display: inline;
	padding-right: 15px;
}
#header .tnav ul li.tvisited
{
	color: #000;
	font-size: 70%;
	font-weight: bold;
}
#header .tnav ul li a
{
	font-family: 'Palatino Linotype', Verdana, Arial;
	font-size: 70%;
	text-decoration: none;
	color: #007015;
	font-weight: bold;
}
#header .tnav ul li a:hover
{
	color: #6a6969;
}
/*** End of tnav **/
#header .nav
{
	background: url(img/navbg.jpg) no-repeat;
	width: 703px;
	height: 45px;
	z-index: 1;
	position: absolute;
	left: 140px;
	top: 42px;
	color: #6a6969;
	text-transform: uppercase;
}
#header .nav ul
{
	margin: 0;
	padding-top: 15px;
	
}
#header .nav ul li
{
	display: inline;
	margin-right: 15px;
}
#header .nav ul li.visited
{
	color: #007015;
	font-size: 80%;
	font-weight: bold;
}
#header .nav ul li a
{
	font-size: 80%;
	text-decoration: none;
	color: #6a6969;
	font-weight: bold;
}
#header .nav ul li a:hover
{
	color: #007116;
}
img.logo
{
	position: absolute;
	z-index: 2;
	left: 15px;
	top: 0;
	width: 166px;
	height: 108px;
}
#hgallery
{
	margin-right: 86px;
	position: relative;
	height: 329px;
	width: 834px;
	border: 1px solid #007015;
	background: #fff;
	z-index: -200;
}
#landgallery
{
	margin-right: 86px;
	position: relative;
	height: 329px;
	width: 900px;
}
img.land
{
	text-align: center;
	z-index: 2;
}
/* for map page */
#mapgallery
{
	margin-right: 86px;
	height: 329px;
	width: 834px;
	position: relative;	
}

img.mapimg
{
	margin-top: 30px;
	margin-left: 20px;
}

/* End of map page editing */

img.himg
{
	border: 1px solid #007015;
}
/** Content area begins **/
#carea
{
	width: 834px;
	line-height: 22px;
	margin-top: 20px;
	margin-right: 86px;
	padding: 0;
}

#carea .lsection
{
	background: url(img/lbgtop.jpg) top center no-repeat;
	width: 399px;
	float: left;
	color: #383838;
	margin: 0;
	padding: 0;
}
#carea .lsection h1
{
	font-size: 100%;
	padding: 0;
	text-align: left;
	margin-left: 20px;
	margin-top: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#carea .lsection h2
{
	font-size: 90%;
	padding: 0;
	text-align: left;
	margin-left: 20px;
	margin-top: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
span.gr
{
	color: #007015;
}
#carea .lsection p
{
	font-size: 80%;
	padding: 0 20px 10px 20px;
	text-align: justify;
}
#carea .lsection ul li
{
	font-size: 80%;
	text-align: left;
}
#carea .hrsection
{
	float: left;
	width: 360px;
}
#carea .rsection
{
	float: left;
	width: 399px;
	background: url(img/lbgtop.jpg) top center no-repeat;
	margin-left: 10px;
	margin-right: 20px;
}
#carea .rsection h1
{
	font-size: 100%;
	padding: 0;
	text-align: left;
	margin-left: 20px;
	margin-top: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
img.links
{
	margin-bottom: 10px;
}
img.links2
{
	margin: 20px 0 0 15px;
	float: left; 
}
img { border: none; margin: 0; padding: 0;}
#footer
{
	height: 25px;
	background-color: #383838;
	width: 834px;
	color: #fff;
	font-size: 11px;
	padding-top: 5px;
	margin: 40px 40px 0 0;
	clear: both;
}
#footer a
{
	color: #fff;
}
#footer a:hover
{
	color: #007015;
}

#footer2
{
	height: 25px;
	width: 834px;
	color: #383838;
	font-size: 12px;
	padding-top: 5px;
	margin: 40px 0px 0 30px;
	clear: both;
}
#footer2 a
{
	color: #383838;
	text-decoration: none;
}
#footer2 a:hover
{
	color: #007015;
}

DIV#flash-container
{
	height: 329px;
	overflow: visible;
	width: 834px;
	text-align: center;
	margin: 0 auto;
}
DIV#background
{
	position: absolute;
	top: 0;
	left: 0px;
	margin: 0 auto;
	padding: 0;
	width: 834px;
	height: 329px;
	text-align: center;
	overflow: hidden;
}
#flash-background
{
	height: 329px;
}
/* Gallery images for facilities */
#imgcool
{
	float: left;
	width: 340px;
	position: relative;
	padding-top: 10px;
}
#imgcool UL LI
{
	float: left;
	padding: 2px 3px;
	list-style: none;
}
#imgcool UL LI A
{
	float: left;
	height: 85px;
	width: 126px;
}
#imgcool UL LI A:hover
{
	cursor: default;
}
#imgcool IMG.color, #imgcool IMG.big
{
	display: none;
}
#imgcool A:hover IMG.color
{
	display: inline;
}
#imgcool A:hover IMG.nocolor
{
	display: none;
}
#imgcool .pic1 A:hover IMG.big
{
	display: inline;

	left: 190px;
	position: absolute;
	top: 70px;
	z-index: 300;
}
#imgcool .pic2 A:hover IMG.big
{
	display: inline;
	left: 330px;
	position: absolute;
	top: 70px;
	z-index: 300;
}
#imgcool .pic3 A:hover IMG.big
{
	display: inline;
	left: 190px;
	position: absolute;
	top: 70px;
	z-index: 300;
}
#imgcool .pic4 A:hover IMG.big
{
	display: inline;
	left: 330px;
	position: absolute;
	top: 70px;
	z-index: 300;
}

#imgcool .pic5 A:hover IMG.big
{
	display: inline;
	left: 190px;
	position: absolute;
	top: 70px;
	z-index: 300;
}
#imgcool .pic6 A:hover IMG.big
{
	display: inline;
	left: 330px;
	position: absolute;
	top: 70px;
	z-index: 300;
}
#trcont
{
	float: left;
}
#trcont h1
{
	font-size: 16px;
	color: #383838;
	text-transform: uppercase;
}
#trcont ul 
{
	text-align: left;
}
#trcont ul li
{
	font-size: 14px;
	color: #383838;
	margin-bottom: 10px;
}
.gymtxt
{
	
	float: right;
}
.gymtxt img
{
	float: left;
}
.gymtxt p
{
	font-size: 12px;
	text-align: justify;
	margin-left: 20px;
	margin-right: 20px;
	
}
img.gymimg
{
	margin-right: 20px;
	margin-left: 20px;
	border: 4px solid #c6c8c5;
}

.style1 {font-size: 12px; font-family: Palatino Linotype, Verdana;}
input {
    border:1px solid #333;
	padding-bottom: 5px;
	color:#383838;
	height: 15px;
	margin-top: 3px;
}
.button
{
	height: 21px;
	border: 1px solid #383838;
	font-size: 12px;
	color: #383838;
	padding-bottom: 3px;
	font-size: 12px;
	font-family: Palatino Linotype, Verdana;
}
.ddstyle
{
	height: 20px;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 4px;
	color: #383838;
}

/** End of form style **/
/* Reservations joint sections */
#carea .rrsection
{
	float: left;
	width: 399px;
	background: url(img/lbgtop.jpg) top center no-repeat;
}
/** CSS for rooms **/

img.roomimg
{
	
	width: 387px;
	height: 248px;
	border-top: 1px solid #007015;
	border-right: 1px solid #007015;
	border-left: 1px solid #007015;
}

.pics
{

	position: absolute;
	left: 0px;
	top: 0;
	z-index: -1;
}


.menu {background-color:#007015; color:#272727; height:23px; width: 300px; position: absolute; left: 19px; top: 252px; font-size: 80%;}
.menu ul {margin:0px; padding:0px; list-style:none; text-align:center;}
.menu li {display:inline; line-height:23px; margin-right: 10px;}
.menu li a {color:#000000; text-decoration:none; padding:4px 5px 6px 5px;}
.menu li a.tabactive { color: #fff; position:relative; padding: 4px 5px 6px 5px;}
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4 {text-align:center;padding:6px 0px; font-size:12px; margin-bottom:5px; margin-right: 10px;  width: 800px; height: 248px;}


.ttext 
{
	text-align: left;
	float: right;
	width: 400px;
}
.ttext h2
{
	font-size: 18px;
	color: #383838;
	margin-top: 30px;
	margin-left: 30px;
}
.ttext p
{
	font-size: 12px;
	color: #383838;
	text-align: justify;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 21px;
}
#rgallery
{
	margin-right: 86px;
	height: 329px;
	width: 834px;
	position: relative;
}

/* Restaurant & Bar CSS **/
DIV#flash-container2
{
	height: 330px;
	overflow: visible;
	width: 775px;
	text-align: center;
	margin: 0 auto;
	
}
DIV#background2
{
	position: absolute;
	top: 0;
	left: 0px;
	margin: 0 auto;
	padding: 0;
	width: 775px;
	height: 330px;
	text-align: center;
	overflow: hidden;
	
}
#flash-background2
{
	height: 330px;
}

#rbgallery
{
	margin-right: 128px;
	position: relative;
	height: 330px;
	width: 775px;
	border: 1px solid #007015;
	background: #fff;
}
#landli
{
	position: absolute;
	top: 22px;
	left: 0;
	
}

.liv:link
{
	text-decoration: none;
	background-image: url(livingstone.jpg);
	width: 300px;
	height: 200px;
	background-repeat: no-repeat;
	display: block;
}
.liv:hover
{
	background-image: url(hovli.jpg);
	text-decoration: none;
	width: 300px;
	height: 200px;
	background-repeat: no-repeat;
	display: block;
}

#landlsk
{
	position: absolute;
	top: 22px;
	right: 0;
	
}

.lskimg:link, .livimg:visited, .livimg:active
{
	text-decoration: none;
	background-image: url(lusaka.jpg);
	width: 300px;
	height: 200px;
	background-repeat: no-repeat;
	display: block;
}
.lskimg:hover
{
	background-image: url(hovlu.jpg);
	text-decoration: none;
	width: 300px;
	height: 200px;
	background-repeat: no-repeat;
	display: block;
}

.yn
{
	font-size: 11px;
}




