/* general */

BODY
	{
		width: 770px;
		margin: 0px auto 0px auto;
		}

BODY, HTML
	{

	height: 100%;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-image: url(/images/template/BG.jpg);
	background-position: center;
	background-repeat: repeat-y;
	background-color: #eeeeee;
	}

*
	{
	margin: 0;
	padding: 0;
	}

p, li
	{
	font-size: 75%;
	margin: 1em 0;
	color: #666666;
	}

.highlight{color:#CC0000; font-weight:bold;}

.feedback{
	font-style:italic;
	color: #336666;
	font-size: 120%;
	line-height:18px;
	margin: 0 0 30px 0;}

a:link, a:visited
	{
	color: #CC0000;
	text-decoration: none;
	}

a:hover
	{
	color: #CC0000;
	text-decoration: underline;
	}

.clearFloat
	{
	clear: both;
	display:block;
	height: 1px;
	}

/* page container */
	
#pageContainer
	{
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	background-color: #FFFFFF;
	}
	
/* header */

#header
	{
	padding-left:2px;
	height: 106px;
	background-color: #336666;
	}
	
#headerLogo
	{
	float: left;
	width: 250px;
	padding: 25px 0 0 15px;
	}

#headerLogo p
	{
	margin: 0px;
	font-style: italic;
	color: #FFFFFF;
	}
	
#headerImg
	{
	float: right;
	}

/* strapline */

#strapLine
	{
	clear: both;
	height: 26px;
	padding: 4px 5px 0 15px;
	background-color: #CCCCCC;
	background-image: url(/images/template/strapLineBG.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	} 

#strapLineLeft
	{
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 80%;
	}

#strapLineRight
	{
	float: right;
	padding-top: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: italic;
	}
	
/* container */

#container
	{
	clear:both;
	padding: 10px 0 5px 0;
	margin: 17px 15px 20px 15px;
	background-image: url(/images/template/contentBG.gif);
	background-repeat: repeat-y;
	background-position: left;
	}

* HTML DIV#container 
	{
	margin: 0px 15px 10px 15px;
	}

/* leftCol */

#leftCol
	{
	float: left;
	width: 140px;
	padding-right: 40px;
	}

#leftCol ul
	{
	margin: 0px;
	padding: 0px;
	}

#leftCol li
	{
	list-style: none;
	width: 140px;
	margin: 0 0 7px 0;
	padding: 0px;
	}

#leftCol li a:link, #leftCol li a:visited
	{
	display: block;
	padding: 1px 2px 1px 8px;
	color: #666666;
	text-decoration: none;
	background-image: url(/images/template/leftMenuListBG.gif);
	background-position: left;
	background-repeat: no-repeat;
	border: 1px solid #eeeeee;
	}

#leftCol li a:hover
	{
	display: block;
	color: #333333;
	text-decoration: none;
	background-color:#eeeeee;
	background-image: url(/images/template/leftMenuListBG_hover.gif);
	background-position: left;
	background-repeat: no-repeat;
	border: 1px solid #cccccc;
	}

/* mainCol */

#mainCol
	{
	float: left;
	width: 540px;
	}

#mainCol p
	{
	margin: 5px 0 7px 0;
	}

#mainCol h1
	{
	color: #336666;
	font-size: 120%;
	margin: 5px 0 7px 0;
	}

#mainCol h2
	{
	font-size: 80%;
	color: #336666;
	margin: 5px 0 7px 0;
	}
	
#mainCol h3
	{
	font-size: 80%;
	color: #333333;
	}

#mainCol h4
	{
	font-size: 95%;
	color: #000000;
	}

#mainCol h4
	{
	font-size: 95%;
	margin: 10px 0 5px 0;
	color: #336666;
	}

#mainCol h5
	{
	font-size: 95%;
	color: #336666;
	padding: 0 5px 0 5px;
	background-color: #eeeeee;
	}

#mainCol h6
	{
	font-size: 75%;
	margin: 10px 0 5px 0;
	padding: 0 5px 0 5px;
	color: #336666;
	}

#mainCol HR
	{
	clear: both;
	color: #E4E4E4;
	height: 1px;
	margin: 15px 0 15px 0;
	background-color:#E4E4E4;
	}
	
/* image alignment */

.ImageLeft
	{
	float: left;
	border: 4px solid #cccccc;
	margin: 0 15px 5px 0;
	}

.ImageRight
	{
	float: right;
	border: 4px solid #cccccc;
	margin: 0 15px 5px 0;
	}

.ImageLibrary
	{
	border: 4px solid #cccccc;
	margin: 10px 10px 10px 20px;
	}

/* homepage */

.homepageTitle
	{
	margin: 0 15px 5px 0;
	}

.reservationBtn
	{
	padding: 6px 0 10px 0;
	}

#mainLeftCol
	{
	float: left;
	width: 310px;
	}

#mainCol li
	{
	list-style: none;
	margin: 2px 0 2px 15px;
	padding: 0 0 0 10px;
	background-image: url(/images/template/bullet.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}
	
#mainRightCol
	{
	float: right;
	width: 165px;
	border: 1px solid #cccccc;
	}	

.moreDetails
	{
	text-align: right;
	border-top: 1px dotted #cccccc;
	padding: 4px 5px 0 0;
	margin: 10px 0 0 0;
	}


/* footer */

#footer
	{
	clear: both;
	height: 34px;
	padding: 0 0 5px 20px;
	margin: 0 -1px 0 -1px;
	border-top: 1px solid #cccccc;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-bottom: 8px solid #336666;
	background-color: #FFFFFF;
	
	}

#footer P
	{
	float: left;
	}
	
#footer IMG
	{
	float: right;
	padding: 8px 15px 0 0;
	}

/* --------------- form properties ------------------ */

FORM
	{
	margin: 0px;
	padding: 0px;
	}
	
LEGEND
	{
	font-size: 75%;
	font-weight: bold;
	color: #CC0000;
	}
	
div.row 
	{
  clear: both;
  padding-top: 2px;
  }

div.row span.label 
	{
  float: left;
  width: 100px;
  font-size: 75%;
  text-align: right;
  padding: 4px 5px 0px 0px;
  }

div.row span.variable 
	{
  float: left;
  width: 400px;
  font-size: 75%;
  text-align: left;
  color: #666666;
  } 
  
p.formPara
 	{
	padding-left: 8px;
	}
	
.formBtn 
	{
  float: right;
  margin-right: 15px;
  } 

.FormBox 
	{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #333333; 
	border: 1px solid #999999; 
	width: 200px;
	height: 15px;
	background-color: #F5F9FA;
	}
	
.FormMultiLine 
	{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #333333; 
	border: 1px solid #999999; 
	width: 200px;
	height: 80px;
	background-color: #F5F9FA;
	}

/* --------------- table properties ------------------ */

table
	{
	background-color: #eeeeee;
	border: 1px solid #CCCCCC;
	}

th, tr, td
	{
	text-align: left;
	font-size: 85%;
	padding: 3px 4px 1px 4px;
	}

th
	{
	color: #FFFFFF;
	background-color: #336666;
	border-bottom: 1px solid #999999;
	}

td
	{
	border-bottom: 1px solid #cccccc;
	}