*{border:0px; padding:0px; margin:0px;}

BODY
{
	background-image:url(/images/layout/bg.gif);
	background-position:center;
	color:#666666;
	font-family:georgia;
}

#pageContainer
{
	position:absolute;
	top:0px;
	left:50%;
	width:770px;
	margin-left:-385px;
	margin-top:20px;
}

#headerImage
{
	float:left;
	width:547px;
	height:184px;
	margin-left:19px; /*overall width is 566px including left margin*/
	display:inline;/*This is for IE6's benefit. Annoyingly, it double all the margins*/
}


#topRightImage
{
	float:left;
	width:186px;
	height:184px;
	margin-right:18px; /*overall width is 204px including right margin. Added to headerImage, total page width is 770px*/
	display:inline;/*This is for IE6's benefit. Annoyingly, it double all the margins*/
}

#main
{
	float:left;
	width:770px;
	background-image:url(/images/layout/main-bottom.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	font-size:11px;
	padding-bottom:30px;
}

#menu
{
	float:right;
	width:185px;
	margin-right:20px;
	display:inline;/*This is for IE6's benefit. Annoyingly, it double all the margins*/
}
#menu table a {color:white; font-size:17px; text-decoration:none; width:185px; font-weight:normal;}
#menu table a:hover {color:white; font-weight:normal;}
#menu table {border-collapse:collapse;}
#menu table td {width:185px; height:30px; border:2px solid white; padding-left:5px; cursor:pointer;}

#menu table td.home {background-color:#D5D7CC;}
	#menu table td.homeOver {background-color:#C4C6B7;}
#menu table td.welcome {background-color:#DED89E;}
	#menu table td.welcomeOver {background-color:#D0C775;}
#menu table td.rooms {background-color:#E3B896;}
	#menu table td.roomsOver {background-color:#D69865;}
#menu table td.bar {background-color:#FCC6BC;}
	#menu table td.barOver {background-color:#FB9F7F;}
#menu table td.ent {background-color:#FFDA72;}
	#menu table td.entOver {background-color:#F9CA6A;}
#menu table td.walks {background-color:#EC8282;}
	#menu table td.walksOver {background-color:#E86060;}
#menu table td.dir {background-color:#959CB8;}
	#menu table td.dirOver {background-color:#757DA2;}
#menu table td.tariff {background-color:#6BAD7F;}
	#menu table td.tariffOver {background-color:#539567;}
#menu table td.contact {background-color:#C17CA8;}
	#menu table td.contactOver {background-color:#A9508A;}
#menu table td.links {background-color:#FF7475;}
	#menu table td.linksOver {background-color:#F05757;}

#leftContent {margin-left:30px; width:510px;}

H1 {font-size:15px; color:#3E82A9; margin-bottom:15px;}

H2 {font-size:12px; color:#3E82A9; margin-bottom:15px;}

P {margin-bottom:15px;}

.strong {font-weight:bold;}

.contactTable {width: 350px; margin-left: 100px; text-align: left;}
.contactTable td {padding-bottom:10px;}

input {border:1px solid #666666;}
textarea {border:1px solid #666666;}

table.content {margin-bottom:15px; margin-left:30px; width:510px;}
table.content td {vertical-align:top;}

#main a {color:#336699; text-decoration:none; font-weight:bold;}
#main a:hover {color:#3E82A9; font-weight:bold;}

.center {text-align:center;}

.p-img-right {float:right; margin-right:20px;}
.l-img-right {float:right; margin-right:20px;}

.p-img-left {float:left; margin-left:20px;}
.l-img-left {float:left; margin-left:20px;}

img.right {float:right; margin-right:5px; margin-left:5px; margin-bottom:5px;}
img.left {float:left; margin-left:5px; margin-right:10px; margin-bottom:5px;}

#footer
{
	float:right;
	width:504px;
	margin-right:23px;
	height:31px;
	padding-top:5px;
	background-image:url(/images/layout/footer-bg.gif);
	background-repeat:no-repeat;
	font-size:9px;
	display:inline;/*This is for IE6's benefit. Annoyingly, it double all the margins*/
}

#footer #cnx
{
	float:left;
	margin-left:10px;
	width:300px;
	display:inline;/*This is for IE6's benefit. Annoyingly, it double all the margins*/
}

#footer #footerLinks
{
	float:right;
	margin-right:13px;
	width:170px;
	display:inline;/*This is for IE6's benefit. Annoyingly, it double all the margins*/
}

#footer a {color:#666666; text-decoration:none;}