body 
{
	background-color: #FAFAE7;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* main layout */

#idOuterContainer 
{
	background: url(../images/containerbg.gif) repeat-x bottom left #ffffff;
	height: auto;
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	border: 1px solid #6E1A3E;
}

#idTopNav 
{
	background: url(../images/navbg.gif) no-repeat top left #ffffff;
	height: 279px;
	width: 195px;
	text-align: left;
	float: left;
}

/* top navigation */

#idTopNav ul
{
	list-style-type: none;
	padding: 0px;
	margin-top: 20px;
	margin-left: 27px;
	color: #ffffff;
}

#idTopNav ul li
{
	display: inline;
}

#idTopNav ul li a:link, #idTopNav ul li a:active, #idTopNav ul li a:visited
{
	text-decoration: none;
	color: #ffffff;
	font-size: 11px;
	font-weight: 700;
	border-bottom: 1px solid #C684A0;
	display: block;
	width: 149px;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 3px;
}

#idTopNav ul li a:hover
{
	text-decoration: none;
	background-color: #CA88A5;
	color: #3C0613;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); /* IE */
	-moz-opacity: 0.75; /* Mozilla */	
	border-bottom: 1px solid #E1C1CF;
}

/* headers */

#idHeader 
{
	height: 279px;
	width: 572px;
	background-color: #FFFFFF;
	float: right;
	padding-right: 3px;
}

.clsApartments
{
	background: url(../images/css/header-apartments.jpg) no-repeat top left #ffffff;
}

.clsHome
{
	background: url(../images/css/header-main.jpg) no-repeat top left #ffffff;
}

.clsGerddi
{
	background: url(../images/css/header-gerddi.jpg) no-repeat top left #ffffff;
}

.clsMuriau
{
	background: url(../images/css/header-muriau.jpg) no-repeat top left #ffffff;
}

.clsSimddaFawr
{
	background: url(../images/css/header-simddafawr.jpg) no-repeat top left #ffffff;
}

.clsTanyTwr
{
	background: url(../images/css/header-tanytwr.jpg) no-repeat top left #ffffff;
}

.clsFlagTower
{
	background: url(../images/css/header-flagtower.jpg) no-repeat top left #ffffff;
}

.clsWestWing
{
	background: url(../images/css/header-westwing.jpg) no-repeat top left #ffffff;
}

.clsNorthTower
{
	background: url(../images/css/header-northtower.jpg) no-repeat top left #ffffff;
}

.clsHistory
{
	background: url(../images/css/header-history.jpg) no-repeat top left #ffffff;
}

.clsGrounds
{
	background: url(../images/css/header-grounds.jpg) no-repeat top left #ffffff;
}

.clsBooking
{
	background: url(../images/css/header-booking.jpg) no-repeat top left #ffffff;
}

.clsContact
{
	background: url(../images/css/header-contact.jpg) no-repeat top left #ffffff;
}

.clsFacilities
{
	background: url(../images/css/header-facilities.jpg) no-repeat top left #ffffff;
}

.clsEating
{
	background: url(../images/css/header-eating.jpg) no-repeat top left #ffffff;
}

.clsArea
{
	background: url(../images/css/header-area.jpg) no-repeat top left #ffffff;
}

.clsFinding
{
	background: url(../images/css/header-finding.jpg) no-repeat top left #ffffff;
}

.clsHoneymoon
{
	background: url(../images/css/header-honeymoon.jpg) no-repeat top left #ffffff;
}

/* content columns */

#idContent 
{
	background-color: transparent;
	padding-top: 10px;
	height: auto;
	width: 100%;
	vertical-align: top;
}

#idContent #idCol1
{
	width: 431px;
	float: left;
	display: inline;
	padding-left: 10px;
	padding-right: 5px;
}

#idContent #idCol2
{
	width: 321px;
	float: right;
	display: inline;
	padding-right: 3px;
}

#idContent #idCol2 #idInnerContent
{
	width: auto;
	padding: 10px;
}

/* footer */

#idFooter
{
	width: 770px;
	display: block;
	clear: both;
	font-size: 10px;
	border-top: 1px solid #6E1A3E;
	margin-top: 25px;
	padding-top: 10px;
	background-color: transparent;
	padding-bottom: 10px;
	overflow: visible;
	text-align: center;
}

#idFooter ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	left: 0px;
}

#idFooter ul li
{
	display: inline;
}

#idFooter ul li a:link, #idFooter ul li a:active, #idFooter ul li a:visited,
#idFooter a:link, #idFooter a:active, #idFooter a:visited
{
	text-decoration: none;
	color: #767072;
	font-weight: 500;
}

#idFooter ul li a:hover,
#idFooter a:hover
{
	text-decoration: underline;
}

#idFooter .clsCopy
{
	display: block;
	margin-top: 2px;
}

/* text styles */

h1 
{
	font-size: 22px;
	color: #771840;
	font-weight: 700;
}
	
h2 
{
	font-size: 18px;
	color: #B72161;
	font-weight: 700;
}

h3 
{
	font-size: 14px;
	color: #48525E;
	font-weight: 700;
}
	
h4,h5,h6 
{
	font-size: 12px;
	color: #B72161;
	font-weight: 700;
}

#idCol1 .clsHighLight h2,
#idCol1 .clsHighLight1 h2,
#idCol2 #idInnerContent .clsHighLight h2,
#idCol2 #idInnerContent .clsHighLight1 h2
{
	margin-top: 0px;
	font-size: 14px;
	color: #771840;
	font-weight: 700;
}

