/* start of general styles */
body 
{
	background-color: #e5e5c5;
}

A:link
{
	color: #000000;
	text-decoration: underline;
}
A:visited
{
	text-decoration: underline;
	color: #000000;
}
A:hover
{
	text-decoration: underline;
	color: #000000;
}
A:active
{
	text-decoration: underline;
	color: #000000;
}

.outerContainer
{
	width: 100%;
	height: 100%;
	background-color: #e5e5c5;
	
}
.whiteContainer
{
	width: 800px;
	/*height: 600px;*/
	background-color: #FFFFFF;
}
.image
{
	background-repeat: no-repeat;
}
.navBackground
{
	background-color: #FFFFFF;
	width: 800px;
	height: 71px;
}
.headerSpacer
{
	width: 785px;
	height: 5px;
	background-color: #FFFFFF;
}
.scrollTable
{
	background-color: #a0c3c9;
	width: 625px;
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: none;
}
.titleCell
{
	height: 80px;
}
.leftWhiteSpacer
{
	width: 11px;
}
.rightWhiteSpacer
{
	width: 11px;
}
.centralWhiteSpacer
{
	width: 5px;
}
.contentLeftVerticalSpacer
{
	width: 25px;
}
.contentRightVerticalSpacer
{
	width: 15px;
}
.contentHorizontalSpacer
{
	height: 12px;
}
.footnote
{
	font-family:Trebuchet MS,Bradley Hand ITC;font-size:10px;font-weight:500;color:#000000;
}
.navTextActive
{
	font-family:Bradley Hand ITC;font-size:18px;font-weight:bold;color:#000000;
	width: 100px;
	height: 40px;
	vertical-align:middle;
}
.navTextInActive
{
	font-family:Bradley Hand ITC;font-size:18px;font-weight:bold;color:#FFFFFF;
}

/* end of general styles */



/************************/
/*	HOME PAGE STYLES	*/
/************************/


