/* CSS Document */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	border:  					0;
	margin:  					0;
	padding: 					0;
}

body {
	background-color: 		white; 
	background-image: 		url(../images/backgrnd.gif); 
	background-repeat: 		repeat-x;
	color: 						Black;
	font-family: 				Arial, Helvetica, sans-serif;
}

/***************************************************************************************/
/*  MAIN OUTER PANEL
/***************************************************************************************/

#outer{
	background-color: 		#ffffdd;
	border-top: 				1px solid #FFF;
	border-right: 				1px solid #333;
	border-bottom: 			1px solid #333;
	border-left: 				1px solid #FFF;
	color: 						Black;
	margin:						20px auto;
	width: 						750px;		
}

/***************************************************************************************/
/*  TOP BANNER
/***************************************************************************************/

#banner {
	background-image: 		url(../images/topban.jpg);
	background-repeat: 		no-repeat;
	height: 						125px;
	width: 						750px;
}

/***************************************************************************************/
/*  TOP STRAP LINE (Business Name and Location)
/***************************************************************************************/

#topstrap {
	background: 				#396d38 url(../images/topgrad.gif) repeat-x top;
	height: 						25px;
	text-align: 				left;
	width: 						750px;	
}

#topstrap p {
	color: 						White;
	font-size: 					10px;
	font-weight: 				bold;
	margin:						0 0 5px 0;
	padding: 					3px 20px 0 0;
	text-align: 				right;
	text-transform: 			uppercase;
}

/***************************************************************************************/
/*  LEFT SIDEBAR (logo or image)
/***************************************************************************************/

#sidebar {
	background-color: 		#ffffdd;
	background-image: 		url(../images/sidebar.jpg);
	background-repeat: 		no-repeat;
	background-position: 	center top;
	float: 						left;
	height: 						300px;
	margin:						0 auto 0 auto;
	text-align: 				center;
	width: 						180px;  
}

#sidebar .image {
	border: 						0px none;
	margin: 						25px 0 0 0;
	text-align: 				center;
	
}

/***************************************************************************************/
/*  NAVIGATION BAR WITHIN MAIN CONTENT PANEL
/***************************************************************************************/

#nav {
	border-bottom: 			1px solid #003333;
	margin: 						0 20px 0 0;
	padding: 					18px 0 9px 0;
	text-align: 				left;
}

#nav ul li {
	display: 					inline; 
}

#nav ul li a, #nav ul li a:visited {
	background-color: 		transparent;
	color: 						black;
	font-family: 				Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 					11px;
	font-weight: 				bold;
	text-decoration: 			none;
}

#nav ul li a:hover, #nav ul li a:focus{
	color: 						#DE02BA;
}
	
/***************************************************************************************/
/*  PAGE FOOTER
/***************************************************************************************/
	
#footer{
	background: 				#396d38 url(../images/botgrad.gif) repeat-x top;
	border-top: 				1px solid #066; 
	clear: 						both;
	height: 						30px;
	text-align: 				center;
	width: 						750px;
}

#footer p {
	color: 						White;
	font-size: 					10px;
	font-weight: 				bold;
	letter-spacing: 			2px;
	margin:						0 0 5px 0;
	padding: 					6px 0 0 0;
	text-align: 				center;
	text-transform: 			uppercase;
}

#footer a, #footer a:visited {
	color: 						White;
	text-decoration: 			none;
}

#footer a:hover, #footer a:focus{
	color: 						#BF2F5E;
}

/***************************************************************************************/
/*  MAIN CONTENT PANEL 
/***************************************************************************************/

#content {
	float: 						right;
	margin: 						0;
	padding: 					0 20px 20px 0;
	text-align: 				left;
	width: 						550px;		
}

p {
	font-size: 					13px;
	line-height: 				18px;
	margin: 						9px 0 9px 0;
	text-align: 				justify;
}

h1 {
	color: 						#2d5f2e;
	font-size: 					18px;
	margin: 						24px 0 9px 0;
	text-align: 				left;
}

h2 {
	color: 						#2d5f2e;
	font-size: 					14px;
	font-weight: 				bold;
	margin: 						18px 0 9px 0;
	text-align: 				left;
}

/***************************************************************************************/
/*  HYPERLINKS	
/***************************************************************************************/

