
#container { 
	width: 919px; height: 600px; 
	position: relative; 
	text-align: center; 
	margin: 0 auto; 
	background: #fff;
	margin-top: 20px;
}

body { 
	font-family: arial, tahoma, verdana, arial, sans-serif; 
	font-size: 11px; font-weight: normal; color: #333; 
	background : #8A8A8A url('http://www.fernklooflodge.co.za/images/background.gif') repeat; 
	letter-spacing : 1px; 
	margin: 0; padding: 0;
	text-align:center;
}

a { text-decoration: underline; color: #FD5600; background-color : transparent; }
a:hover { color: #333;}

.ghost { display : none; }


/*-------------------------------------------------- 
				- LEFT -
--------------------------------------------------*/

#left { background: url(http://www.fernklooflodge.co.za/images/left.jpg) no-repeat top; float: left; width: 280px; height: 600px;}

/*-------------------------------------------------- 
				- MENU -
--------------------------------------------------*/

#menu { background: url(http://www.fernklooflodge.co.za/images/back_menu.gif) repeat-y; float: left; width: 119px; height: 600px;}

#menucontent { text-align: left; padding: 0; margin: 0 10px; }

#menucontent ul { list-style: none;	padding: 0;	margin: 0; font-weight: bold; }
#menucontent li { 
	padding: 15px 0 15px 3px; 
	margin: 0; 
	border-bottom: 1px dotted #333;
	}

#menucontent li a { display: block; text-decoration: none; color: #333;}
#menucontent li a:hover { text-decoration: underline; background: transparent;}


/*-------------------------------------------------- 
				- RIGHT -
--------------------------------------------------*/

#right { background: url(http://www.fernklooflodge.co.za/images/back_right.gif) repeat-y; float: left; width: 520px; height: 600px; overflow: auto;} 

#rightcontent { text-align: left; margin: 10px 0;}
#rightcontent p {
	padding: 0;
	margin: 8px 10px 8px 20px;
}
#rightcontent img { margin: 16px 0 10px 0;}

#rightcontent img.top { margin: 5px 0; padding: 2px; border: 1px solid #aaa; background: #fff; }
#rightcontent img.top:hover { background: #aaa; }

#rightcontent #photos { float: left; clear: both; margin: 10px 0 10px 8px;}
#rightcontent #photos img { margin: 5px; padding: 2px; border: 1px solid #aaa; background: #fff;}
#rightcontent #photos img:hover { background: #aaa;}

#rightcontent img.raam { padding: 2px; border: 1px solid #aaa; background: #fff; }
#rightcontent img.raam:hover { background: #aaa; }

#rightcontent a.head { text-decoration: none; color: #000; }
#rightcontent a.head:hover { text-decoration: underline; color: #333; }

/*-------------------------------------------------- 
				- FOOTER -
--------------------------------------------------*/

#footer { 
	float: left; 
	width: 100%; height: 50px; 
	text-align: center; 
	padding-top: 10px; 
	font-size: 83%; 
	background: transparent;
	
}
Table
{
	FONT-FAMILY: Arial;
	font-size:11pt;

}
button
{
	FONT-FAMILY: Arial;
	font-size:11pt;
}

input
{
	FONT-FAMILY: Arial;
	font-size:11pt;
}

textarea 
{
	FONT-FAMILY: Arial;
	font-size:11pt;
}

select
{
	FONT-FAMILY: Verdana;
	font-size:9pt;
}
a {
	color: #3333ff;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #008800;
}

Table.MainTable
{
	text-align:left;
	z-index:108;
	height:100%;	
	COLOR: #000000;
	font-size : 12pt;
	border-color : #6C7EC8;
}
td.SectionHeader
{
	font-size : 9.5pt; FONT-WEIGHT: bold; COLOR: #000000;
}

