body  {	/*background: #fff url(island-bg.gif) no-repeat right bottom;*/	margin: 0px;	padding: 0px;}td {line-height:1em;vertical-align:middle;text-align:center;}img { /* sets every image to have no border */	border: 0px;}a {	color:#00CC00;	}#wrapper   { /* everything is held within this element. the padding positions the mainbody to fit with the bg images */	position: absolute;
	width: 800px;	left: 0px;	top: 0px;	margin: 0px;	background-image: url(images/hotel-bg.gif);	background-attachment: scroll;	background-repeat: no-repeat;	background-position: left top;	border: none;	padding-top: 135px;	padding-left: 140px;}/* begin styling the link list on the left of each page */#links  {	position: absolute;	visibility: visible;	left: 4px;	top: 170px;	width: 120px;	border: none;	font-family: "Trebuchet MS", Tahoma, Verdana, "Arial Black";	font-size: 1em;	color: #006633;	text-align: left;	display: block;	overflow: auto;	padding-left: 10px;	padding-bottom: 130px;	background-image: url(images/AArating.jpg);	background-attachment: scroll;	background-repeat: no-repeat;	background-position: bottom;}#links ul {	padding-left: 0px; /* to get rid of indent on the vertical list*/	margin-left: 0px;}#links li {	list-style: none;	margin-top: 15px;	text-align: left;}#links a {	font-family: "Trebuchet MS", Tahoma, Verdana, "Arial Black";	font-size: 1.05em;	color: #006633;}#links a:link {	text-decoration: none;}#links a:hover {	text-decoration: underline;	color: #666666;}#links a:visited {	text-decoration : none;	color: #009966;}/* end styling the link list */#ch-name { /* holds the name image and address */	position: absolute;	width: 499px;	height: 46px;	background-attachment: scroll;	background-image: url(images/ch-name.gif);	background-repeat: no-repeat;	padding-top: 65px;	top: 0px;	right: 112px;	background-position: right top;	}#ch-name p { /*styles the address text */	color: #333333;	font-family: Tahoma, Verdana, Arial;	font-size: 12pt;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 0px;	margin-top: 5px;	font-style: normal;	text-align: right;}	/* styling for the inline links at the foot of each page */#links-inline {	font-family: "Trebuchet MS", Tahoma, Verdana, "Arial Black";	font-size: 0.75em;	font-style: normal;	color: #666666;	margin: 0px;	border: none;	padding-top: 0px;	padding-right: 112px;	padding-bottom: 0px;	padding-left: 0px;	}#links-inline ul {	margin-left: 0px; 	padding-left: 0px; /* margin and padding to get rid of ident on lists*/	text-align: center;}ul.horizontal li {	padding: 0px;	display: inline;	list-style: none;	margin: 0px;}#links-inline a {	font-family: "Trebuchet MS", Tahoma, Verdana, "Arial Black";	font-size: 1em;	color: #666666;}#links-inline a:link {	text-decoration: none;}#links-inline a:hover {	text-decoration: underline;	color: #000000;}#links-inline a:visited {	text-decoration : none;	color: #003300;}	/* end styling for the inline links */#mainbody { /* the container that holds the content - needed for position to suit bg images */	background: url(images/island-bg.gif) no-repeat right bottom;	border: none;
	width: 700px;	padding-top: 0px;	padding-right: 112px;	padding-bottom: 71px;	padding-left: 0px;	color:#000000;}#preamble { /* the title of the page */	font-family: "Edwardian Script ITC", "ShelleyAllegro BT", "English157 BT", "Liffey Script SF", "Times New Roman";	font-size: 60px;	font-weight: normal;	font-style: normal;}#maintext { /* element within the main body that contains the bulk of content */	padding: 0px 0px 0px 6px;	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;	font-size: 1em;	text-align: justify;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 0px;}p.intro { /* italicised intro as precursor to main text */	margin-top: 15px;	font-style: italic;	text-align: center;	padding: 0px;	line-height: 150%;}p.bulkoftext { /* adjust the line height of any paragraphs of class separately from maintext */	line-height: 200%;}#hotelfront { /* element to contain and position the main photo on front page */	text-align: center;	border: none;	height: 253px;	/*width: 380px; setting the width causes the image to align left*/ 	margin-top: 0px;	margin-bottom: 0px;	padding: 0px;}.imgfloatright{ /* for any images needed to be floated to the right */	float: right;	margin-top: 10px;	margin-right: 0px;	margin-bottom: 10px;	margin-left: 15px;	clear: right;}.imgfloatleft{ /* for any images needed to be floated to the left */	float: left;	margin-top: 10px;	margin-right: 15px;	margin-bottom: 10px;	margin-left: 0px;}ul.maintextlist li { /* for all lists that appear in the maintext block */	list-style-type: circle;	margin-top: 10px;	}#localmap {	/* for the image of the map of shanklin */	text-align: center;	border: none;	height: 328px; 	margin-top: 20px;	margin-bottom: 0px;	padding: 0px;}#iowroutes {	/* for the image of the ferry routes */	text-align: center;	border: none;	height: 221px; 	margin-top: 0px;	margin-bottom: 0px;	padding: 0px;}#mapcontainer {  float: left;  width: 500px;  height: 325px;  margin-bottom: 5px;}#legend {        float: left;        width: 200px;        margin-left: 15px;        margin-bottom: 15px;        /*background-color: #CCFFCC;*/        padding-bottom: 5px;        padding-top: 5px;        padding-left: 10px;        padding-right: 10px;        border: 1px solid #99CC99;}#locationtext { clear:both; margin: 0;}.legimg {  float:left;  margin-top: 12px;  vertical-align: middle;  width: 30px;}.legtext { float: left; width: 160px; vertical-align: middle; margin-left: 6px; margin-top: 6px;}.clearboth  {  clear:both;}/* tariff table styles */#tarifftable {	border: none;	width: 650px;	margin-top: 20px;}.trfheads { /* the main headings and left column */	color: #000000;	font-family: "Trebuchet MS", Georgia, "Arial Black", Arial;	height: 40px;	font-weight: bold;	font-size: 14px;	background-image: url(images/trfheads_bg.jpg);	background-repeat: repeat-x;	border: none;}.trfsubs { /* the sub headings */	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	color: #000000;	width: 92px;	height: 25px;	border-right: solid 1px #CCCCCC;	}.trfsubsalt { /* the sub headings for the alternate prices */	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	color: #000000;	width: 92px;	height: 25px;	border-right: solid 1px #CCCCCC;	background-color: #CCFFCC;}.trfprices {	border-right: solid 1px #CCCCCC;}.trfpricesalt { /* the prices cells for the alternate column */	border-right: solid 1px #CCCCCC;	background-color: #CCFFCC;}.trfblank { /* the blank cells above the B and B and half board cells */	border-top: none;	border-bottom: none;	border-left: none;	border-right: none;}.trfsidecol { /* the left hand coloumn but not the blanks cells */	width: 88px;	text-align: left;	padding-left: 10px;	height: 40px;	background-image: url(images/trfsidecol_bg.jpg);	}.lsleftborder { /* fills in a part of the border that the table looks messy wihtout */	border-left-width: 1px;	border-left-style: solid;	border-left-color: #CCCCCC;}.bottomprices { /* adds a border to the bottom of the table to tidy things up */	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #CCCCCC;}/* end of table styles*/#formhold { /* container for the form */	text-align: center;	width: 700px;	border: none;	font-size: 10pt;	margin-top: 40px;}label,input,textarea,select { /* form layout without the use of tables - http://www.quirksmode.org/css/forms.html */	display: block;	width: 300px;	float: left;	margin-bottom: 25px;	}label { 	text-align: right;	width: 285px;	padding-right: 20px;}.clearleft { /* br specific */	clear: left;	}.group_nomargin { /* for those inputs in fieldsets */	margin: 0px;	margin-bottom: 5px;}.radios, .boxes { /* for radios and checkboxes */	width: 1.5em;	height: 1.5em;	border: none;	background-color: #FFFFFF;	text-align: left;}#formhold textarea, input { /* extra formatting for inputs */	background-color: #F0FFF0;	border: solid 1px #66CC99;	color: #006666;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11pt;	padding-left: 20px;}legend {	color: #000000;	font-family: Georgia, "Times New Roman", Times, serif;	font-size: 10pt;	padding-bottom: 15px;}fieldset {	margin-left: 20px;	margin-right: 30px;	margin-bottom: 40px;	text-align: center;}.input-disabled { /* for disabled inputs until enables */	background-color: #CCFFCC;}fieldset.toalign{ /* to align inputs not in groups */	margin-left: 20px;	margin-right: 30px;	margin-bottom: 15px;	padding: 0px;	border: 0px;}#formhold p { /* formats any error messages that show after submission */	color:#666699;	text-align:left;	font-size: 10pt;	line-height: 125%;	font-family: Verdana, Arial, Helvetica, sans-serif;}.probs { /* the class for input errors after submission */	border-color: #6600CC;	border-style: solid;	border-width: 1px;}.formbutton { /* the submit and reset buttons */	color: #006600;	width: 110px;	height: 30px;	margin-right: 5px;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;	text-align:center;}.shortinput { /* shortens the date inputs to allow for images */	width: 100px;}#workaround { display:none;}/* end of form styles */p.separatecontact { /* on contact page to separate the types of contact */	margin-top: 30px;	}.contdets { /* formats p within types of contact */	line-height: 100%;	text-align: center;	margin: 0px;	margin-bottom: 0.5em;	padding: 0px;	}		#validated {text-align:center;}.infowindow-header {	font-weight: bold;	color: #009933;	font-family: "Bell MT";	font-size: 1.2em;}