/* 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: #E6E6E6; 
	background-image: url(../images/backgrnd.gif); 
	background-repeat: repeat;
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
}

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

#outer{
	background-color: #E3F8F9;
	color: Black;
	margin:20px auto;
	width: 750px !important;		/* Read by all browsers, but IE ignores !important */
	width: 756px;  					/* IE5 750px+(2x3px) */
	width/**/:/**/750px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #FFF;
}

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

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

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

#topstrap {
	width: 750px;
	height: 30px;
	background-image: url(../images/topgrad.gif);
	text-align: left;
	border-top: #066 1px solid;
	border-bottom: 1px solid #066;
}

#topstrap p {
	color: White;
	font-size: 11px;
	font-weight: bold;
	padding: 6px 20px 0 0;
	text-align: right;
	text-transform: uppercase;
}

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

#sidebar {
	background-color: #E3F8F9;
	float: left;
	width: 180px;  
	text-align: center;
}

#sidebar .image {
	margin: 25px 0 0 0;
	border: 0px none;
}

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

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

#nav ul li {
	display: inline; 
}

#nav ul li a, #nav ul li a:visited {
	font-size: 11px;
	font-weight: bold;
	color: #973824;
	background-color: transparent;
	text-decoration: none;
}

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

#footer p {
	font-size: 11px;
	font-weight: bold;
	color: White;
	padding: 6px 0 0 0;
	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, #calendar {
	float: right;
	padding: 0 20px 20px 0;
	margin: 0;
	width: 550px !important;		/* Read by all browsers, but IE ignores !important */
	width: 570px;  					/* IE5 750px+(2x3px) */
	width/**/:/**/550px;			/* Ignored by IE5 - so set by IE6 */  
	text-align: left;
}

#content p, #calendar p {
	font-size: 1em;
	margin: 9px 0 9px 0;
	text-align: justify;
}

#content h1, #calendar h1 {
	font-size: 1.4em;
	margin: 24px 0 9px 0;
	text-align: left;
	color: #0C697E;
}

#content h2 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 18px 0 9px 0;
	text-align: left;
	color: #0C697E;
}

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

#content a, #content a.nc, #content a:visited.nc,
#calendar a {
	color: #CA0500;
	text-decoration: none;
}

#content a:visited, #calendar a:visited { color: #399; }
#content a:hover, #content a:active, #calendar a:hover,
#content a:focus, #content a:hover.nc { color: #F0C; }

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

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

#content .photoright {
	float: right;
	margin-left: 15px;
}

#content .photoleft {
	float: left;
	margin-right: 15px;
}

#content .noborder {
	border: 0px none; 
}
	
#content IMG.thumbnail {
		padding: 0px;
		margin: 3px;
}	
/***************************************************************************************/
/*  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; }

.lh  { line-height: 1em; }
.lh2 { line-height: 1.2em; }

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

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

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

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

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

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

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

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

#content .w15 { width: 15px;}

/***************************************************************************************/
/*  WIDTH
/***************************************************************************************/

.w50  		{ width: 50px;     }
.w85 			{ width: 85px;    }
.w150 		{ width: 150px;    }
.w350 		{ width: 350px;    }

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

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

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

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

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

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

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

#content tr.header, #content th {
	background-color: #69CCE1;
	border-left: 1px solid White; 
}
	
#content tr {
	background-color: #ADEAF6;
}	

#content tr.paypal {
	background-color: #E3F8F9;
}

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

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

#content td.paypal {
	background-color: #E3F8F9;
	border: none;
}

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

#content ul { margin: 0px 0 0px 25px; }
	
#content li {
	margin: 2px 0 2px 0;
}

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

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

#content form p {
  	clear: 						both;
	padding-top:				0px;
	padding-bottom:				0px;
	text-align: 				left;
}

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

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

#content form .trpbot {
	visibility: 				hidden;
	width:						20px;
}

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

#content .fc-red4 {
	color:						red;
}

#content .f11 {
	font-size:					11px;
}

.w50  		{ width: 50px;     }
.w85 			{ width: 85px;    }
.w150 		{ width: 150px;    }
.w350 		{ width: 350px;    }

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

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

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

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

.version {
	font-size: 8px;
	text-align: center;
}

.ac {
	text-align:			center;
}

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; 
	width: 615px;
	text-align: center;
	padding-bottom: 10px;
}

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

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

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

#calendar {
	text-align: center;
}

#calendar table.cal {
	margin-top: 12px;
	table-layout: fixed;
	vertical-align: top;
	width: 550px;
}

#calendar table.cal TD.lt {
	padding-top: 12px;
	text-align: left;
}

#calendar table.cal TD.md {
	padding-top: 12px;
	text-align: center;
}

#calendar table.cal TD.rt {
	padding-top: 12px;
	text-align: right;
}

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

#calendar img.calendar { vertical-align: top; }

#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; }
#calendar .links{ font-size: 15px; font-weight: bold; text-align: center; margin: 24px 0 24px 0; }

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

#calendar table.cal td.next {
	font-size:					11px;
	font-weight:				normal;
	padding:						0 10px 0 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; }

/***************************************************************************************/
/*  PAYPAL PAYMENT FORMS
/***************************************************************************************/

#paypal {
	text-align: center;
}

#paypal img {
	background-color: #E3F8F9;
	border: none;
	width: 75px;
}

