<!--

*{
	margin: 0 auto; 
}
body{ 
	text-align: center; font: 11px verdana, arial, helvetica, sans-serif; color: #333333;
	background: #ffffff;
}
#constrainer{
	width:expression(document.body.clientWidth > 1660 ? "1660px" : "100%" );
}
#bgimage{
	display: block; width: 798px;
	background: #ffffff url(images/pagebg-shadow.gif) repeat-y;
}
#wrapper{
	clear: both; display: block; width: 771px; text-align: left;
}
#topbar{
	clear: both; display: block; height: 172px;
	background: #0C0C0C url(./images/bathspa.jpg) top left no-repeat;
}
 #topbar div.outerleft{
 	display: inline; float: left;
 }
 #topbar div.outerright{
	display: inline; float: right;
 }
  #topbar div.outerright #submenu{
	display: block; width: 440px; height: 22px; line-height: 20px;
  }
   #topbar div.outerright #submenu span{
		display: block; float: right; margin-right: 8px;
   }
   #topbar div.outerright #submenu, #topbar div.outerright #submenu a{
		font-size: 9px; text-decoration: none; color: white;
   }
   
#intro{ font-size: 12px; }
#other-towns{ float: right; padding-top: 23px; padding-right: 8px; }
#other-towns img{ border: none; }
   
   #topbar div.outerright #submenu a:hover{
		text-decoration: underline;
   }
#mainmenu{
	clear: both; display: block; height: 24px;
	background: #5f81b6;
}
 #mainmenu ul{
	padding: 0px;
 }
  #mainmenu ul li{
	 display: inline; float: left; height: 24px;
  }
   #mainmenu ul li a span.ov{
		display: none;
   }
   #mainmenu ul li a:hover span.ov{
		display: inline;
   }
   #mainmenu ul li a:hover span.on{
		display: none;
   }
 #colourbar{
	display: block; height : 30px;
	background: #85B93B;
	border-top: 1px solid white;
 }
 
#colourbar ul{ list-style: none; padding: 0; margin: 0; }
#colourbar li{ float: left; height: 25px; padding: 5px 10px 0 10px; font-size: 1.2em; border-right: 1px solid white; }
#colourbar li a{ color: white; text-decoration: none; }
#colourbar li.selected{ background-color: #335199; }
 
  #colourbar span.outerleft{
	display: inline; float: left;
  }
  #colourbar span.outerright{
	display: inline; float: right;
  }
  
  
#colourbar ul{ float: left; padding: 0; margin: 0; }
#colourbar li{ float: left; }
  
#content{
	clear: both; display: block; margin: 16px 0 0 0;
}
 #content #leftcolumn {
	display: block; float: left; width: 16px; height: 360px;
 }
 #content #centrecolumn {
	display: inline; float: left; width: 535px;
 }
 #content #centrecolumn #horizontalad{
 	display: block; float: left; width: 468px; padding: 11px;
	background: #f2f2f2;
 }
 #content #rightcolumn {
	display: inline; float: right; width: 204px;
 }
#footer {
	clear: both; display: block; line-height: 24px; color: #666666; text-align: center;
}
 #footer div.gtsbox{
	clear: both; height: 3px; margin: 4px 0 4px 0;
	background: url(images/gts-box.gif) repeat-x;
 }
 #footer div.squeeze{
  clear: both; width: 98%; margin: 0px auto;
 }
  #footer #footmenu a{
	text-decoration: none; color: #666666;
  }
   #footer #footmenu a:hover{
		text-decoration: underline;
   }
  #footer div.outerleft{
	display: inline; float: left;
  }
  #footer div.outerright{
	display: inline; float: right;
  }
   #footer div.outerright a{
		color: #69669e;
   }

-->