td.SearchMenu
{
	background-image:url(../../images/supplierhome/menubg.jpg);
	background-repeat:repeat;
	border-right:2px solid #CCCCCC;
}
td.EstabNameSideMenu
{
	border-bottom:2px solid #CCCCCC;
	border-top:2px solid #CCCCCC;
	font-size:9pt;
	font-weight:bold;
	color:#000000	
}
td.PageCellLabel
{
	font-weight:bold;
	font-size:9pt;
}
span.PageCellLabel
{
	font-weight:bold;
	font-size:9pt;
}
td.PageCellLabelGray
{
	font-size : 9.5pt; FONT-WEIGHT: bold; COLOR: #000000;	
}
span.PageCellLabelGray
{
	font-size : 9.5pt; FONT-WEIGHT: bold; COLOR: #000000;	
}
span.tip
{
	font-size : 9.5pt; FONT-WEIGHT: bold; COLOR: #000000;		
	font-style:italic;
	font-size:9pt;
}
span.WhiteText
{
	color:#000000;
}
span.YellowText
{
	font-size : 9.5pt; FONT-WEIGHT: bold; COLOR: #000000;
	text-align: justify;
}
span.LightGrayText
{
	color:#000000;
}

span.RedText
{
	color:#FF0000;

}
td.RedText
{
	color:#FF0000;
}
span.BlueText
{
	font-size : 9.5pt; FONT-WEIGHT: bold; COLOR: #0000000;
	text-align: justify;
}
td.BlueText
{
	color:#000000;
	font-size:13px;
}
table.PageFooter
{
	color:Gray;
	font-family:Verdana;
	font-size:9pt;
}
A.FooterLink:link
{ 
	FONT-FAMILY: Verdana;
	font-size:9pt;
	font-weight:bold;
	color:#CCCCCC;
	text-decoration:none;
	
	
}
A.FooterLink:visited     
{ 
	FONT-FAMILY: Verdana;
	font-size:9pt;
	font-weight:bold;
	color:#696969;
	text-decoration:none;
}
A.FooterLink:hover 
{
	FONT-FAMILY: Verdana;
	font-size:9pt;
	font-weight:bold;
	color:696969;
	text-decoration:underline;
	
}
A.FooterLink:active 
{
	FONT-FAMILY: Verdana;
	font-size:9pt;
	font-weight:bold;
	color:#696969;
	text-decoration:none;
}
img.CalendarButton
{
	cursor:hand;
}
span.ButtonStep
{
	color:#000000;
	font-size:9pt;
	font-weight:bold;
}
A.toDoLink:link
{ 
	FONT-FAMILY: Verdana;
	font-size:9pt;
	font-weight:bold;
	color:#696969;
	text-decoration:underline;
}
A.toDoLink:visited     
{ 
	FONT-FAMILY: Verdana;
	font-size:9pt;
	font-weight:bold;
	color:#696969;
	text-decoration:underline;
}
A.toDoLink:hover 
{
	FONT-FAMILY: Verdana;
	font-size:9pt;
	font-weight:bold;
	color:#696969;
	text-decoration:underline;
}
A.toDoLink:active 
{
	FONT-FAMILY: Verdana;
	font-size:9pt;
	font-weight:bold;
	color:#696969;
	text-decoration:underline;
}
table.SummaryTable
{
	border:1px solid #FFFFFF;
}
td.EnquiryHeaderCell
{
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
td.EnquirySection
{
	font-size : 9.5pt; FONT-WEIGHT: bold; COLOR: #000000;
	text-align:right;
	height:25px;
}
td.BookSureBook
{
	color:#666633;
	font-family:Tahoma;
	font-weight:bold;
	font-size:9pt;
	line-height:120%;
}
td.BookSureSure
{
	color:#666633;
	font-family:Tahoma;
	font-weight:bold;
	font-size:9pt;
	line-height:65%;
}
TextArea.MessageTextBox
{
	height:100;
	width:450;
	background-color:White;
	border:1px Solid #6699CC;
}
/*calendar*/
table.CalendarTable
{
	FONT-FAMILY: Verdana;
	font-size:9pt;
	background-color:White;
	border-color:Silver;
	border-style:solid;
	border-collapse:collapse;

}
tr.nextprev
{
	background-color:Gray;
}
span.nextprev
{
	cursor:hand;
	font-size:8;
	font-weight:bold;
	color:White;
}
/*month and year written at the top*/
thead.monthyear
{
	background-color:Silver;
}
/*day names written at the top*/
tr.weekdays
{
	font-weight:bold;
	color:Gray;
}
td.lastmonth
{
	color:Silver;
}
span.calday
{
	cursor:hand;
}
img.CalendarButton
{
	cursor:hand;
}
td.TodaysDate
{
	border: 1px solid red;

}
td.MessageHeading
{
	color:#333333;
	font-size:9pt;
	font-weight:bold;
	line-height:150%;
}
span.StatusDesc
{
	font-size:9pt;
	font-weight:bold;	
}
A.RateLink:link
{ 
	color:#333333;
	text-decoration:none;
}
A.RateLink:visited     
{ 
	color:#333333;
	text-decoration:none;
}
A.RateLink:hover 
{
	color:#333333;
	text-decoration:underline;
	
}
A.RateLink:active 
{
	color:#333333;
	text-decoration:none;
}
/*top menu classes */
table.ButtonTable
{
	height:100%;
	width:100%;
	border-width:0;
}
td.btBorderBottom
{
	background-color:#6699cc;
}

fieldset.bsField
{
	font-family: Verdana, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;

}

.formBut {
background-color : #AF793F;
font-family: Verdana, Geneva, Verdana, Helvetica, sans-serif; 
font-size: 11px; 
color: White;
border : 1px inset Black;
cursor:hand;
}
.navButts2 a {
	background-color : #A2C095;
	border : 1px solid Black;
	font-family : Verdana, Geneva, Verdana, Helvetica, sans-serif;
	font-size: 10px; 
	color : Black;
	display : block;
	text-decoration : none;
	width : 100%;
	PADDING-TOP: 3px;
	PADDING-BOTTOM: 3px;   
}

.navButts2 a:hover {
	background-color : #608650;
	border : 1px solid Black;
	font-family : Verdana, Geneva, Verdana, Helvetica, sans-serif;
	font-size: 10px; 
	color : #FFFFFF;
	text-decoration : none;
	PADDING-TOP: 3px;
	PADDING-BOTTOM: 3px;  
}
	.leftNav1{
	font-family : Verdana, Geneva, Verdana, Helvetica, sans-serif;
	COLOR: #000000;
   font-size : 8.5pt;
	background-image : url(http://www.golfinthewild.co.za/main_p1_back.gif);
	background-repeat : repeat-y;
	BACKGROUND-COLOR: ##E1D4C5;
	text-align: justify;	
}
	.MainText{
	font-family : Verdana, Verdana, Helvetica, sans-serif;
	COLOR: #000000;
	font-size : 9.5pt;
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	BORDER-RIGHT: 2px solid #663D10;
	BORDER-BOTTOM: 2px solid #663D10;
	text-align: justify;
	font-style: normal;
	font-weight: normal;



}
	.MainText2{
	font-family : Verdana, Geneva, Verdana, Helvetica, sans-serif;
	COLOR: #000000;
   font-size : 8.5pt;
	BORDER-RIGHT: 2px solid #663D10;
}
	.MainTextPlain{
	font-family : Verdana, Geneva, Verdana, Helvetica, sans-serif;
	COLOR: #000000;
    font-size : 8.5pt;
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 5px;  
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;    
	text-align: justify;	
}
	.TopLeft{
	BORDER-RIGHT: 2px solid #663D10;  
}
	.copyrightText{
	font-family : Verdana, Geneva, Verdana, Helvetica, sans-serif;
	COLOR: #FFFFFF;
   font-size : 7.5pt;
	BACKGROUND-COLOR: #694115;  
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 5px;  
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;    
	BORDER-RIGHT: 2px solid #663D10;
	BORDER-BOTTOM: 2px solid #663D10;
}
}
	.Forms{
	font-family : Verdana, Geneva, Verdana, Helvetica, sans-serif;
	COLOR: #000000;
   font-size : 8.5pt;
	BACKGROUND-COLOR: #ECDCCA;  
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 5px;  
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;    
	BORDER: 1px solid #663D10;
}
}
	.IMG{
	BORDER: 2px dashed #663D10;  
}

/*quirk styles */
.footer { font-family: Verdana, Verdana, Helvetica, sans-serif; font-size: 0.8em; color: #FFFFFF}


