.showslide {	display: block; position: absolute;filter: alpha(opacity=100);	}
.hideslide {	display: none;  position: absolute;filter: alpha(opacity=0);	}
.animate {	left: 800px;	}

html { overflow: scroll; height: 100%; overflow-x:auto; }
body {	height: 100%;
	padding: 0;
	margin: 0;	
	background: #9AB48E url("/assets/hc01/img/system/bgi.gif") repeat-x;
}
body#home {
	background: #9AB48E url("/assets/hc01/img/system/bg.gif") repeat-x;
}
body, p, td, textarea { font-family: Verdana, Helvetica, sans-serif; color: #666; }
body, p, td  { font-size: small; line-height: 1.5em; }
p {	padding: 0 0 0.8em 0;
	margin: 0;
}
img {	border: 0; vertical-align: top;	}
td { vertical-align: top; }
h1 {	height: 1.5em;
	font-size: large;
	padding: 24px 0 24px 45px;
	margin: 0;	
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 0.2em;
}

h2 {	height: 1.5em;
	text-transform: uppercase;
	font-size: 9pt;
	padding: 7px 0;
	margin: 0;
	text-align: center;
	font-weight: normal;
	letter-spacing: 2px;
}
a h2 {	color: #666;
}
a:link h2, a:visited h2 {
	color: #666;
	text-decoration: none;
}
a:hover h2, a:focus h2 {
	color: #8164AB;
	text-decoration: none;
}

a:link, a:visited {
	color: #666;
	text-decoration: underline;
}
a:hover, a:focus {
	color: #8164AB;
	text-decoration: underline;
}

ul {	margin: 0;
	padding: 0 0 0.8em 0;
	list-style-type: none; 
}
li {	margin: 0;
	padding: 0 0 0 1em;
	background: transparent url("/assets/hc01/img/system/bullet.gif") no-repeat left 0.55em;
	list-style: none;
}

/* sIFR */
@media screen {
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		padding: 0;
	}

	.sIFR-replaced, .sIFR-ignore {
		visibility: visible !important;
	}

	.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}

	.sIFR-replaced div.sIFR-fixfocus {
		margin: 0pt; 
		padding: 0pt; 
		overflow: auto; 
		letter-spacing: 0px; 
		float: none;
	}

	h1.sIFR-replaced  {
		font-size: large;
		height: 1.5em;
	}

	.sIFR-active h1 {
		visibility: hidden;
	}
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

#allo {	position: relative;
	width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	padding: 0 0 25px 0;
}
#home #main {
	background-color: #F5EED2;
}

#alli {	float: left;
	width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-color: #fff;
}

.row {	float: left;
	width: 1000px;
}

#header {
	background-color: #F5EED2;
	height: 100px;
}
#home #header {
	background: #F5EED2 url("/assets/hc01/img/system/crest.jpg") no-repeat right;
	height: 159px;
}

#home .content {
	float: left;
	width: 750px;
	padding: 0 25px;
	background-color: #F5EED2;
}

#logo {	display: block;
	float: left;
	width: 200px;
}
#home #logo {
	width: 370px;
}

.slideshow ul {
	float: left;
	background-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.slideshow li {
	float: left;
	clear: left;
	overflow: hidden;
	background-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#strapline {
	float: right;
	padding: 80px 0 0 30px;
}
#strapline, #strapline ul, #strapline li {
	width: 570px;
}

#nav1 {	float: left;
	width: 800px;
	padding: 61px 0 0 0;
}
#home #nav1 {
	padding: 0 0 0 200px;
}
#nav1 ul {
	float: left;
	margin: 0;
	padding: 0; 
	list-style-type: none; 
}

/* === level 1 items */
#nav1 li {
	float: left;
	list-style: none;
	z-index: 4;
	background-image: none;
}
#nav1 ul li {
	position: relative;
	padding: 0;
	margin: 0;
	background: transparent none;
}
#nav1 ul li a {
	display:block; 
	float: left;
	width: 160px;
	height: 39px;
	overflow: hidden;
}
#nav1 ul li a:hover img, #nav1 ul li a:focus img, #nav1 ul li a.sel img {
	margin-top: -39px;
}

/* === whole level 2 */
#nav1 ul li ul {
	position: absolute;
	display: none;
	padding: 0 0 39px 0;
	top: 39px;
	left: 0;
}

/* === level 2 items */
#nav1 ul li:hover ul, #nav1 ul li:focus ul { display:block; }
#nav1 ul li ul li {
	clear: left;
	margin: 0;
	padding: 0 ;
}
#nav1 ul  ul li a {
	display:block;
	float: left;
}
#nav2 {	position: relative;
	float: left;
	width: 200px;
	background-color: #fff;
}
#nav2 ul {
	float: left;
	margin: 0;
	padding: 0; 
	list-style-type: none; 
}
#nav2 li {
	float: left;
	clear: left;
	width: 200px;
	list-style: none;
	margin: 0;
	padding: 0 0 2px 0; 
	background-image: none;
}
#nav2 a {
	float: left;
	width: 200px;
	text-decoration: none;
	height: 39px;
	overflow: hidden;
}
#nav2 a:hover img, #nav2 a:focus img, #nav2 a.sel img {
	text-decoration: none;
	margin-top: -39px;
}