a, a:visited {
	color: 						#9E006A;
	text-decoration: 			none;
}

a:hover, a:active, a:focus  { 
	color: 						#F0C; 
}

/***************************************************************************************/
/*  IMAGES
/***************************************************************************************/

IMG {
	border-top: 				1px ridge #B0B0B0;
	border-right: 				1px ridge Black;
	border-bottom: 			1px ridge Black;
	border-left: 				1px ridge #B0B0B0;
	margin-bottom: 			12px;
}

.photoright {
	float: 						right;
	margin-left: 				15px;
	margin-bottom: 			12px;
}

.photoleft {
	float: 						left;
	margin-right: 				15px;
	margin-bottom: 			12px;
}

.noborder {
	border: 						0px none; 
}
	
/***************************************************************************************/
/*  FONTS
/***************************************************************************************/

.f09 { font-size: 			9px;  }
.f10 { font-size: 			10px; }
.f11 { font-size: 			11px; }
.f12 { font-size: 			12px; }
.f13 { font-size: 			13px; }
.f14 { font-size: 			14px; }
.f15 { font-size: 			15px; }
.f16 { font-size: 			16px; }
.f18 { font-size: 			18px; }

/***************************************************************************************/
/*  FORMATTING
/***************************************************************************************/

.bd { font-weight: 			bold;  }
.it { font-style: 			italic; }

/***************************************************************************************/
/*  COLOURS
/***************************************************************************************/

.black  { color: 				#000; }
.blue   { color: 				#003F60; }
.red    { color: 				#F00; }
.dred   { color: 				#CA0500; }
.white  { color: 				#FFF; }

/***************************************************************************************/
/*  MARGINS
/***************************************************************************************/

.mt00  { margin-top: 		0;     }
.mt03  { margin-top: 		3px;   }
.mt06  { margin-top: 		6px;   }
.mt09  { margin-top: 		9px;   }
.mt12  { margin-top: 		12px;  }
.mt18  { margin-top: 		18px;  }
.mt24  { margin-top: 		24px;  }
.mt36  { margin-top: 		36px;  }
.mt50  { margin-top: 		50px;  }
.mt100 { margin-top: 		100px; }
.mt200 { margin-top: 		200px; }

.mb00  { margin-bottom: 	0;    }
.mb06  { margin-bottom: 	6px;  }
.mb09  { margin-bottom: 	9px;  }
.mb12  { margin-bottom: 	12px; }
.mb18  { margin-bottom: 	18px; }
.mb24  { margin-bottom: 	24px; }
.mb36  { margin-bottom: 	36px; }
.mb50  { margin-bottom: 	50px; }

.ml10  { margin-left: 		10px; }
.ml15  { margin-left: 		15px; }
.ml25  { margin-left: 		25px; }
.ml35  { margin-left: 		35px; }
.ml50  { margin-left: 		50px; }

.mr08  { margin-right: 		8px; }

/***************************************************************************************/
/*  ALIGNMENT
/***************************************************************************************/

.centre {
	margin-left: 				auto;
	margin-right: 				auto; 
	text-align: 				center;
}

.ac { text-align: 			center; }
.al { text-align: 			left;   }
.ar { text-align: 			right;  }
.aj { text-align: 			justify;}

.vm { vertical-align: 		middle; }
.vt { vertical-align: 		top;    }
.vb { vertical-align: 		bottom; } 

.fright {
	float:						right;
}

/***************************************************************************************/
/*  TABLES
/***************************************************************************************/

table {
	text-align: 				center;
	width: 						100%;
}

table.rates {
	border-right: 				1px solid #CCC;
	border-bottom: 			1px solid #CCC; 
	border-collapse: 			collapse;
	margin-top: 				18px;
	margin-bottom: 			18px;	
	width: 						550px;
}

tr.header, th {
	background-color: 		#68e1b8;
	border-left:				1px solid White; 
}
	
tr {
	background-color: #adf6dd;
}	

td {
	border: 						1px solid White; 
	padding-left: 				10px;
	padding-top: 				3px;
	padding-bottom: 			3px;
	text-align: 				center;
	vertical-align: 			middle;
}	

.botwhite {
	border-bottom: 			1px solid white;
}

tr p, td p {
	margin: 						0 0 0 0;
	text-align: 				center;
}

th.nowrap {
	white-space: 				nowrap;
}

/***************************************************************************************/
/*  LISTS
/***************************************************************************************/

ul { margin: 					0px 0 0px 25px; }
	
li {
	list-style: 				disc;
	margin: 						4px 0 4px 0;
}

/***************************************************************************************/
/*  ENQUIRY FORM
/***************************************************************************************/

form {
	background-color: #adf6dd;  
	border-right: 				1px solid #CCC;
	border-bottom: 			1px solid #CCC; 
	margin: 						12px 0 12px 0; 
	padding: 					10px;
}

form p {
  	clear: 						both;
	text-align: 				left;
}

form p label {
   display: 					inline;
   float: 						left;
   margin: 						0;
   padding: 					0 10px 0 0;
	text-align: 				left;
	width: 						150px;
}

form p input, form p textarea, form p select {
   margin: 						0;
   padding: 					0;
}

textarea {
	font-family: 				Arial, Helvetica, sans-serif;
}

/***************************************************************************************/
/*  MISCELLANEOUS
/***************************************************************************************/

.clearit {
	clear: 						both;
	height: 						1px;
	overflow: 					hidden;				/* IE hack */
}

hr {
	background-color: 		#2F6EAA;
	border-color: 				#2F6EAA;  /*Required for Firefox */ 
	border: 						0px none; 
	color: 						#2F6EAA;
	height: 						1px;
	margin: 						0 auto 9px auto;
	text-align: 				center;
	width: 						60%;
}

.seo {
	border: 						none;
	line-height: 				10px;
	margin: 						0px;
	padding: 					0px;
}

.botrap {
	display:						none;
}

p.seologo {
	border:						0px none;
	margin-top:					250px;
	text-align: 				center;
}

p.seologo img {
	border:						0px none;
	margin:						20px;
	vertical-align: 			middle;
}

/***************************************************************************************/
/*  PHOTO ENLARGEMENTS
/***************************************************************************************/

#photos {
	float: 						left; 
	padding-bottom: 			10px;
	text-align: 				center;
	width: 						615px;
}

#photos img { border: 		1px solid #069; }

#photos p {
	margin: 						6px 0 6px 0;
	text-align: 				center;
}

/***************************************************************************************/
/*  AVAILABILITY CALENDAR PAGES
/***************************************************************************************/

#calendar {
	text-align: 				center;
}

#calendar p, #calendar table, #calendar tr, #calendar td {
	border: 						0px none;
	padding: 					0;
}

#calendar table.cal {
	border: 						0px none;
	margin-top: 				12px;
	table-layout: 				fixed;
	vertical-align: 			top;
	width: 						548px;
}