/* define height and width of scrollable area. Add 16px to width for scrollbar  */
div.tableContainer_Home {
	/*hidden overflow while there is no need to scroll*/
	/*overflow: hidden;*/
	/*overflow: auto;
	width: 540px;
	height: 430px;*/
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer_Home {
	/*overflow: hidden;
	width: 525px;
	height: 430px;*/

}

/* define width of table. IE browsers only                 */
div.tableContainer_Home table {
	/*float: left;
	width: 525px;
	height: 430px;*/
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer_Home table {
	/*smaller width / height while there is no need to scroll*/
	/*width: 625px;
	height: 530px;*/
	/*width: 540px;
	height: 440px;*/
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader_Home tr {
	/*position: inherit;*/
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader_Home tr {
	/*display: block;*/
}

/* make the TH elements pretty */
thead.fixedHeader_Home th {
	/*background-color: #a0c3c9;
	background-image: url(../images-Home/TheWarmestOfWelcomes.gif);
	background-repeat: no-repeat;
	height: 69px;*/
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent_Home {
	display: block;
	/*hidden overflow while there is no need to scroll. Also, add fixed width*/
	/*overflow: hidden;*/
	overflow: auto;
	width: 425px;
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
/*tbody.scrollContent td, tbody.scrollContent_Home tr td {*/
.scrollContent_Home{
	background: #a0c3c9;
	border-bottom: none;
	border-left: none;
	font-family:Trebuchet MS,Bradley Hand ITC;font-size:13px;font-weight:500;color:#000000;
	background-color: #a0c3c9;
}

/*the image on the right side of the page*/
.rightContent_Home
{
	background-image: url(../images-Home/HomePage_Right.gif);
	background-repeat: no-repeat;
	width: 293px;
}
/*fill in any gaps with the selected page colour*/
.tableBackColor_Home
{
	background-color: #a0c3c9;
}


/************************/
/*	THE NOOK STYLES		*/
/************************/

/* define height and width of scrollable area. Add 16px to width for scrollbar  */
div.tableContainer_TheNook {
	/*overflow: auto;
	width: 540px;
	height: 530px;*/

}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer_TheNook {
	/*overflow: hidden;
	width: 525px;
	height: 530px;*/

}

/* define width of table. IE browsers only                 */
div.tableContainer_TheNook table {
	/*float: left;
	width: 525px;
	height: 530px;*/
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer_TheNook table {
	/*width: 540px;
	height: 530px;*/
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader_TheNook tr {
	/*position: inherit;*/
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader_TheNook tr {
	/*display: block;*/
}

/* make the TH elements pretty */
thead.fixedHeader_TheNook th {
	/*background-color: #d5ccab;
	background-image: url(../images-TheNook/TheNook.gif);
	background-repeat: no-repeat;
	height: 80px;*/
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent_TheNook {
	display: block;
	overflow: auto;
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
/*tbody.scrollContent td, tbody.scrollContent_TheNook tr td {*/
.scrollContent_TheNook{
	background: #d5ccab;
	border-bottom: none;
	border-left: none;
	font-family:Trebuchet MS,Bradley Hand ITC;font-size:13px;font-weight:500;color:#000000;
	background-color: #d5ccab;
}

/*the image on the right side of the page*/
.rightContent_TheNook
{
	background-image: url(../images-TheNook/TheNook_Right.jpg);
	background-repeat: no-repeat;
	width: 293px;
}
/*fill in any gaps with the selected page colour*/
.tableBackColor_TheNook
{
	background-color: #d5ccab;
}



/********************************/
/*	THE DOLL'S HOUSE STYLES		*/
/********************************/

/* define height and width of scrollable area. Add 16px to width for scrollbar  */
div.tableContainer_TheDollsHouse {
	/*overflow: auto;
	width: 540px;
	height: 530px;*/

}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer_TheDollsHouse {
	/*overflow: hidden;
	width: 525px;
	height: 530px;*/

}

/* define width of table. IE browsers only                 */
div.tableContainer_TheDollsHouse table {
	/*float: left;
	width: 525px;
	height: 530px;*/
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer_TheDollsHouse table {
	/*width: 540px;
	height: 530px;*/
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader_TheDollsHouse tr {
	/*position: inherit;*/
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader_TheDollsHouse tr {
	/*display: block;*/
}

/* make the TH elements pretty */
thead.fixedHeader_TheDollsHouse th {
	/*background-color: #ffcccc;
	background-image: url(../images-TheNook/TheNook.gif);
	background-repeat: no-repeat;
	height: 80px;*/
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent_TheDollsHouse {
	display: block;
	overflow: auto;
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
/*tbody.scrollContent td, tbody.scrollContent_TheNook tr td {*/
.scrollContent_TheDollsHouse{
	background: #d5ccab;
	border-bottom: none;
	border-left: none;
	font-family:Trebuchet MS,Bradley Hand ITC;font-size:13px;font-weight:500;color:#000000;
	background-color: #d5ccab;
}

/*the image on the right side of the page*/
.rightContent_TheDollsHouse
{
	background-image: url(../images-DollsHouse/DollsHouse_Right.jpg);
	background-repeat: no-repeat;
	width: 293px;
}
/*fill in any gaps with the selected page colour*/
.tableBackColor_TheDollsHouse
{
	background-color: #d5ccab;
}


/************************/
/*	OTHER ACCOMMODATION STYLES		*/
/************************/

/* define height and width of scrollable area. Add 16px to width for scrollbar  */
div.tableContainer_OtherAccommodation {
	/*hidden overflow while there is no need to scroll*/
	/*overflow: hidden;*/
	/*overflow: auto;
	width: 643px;
	height: 530px;*/

}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer_OtherAccommodation {
	/*overflow: hidden;
	width: 625px;
	height: 530px;*/

}

/* define width of table. IE browsers only                 */
div.tableContainer_OtherAccommodation table {
	/*float: left;
	width: 625px;
	height: 530px;*/
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer_OtherAccommodation table {	
	/*smaller width / height while there is no need to scroll*/
	/*width: 625px;
	height: 530px;*/
	/*width: 643px;
	height: 530px;*/
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader_OtherAccommodation tr {
	/*position: inherit;*/
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader_OtherAccommodation tr {
	/*display: block;*/
}

/* make the TH elements pretty */
thead.fixedHeader_OtherAccommodation th {
	/*background-color: #cac37f;
	background-image: url(../images-OtherAccommodation/OtherAccomm.gif);
	background-repeat: no-repeat;
	height: 49px;*/
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent_OtherAccommodation {
	display: block;
	/*hidden overflow while there is no need to scroll. Also, add fixed width*/
	/*overflow: hidden;*/
	overflow: auto;
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
/*tbody.scrollContent td, tbody.scrollContent_OtherAccommodation tr td {*/
.scrollContent_OtherAccommodation{
	background: #cac37f;
	border-bottom: none;
	border-left: none;
	font-family:Trebuchet MS,Bradley Hand ITC;font-size:13px;font-weight:500;color:#000000;
	background-color: #cac37f;
}

/*the image on the right side of the page*/
.rightContent_OtherAccommodation
{
	background-image: url(../images-OtherAccommodation/OtherAccomm_Right.jpg);
	background-repeat: no-repeat;
	width: 293px;
}
/*fill in any gaps with the selected page colour*/
.tableBackColor_OtherAccommodation
{
	background-color: #cac37f;
}
/*other accommodation titles*/
.otherAccomTitle
{
	font-family:Trebuchet MS,Bradley Hand ITC;font-size:18px;font-weight:500;color:#000000;
}


/************************/
/*	WHITBY STYLES		*/
/************************/

/* define height and width of scrollable area. Add 16px to width for scrollbar  */
div.tableContainer_Whitby {
	/*overflow: auto;
	width: 643px;
	height: 530px;*/

}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer_Whitby {
	/*overflow: hidden;
	width: 625px;
	height: 530px;*/
}

/* define width of table. IE browsers only                 */
div.tableContainer_Whitby table {
	/*float: left;
	width: 625px;
	height: 530px;*/
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer_Whitby table {
	/*width: 643px;
	height: 530px;*/
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader_Whitby tr {
	/*position: inherit;*/
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader_Whitby tr {
	/*display: block;*/
}

/* make the TH elements pretty */
thead.fixedHeader_Whitby th {
	/*background-color: #acc7be;
	background-image: url(../images-Whitby/BritainsBestSeasideResort.gif);
	background-repeat: no-repeat;
	height: 80px;*/
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent_Whitby {
	display: block;
	overflow: auto;
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
/*tbody.scrollContent td, tbody.scrollContent_Whitby tr td {*/
.scrollContent_Whitby{
	background: #acc7be;
	border-bottom: none;
	border-left: none;
	font-family:Trebuchet MS,Bradley Hand ITC;font-size:13px;font-weight:500;color:#000000;
	background-color: #acc7be;
}

/*the image on the right side of the page*/
.rightContent_Whitby
{
	background-image: url(../images-Whitby/Whitby_Right.jpg);
	background-repeat: no-repeat;
	width: 293px;
}
/*fill in any gaps with the selected page colour*/
.tableBackColor_Whitby
{
	background-color: #acc7be;
}



/************************/
/*	EVENTS STYLES		*/
/************************/

/* define height and width of scrollable area. Add 16px to width for scrollbar  */
div.tableContainer_Events {
	/*overflow: auto;
	width: 643px;
	height: 530px;*/

}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer_Events {
	/*overflow: hidden;
	width: 625px;
	height: 530px;*/
}

/* define width of table. IE browsers only                 */
div.tableContainer_Events table {
	/*float: left;
	width: 625px;
	height: 530px;*/
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer_Events table {
	/*width: 643px;
	height: 530px;*/
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader_Events tr {
	/*position: inherit;*/
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader_Events tr {
	/*display: block;*/
}

/* make the TH elements pretty */
thead.fixedHeader_Events th {
	/*background-color: #a5b8c9;
	background-image: url(../images-Events/Events.gif);
	background-repeat: no-repeat;
	height: 80px;*/
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent_Events {
	display: block;
	overflow: auto;
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
/*tbody.scrollContent td, tbody.scrollContent_Events tr td {*/
.scrollContent_Events{
	background: #a5b8c9;
	border-bottom: none;
	border-left: none;
	font-family:Trebuchet MS,Bradley Hand ITC;font-size:13px;font-weight:500;color:#000000;
	background-color: #a5b8c9;
}

/*the image on the right side of the page*/
.rightContent_Events
{
	background-image: url(../images-Events/Events_Right.jpg);
	background-repeat: no-repeat;
	width: 293px;
}
/*fill in any gaps with the selected page colour*/
.tableBackColor_Events
{
	background-color: #a5b8c9;
}



/************************/
/*	BOOKINGS / CONACT US STYLES		*/
/************************/

/* define height and width of scrollable area. Add 16px to width for scrollbar  */
div.tableContainer_BookingsContacts {
	/*overflow: auto;
	width: 643px;
	height: 530px;*/

}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer_BookingsContacts {
	/*overflow: hidden;
	width: 625px;
	height: 530px;*/
}

/* define width of table. IE browsers only                 */
div.tableContainer_BookingsContacts table {
	/*float: left;
	width: 625px;
	height: 530px;*/
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer_BookingsContacts table {
	/*width: 643px;
	height: 530px;*/
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader_BookingsContacts tr {
	/*position: inherit;*/
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader_BookingsContacts tr {
	/*display: block;*/
}

/* make the TH elements pretty */
thead.fixedHeader_BookingsContacts th {
	/*background-color: #adb391;
	background-image: url(../images-BookingsContacts/BookingContactUs.gif);
	background-repeat: no-repeat;
	height: 80px;*/
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent_BookingsContacts {
	display: block;
	overflow: auto;
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
/*tbody.scrollContent td, tbody.scrollContent_BookingsContacts tr td {*/
.scrollContent_BookingsContacts{
	background: #adb391;
	border-bottom: none;
	border-left: none;
	font-family:Trebuchet MS,Bradley Hand ITC;font-size:13px;font-weight:500;color:#000000;
	background-color: #adb391;
}

/*the image on the right side of the page*/
.rightContent_BookingsContacts
{
	background-image: url(../images-BookingsContacts/Bookings_Right.jpg);
	background-repeat: no-repeat;
	width: 293px;
}
/*fill in any gaps with the selected page colour*/
.tableBackColor_BookingsContacts
{
	background-color: #adb391;
}
/*set styles for the bookings table*/
.bookingsTable
{
	border-bottom: 1px #000000 solid;
	border-top: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
	width: 300px;
	height: 100%;
}
.bookingsDates
{
	border-bottom: 1px #000000 solid;
	border-top: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
	width: 250px;
	height: 100%;
}
.bookingsPrices
{
	border-bottom: 1px #000000 solid;
	border-top: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
	width: 50px;
	height: 100%;
}
.map
{
	background-color: #d5ccab;
	width: 1002px;
}