#idCol1 .clsHighLight h3,
#idCol1 .clsHighLight1 h3,
#idCol2 #idInnerContent .clsHighLight h3,
#idCol2 #idInnerContent .clsHighLight1 h3
{
	margin-bottom: 10px;
	font-size: 14px;
	color: #B72161;
	font-weight: 700;
}

a:link, a:active, a:visited
{
	font-weight: 700;
	color: #771840;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

.clsPara1
{
	font-size: 13px;
	font-weight: 600;
	width: 100%;
	color: #771840;
	padding-bottom: 5px;
}

.clsQuote
{
	padding-left: 12px;
	display: block;
	position: relative;
	font-family: Times New Roman, Times New Roman, Serif;
	font-size: 18px;
	color: #B72161;
	font-weight: 700;
	font-style: italic;
	text-align: center;
	width: 90%;
}

.clsSmall
{
	font-size: 85%;
}

#idCol1 .clsHighLight ol,
#idCol1 .clsHighLight1 ol,
#idCol2 #idInnerContent .clsHighLight ol,
#idCol2 #idInnerContent .clsHighLight1 ol,
#idCol1 .clsHighLight ul,
#idCol1 .clsHighLight1 ul,
#idCol2 #idInnerContent .clsHighLight ul,
#idCol2 #idInnerContent .clsHighLight1 ul
{
	padding: 0px;
	margin-left: 25px;
}

#idCol1 .clsHighLight ol li,
#idCol1 .clsHighLight1 ol li,
#idCol2 #idInnerContent .clsHighLight ol li,
#idCol2 #idInnerContent .clsHighLight1 ol li,
#idCol1 .clsHighLight ul li,
#idCol1 .clsHighLight1 ul li,
#idCol2 #idInnerContent .clsHighLight ul li,
#idCol2 #idInnerContent .clsHighLight1 ul li
{
	padding: 0px;
}

#idCol1 ul li,
#idCol1 .clsHighLight ul li,
#idCol1 .clsHighLight1 ul li,
#idCol2 #idInnerContent .clsHighLight ul li,
#idCol2 #idInnerContent .clsHighLight1 ul li
{
	list-style-type: circle;
}

/* highlight styles */

#idCol1 .clsHighLight
{
	display: block;
	overflow: hidden;
	margin: 0px;
	z-index: 999;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	width: auto;
	border: 1px solid #6E1A3E;
}

#idCol1 .clsHighLight1
{
	display: block;
	overflow: hidden;
	margin: 0px;
	z-index: 999;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	width: auto;
	border: 1px solid #6E1A3E;
	background: url(../images/highlightbg.gif) repeat-x bottom left #ffffff;
}

#idCol2 #idInnerContent .clsHighLight
{
	display: block;
	overflow: hidden;
	margin: 0px;
	z-index: 999;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	width: auto;
	border: 1px solid #6E1A3E;
}

#idCol2 #idInnerContent .clsHighLight1
{
	display: block;
	overflow: hidden;
	margin: 0px;
	z-index: 999;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	width: auto;
	border: 1px solid #6E1A3E;
	background: url(../images/highlightbg.gif) repeat-x bottom left #ffffff;
}

/* image styles */

#idCol1 .clsImage
{
	border: 1px solid #6E1A3E;
	padding: 3px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

#idCol1 .clsCaption
{
	width: 400px;
	display: block;
	border: 1px solid #6E1A3E;
	padding: 3px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: .85em;
	text-align: center;
}

#idCol1 .clsImageL
{
	border: 1px solid #6E1A3E;
	padding: 3px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 3px;
	margin-bottom: 5px;
}

#idCol1 .clsImageR
{
	border: 1px solid #6E1A3E;
	padding: 3px;
	float: right;
	margin-left: 5px;
	margin-right: 18px;
	margin-top: 3px;
	margin-bottom: 5px;
}

#idCol1 .clsImageRAlt
{
	border: 1px solid #6E1A3E;
	padding: 3px;
	float: right;
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 3px;
	margin-bottom: 5px;
}

/* table styles */

table.clsTableStandard
{
	clear: both;
	border: 1px solid #B68C9E;
}

table.clsTableStandard tr 
{
	width: 100%;
}

table.clsTableStandard tr td.clsTDStandard
{
	padding: 3px;
	background-color: #F7EEF2;
}

table.clsTableStandard tr td.clsTDHeader
{
	padding: 3px;
	background-color: #771840;
	font-weight: 700;
	color: #ffffff;
}

table.clsContct
{
	width: 431px;
	border: 1px solid #B68C9E;
}

table.clsContct tr 
{
	width: 431px;
}

table.clsContct tr td.clsTDCntct
{
	width: 431px;
	border-top: 2px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background-color: #F7EEF2;
	padding: 5px;
	padding-left: 6px;
}

table.clsContct tr td.clsTDCntct span
{
	margin-bottom: 3px;
	display: block;
	font-weight: bold;
}

/* form styles */

.clsSelect
{
	background-color: #ffffff;
	border: 1px solid #6E1A3E;
	color: #000000;
	font-weight: 500;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.clsSubmit
{
	background-color: #6E1A3E;
	border: 1px solid #6E1A3E;
	color: #ffffff;
	font-weight: 700;
	font-size: 0.95em; 
	margin: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.clsInput
{
	background-color: #ffffff;
	border: 1px solid #6E1A3E;
	color: #000000;
	font-weight: 500;
	width: 275px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.clsTextArea
{
	background-color: #ffffff;
	border: 1px solid #6E1A3E;
	color: #000000;
	font-weight: 500;
	width: 275px;
	height: 75px;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}