#calendar table.cal TD {
	background-color: 		#def6ff;
}

#calendar table.cal TD.lt {
	border: 						1px solid #2F6EAA;
	text-align: 				left;
}

#calendar table.cal TD.md {
	border: 						1px solid #2F6EAA;
	text-align: 				center;
}

#calendar table.cal TD.rt {
	border: 						1px solid #2F6EAA;
	text-align: 				right;
}

#calendar table.cal TD.legend {
	background-color:			#ffffdd; 
}

#calendar table.cal TD p {
	color: 						Black;
	font-weight: 				bold;
	padding: 					0px 0 0px 0;
	text-align: 				center;
}

#calendar img { 
	border: 						0px none;
	vertical-align: 			top; 
}

#calendar .links{ 
	font-size: 					15px; 
	font-weight: 				bold; 
	margin: 						24px 0 24px 0; 
	text-align: 				center; 	
}

#calendar table.cal td.previous {
	background-color: 		#ffffdd;
	font-size:					11px;
	font-weight:				normal;
	padding:						0;
	text-align:					left;
}

#calendar table.cal td.next {
	background-color: 		#ffffdd;
	font-size:					11px;
	font-weight:				normal;
	padding:						0;
	text-align:					right;
}

#calendar .ac   { text-align: 	center; }
#calendar .bd	 { font-weight:	bold; }
#calendar .mt12 { margin-top: 	12px; }
#calendar .mt24 { margin-top: 	24px; }
#calendar .vm   { vertical-align: middle; }
#calendar .f09  {	font-size: 		9px; }