#nav2 #logo a {
	background-image: none;
	padding-left: 0;
}


/* --- slideshow --- */

#slicer {
	position: relative;
	float: left;
	width: 800px;
	height: 320px;
	display: inline;
}

#slicer, #slicer ul, #slicer li {
	width: 800px;
}

#slicer .animate {
	position: absolute;
	top: 0;
	right: 0;
	height: 320px;
	width: 344px;
}


/* --- Homerton --- */

#main {
	position: relative;
	background-color: #fff;
}
#left {
	float: left;
	position: relative;
	z-index: 2;
	width: 200px;
	background: transparent url("/assets/hc01/img/system/leftbg.gif") repeat-y center;
}
#right {
	float: left;
	width: 800px;
	z-index: 1;
}

.fadeo {
	background: transparent url("/assets/hc01/img/system/fade.gif") repeat-x;
}
.fadei {
	background: transparent url("/assets/hc01/img/system/fadestart.gif") no-repeat;
	height: 23px;
}

#footer {
	float: left;
	width: 800px;
	background-color: #F5EED2;
}

#fade2 {
	position: absolute;
	z-index: 1;
	width: 200px;
	height: 155px;
	left: 0;
	top: 320px;
	background: transparent url("/assets/hc01/img/system/fade2.gif") repeat-x;	
}
#galleryslides {
	float: left;
	padding: 40px 0 0 25px;
}
#galleryslides, #galleryslides ul, #galleryslides li {
	width: 175px;
}

#rooms #right {
	background: transparent url("/assets/hc01/img/system/gray-panel.gif") repeat-y;
}

#rooms #content {
	float: left;
	width: 236px;
	padding: 52px 42px 0 42px;
}

#rooms #col3 {
	float: right;
	width: 449px;
	padding: 0 0 0 0;
}


#right .row {
	float: right;
	width: 449px;
	padding: 17px 0 0 0;
}

.room {
	float: left;
	width: 193px;
	padding-right: 31px;
}

#roomcontent {
	float: left;
	width: 800px;
	background: transparent url("/assets/hc01/img/system/roomspecbg.gif") repeat-y top right;
	padding-bottom: 24px;
}

#room .content {
	float: left;
	width: 434px;
	width: 471px;
	padding: 0 0 0 45px;
}

#room .col3 {
	float: right;
	width: 234px;
	padding: 0 29px 0 0;
}

#credits {
	padding: 25px;
	font-size: x-small;
	width: 950px;
}
#credits, #credits a {
	color: #ccc;
	background-color: #F5EED2;
}
#credits a:link, #credits a:visited {
	text-decoration: none;
}
#credits a:hover, #credits a:focus {
	color: #aaa;
}


.frmCellpReqd { font-weight: bold; }
.frmCtrlReqd { background-color: #eee; }
.frmCtrlInvalid { background-color: pink; }
.frmRow input, .frmRow textarea {
	border: 1px solid #bbb;
}

.cssError {
	color: red;
	font-weight: bold;
 	margin: 8px 0;
 }

.frmRow input[type="image"] { border: 0; }
.frmRow input { border: expression(this.type=="image" ? "0":"1px solid #bbb"); }


.submit {
	height: 33px;
	overflow: hidden;
}

.submit input:hover, .submit input:focus {
	margin-top: -33px;
}

#deep {
	padding: 25px;
	font-size: x-small;
	width: 950px;
}
#deep li {
	float: left;
	width: 163px;
	font-size: 11pt;
	background: none;
	margin: 0 12px 0 0;
}
#deep li a:link, #deep li a:visited  {	color: #666; text-decoration: none;	}
#deep li a:hover, #deep li a:focus  {	color: #8164AB; text-decoration: underline;	}
#deep li li {
	float: left;
	clear: left;
	font-size: 8pt;
	padding: 0 0 0 20px;
	background: transparent url("/assets/hc01/img/system/bullet.gif") no-repeat left 0.55em;
}
#deep p {	text-align: center;	}

#breadcrumbs ul {
	padding: 0 0 24px 45px;
	list-style-type: none;
}
#breadcrumbs li {
	float: left;
	background: none;
	padding: 0 0 0 1ex;
	list-style-type: none;
}
#breadcrumbs li.first {		padding: 0 0 0 0;	}
#breadcrumbs li.first:before {	content: "";	}
#breadcrumbs li:before {	content: "\00BB \0020";	}
#breadcrumbs li a:link, #breadcrumbs li a:visited  {	color: #aaa; text-decoration: none;	}
#breadcrumbs li a:hover, #breadcrumbs li a:focus {	color: #aaa; text-decoration: underline;	}