/* CSS document for FHCC V3.0 pages. */

/* ---------------------------------------------------------------- */
/* Project Name: fhcc newsite 08                                    */
/*   Page Title: general styles, this sheet is for                  */
/*               all styles that are used throughout the site.      */
/*   Web Author: Russ Thompson                                      */
/* ---------------------------------------------------------------- */
/* File:  ..\css\fhccGeneralV3.css                                  */
/* Image Path: ../images/                                           */
/* E-Mail: russATfreelanceitsolutionsDOTcom                         */
/* ---------------------------------------------------------------- */
/* Version Control                                                  */
/* 		Version 3.0                                                 */
/* 		Version Begin Date 09/02/2008                               */
/* ---------------------------------------------------------------- */
/* Copyright © 2008 - Russell Thompson and Freelance I.T. Solutions */
/*		All Rights Reserved                                         */
/* ---------------------------------------------------------------- */

body {
	background-color: #FFFFFF;
	margin: 0px auto 0px auto;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
}

/* GENERAL STYLES */

/* --SPANS, FONTS, ANCHORS-- */
a.menuLink {
	color: #20476B;
	text-decoration: none;
}

a.menuLinkBold {
	color: #20476B;
	font-weight: bold;
	text-decoration: none;
}

a.menuLinkMiddle {
	color: #FFFFFF;
	text-decoration: none;
}

a.searchMenu {
	color: #7D7D7D;
	text-decoration: none;
}

a.inlineLink {
	color: #7D7D7D;
	text-decoration: underline;
}

a.noDecorateLink {
	color: #20476B;
	text-decoration: none;
}

a.copyrightLink {
	color: #444444;
	text-decoration: none;
}

span.pageTitle {
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	font-variant: small-caps;
	color: #20476B;
}

span.sectionTitle {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #7D7D7D;
}

font.subDirections {
	/* this is for giving users directions... not super inportant directions, but crap you want them to know */
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #3D3D3D;
}

font.form_field_name {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
	color: #0000CC;
}

/* --END SPANS, FONTS, ANCHORS-- */

div.genericHide {
	/* this div is a hidden dive that is only shown when another form element is used */
	background-color: transparent;
	
	display: none;
	
	visibility: hidden;
}

div.pagesDescription {
	background-color: transparent;
	
	position: absolute;
	top: 2px;
	left: 0px;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	height: 618px;
	min-height: 618px;
	max-height: 618px;
	
	padding-left: 5px;
	
	border-top: 2px solid #D3D3D3;
}

div.sideHighlight {
	background-color: transparent;
	
	position: absolute;
	top: 5px;
	left: 609px;
	
	width: 290px;
	min-width: 290px;
	max-width: 290px;
	
	height: 608px;
	min-height: 608px;
	max-height: 608px;
}

div.pageCopy {
	background-color: transparent;
	
	position: absolute;
	top: 5px;
	left: 10px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #7D7D7D;
	
	width: 550px;
	min-width: 550px;
	max-width: 550px;
	
	height: 608px;
	min-height: 608px;
	max-height: 608px;
	
	overflow: auto;
}

div.pageCopySpecial {
	background-color: transparent;
	
	position: absolute;
	top: 5px;
	left: 10px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #7D7D7D;
	
	width: 570px;
	min-width: 570px;
	max-width: 570px;
	
	height: 608px;
	min-height: 608px;
	max-height: 608px;
	
	overflow: auto;
}

div.main {
	/* this div will be included in all pages - it's where the main data will be */
	background-color: #FFFFFF;
	background-image: url(../images/watermark_bg.jpg);
	background-repeat: repeat-y;
	
	position: absolute;
	top: 596px;
 	left: 0px;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	height: 620px;
	min-height: 620px;
	max-height: 620px;
	
	overflow: hidden;
}

div.main_100 {
	/* this div is a special version of 'main.' it is for use with pages that have no sidebar. example: opinionSurvey.php */
	background-color: #FFFFFF;
	background-image: url(../images/watermark_bg.jpg);
	background-repeat: repeat-y;
	
	position: absolute;
	top: 242px;
 	left: 0px;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	height: 970px;
	min-height: 970px;
	max-height: 970px;
	
	overflow: auto;
}

div.searchmenu {
	background-color: transparent;
	
	position: absolute;
	top: 1216px;
	left: 0px;
	
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #7D7D7D;
	text-align: center;
	
	width: 896px;
	min-width: 896px;
	max-width: 896px;
	
	height: 50px;
	min-height: 50px;
	max-height: 50px;
	
	border-top: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	
	overflow: hidden;
}

div.legal {
	background-color: transparent;
	
	position: absolute;
	top: 1266px;
	left: 0px;
	
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #444444;
	text-align: center;
	
	width: 896px;
	min-width: 896px;
	max-width: 896px;
	
	height: 50px;
	min-height: 50px;
	max-height: 50px;
	
	overflow: hidden;
}

div.galleryDisplayDiv {
	background-color: transparent;
	
	position: absolute;
	top: 1px;
	left: 1px;
	
	text-align: center;
	
	width: 553px;
	min-width: 553px;
	max-width: 553px;
	
	height: 452px;
	min-height: 452px;
	max-height: 452px;
	
	overflow: hidden;
}

div.galleryControlDiv {
	background-color: #6FAFCE;
	
	position: absolute;
	top: 454px;
	left: 1px;
	
	width: 553px;
	min-width: 553px;
	max-width: 553px;
	
	height: 45px;
	min-height: 45px;
	max-height: 45px;
	
	overflow: hidden;
}

div.galleryForwardControlDiv {
	background-color: #FFFFFF;
	background-image: url(../images/nextSymbol.jpg);
	background-repeat: no-repeat;
	
	filter: alpha(opacity = 80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 80);
	-moz-opacity: .80;
	opacity: .80;
	
	position: absolute;
	top: 75px;
	left: 525px;
	
	width: 30px;
	min-width: 30px;
	max-width: 30px;
	
	height: 50px;
	min-height: 50px;
	max-height: 50px;
	
	cursor: hand;
	cursor: pointer;
	
	z-index: 505;
}

div.galleryBackControlDiv {
	background-color: #FFFFFF;
	background-image: url(../images/previousSymbol.jpg);
	background-repeat: no-repeat;
	
	filter: alpha(opacity = 80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 80);
	-moz-opacity: .80;
	opacity: .80;
	
	position: absolute;
	top: 75px;
	left: 0px;
	
	width: 30px;
	min-width: 30px;
	max-width: 30px;
	
	height: 50px;
	min-height: 50px;
	max-height: 50px;
	
	/* this should be initially hidden, cuz you always start out at first image */
	visibility: hidden;
	
	cursor: hand;
	cursor: pointer;
	
	z-index: 505;
}

/* DIVs for specials.php */

div.reserveOrlandoCopy {
	background-color: transparent;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #7D7D7D;
	
	width: 548px;
	min-width: 548px;
	max-width: 548px;
	
	height: 182px;
	min-height: 182px;
	max-height: 182px;
	
	overflow: hidden;
}

div.travelscreamCopy {
	background-color: transparent;
	
	position: absolute;
	top: 187px;
	left: 0px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #7D7D7D;
	
	width: 548px;
	min-width: 548px;
	max-width: 548px;
	
	height: 415px;
	min-height: 415px;
	max-height: 415px;
	
	overflow: auto;
}

/* end DIVs for speicals.php */
	
span.closeGallerySpan {
	background-color: transparent;
	
	position: absolute;
	top:15px;
	left: 5px;
	
	font-weight: bold;
	
	cursor: hand;
	cursor: pointer;
}

span.previousImageSpan {
	background-color: transparent;
	
	position: absolute;
	top: 15px;
	left: 400px;
	
	font-weight: bold;
	
	/* this should start out as hidden, cuz you always start at the first image */
	visibility: hidden;
	
	cursor: hand;
	cursor: pointer;
}

span.nextImageSpan {
	background-color: transparent;
	
	position: absolute;
	top: 15px;
	left: 490px;
	
	font-weight: bold;
	
	cursor: hand;
	cursor: pointer;
}

/* end modal layer stuff */

table.generalTable {
	/* this table is pretty much just to put spacing between words and buttons or multi buttons */
	background-color: transparent;
}

td.generalTableCell {
	/* see note above */
	background-color: transparent;
}

td.generalTableCell_center {
	background-color: transparent;
	
	text-align: center;
}

table.listTable {
	background-color: transparent;
	
	max-width: 550px;
}

td.listTableCell {
	background-color: transparent;
	
	vertical-align: top;
}

table.form {
	background-color: transparent;
	
	width: 500px;
	height: 100%;
}

td.formSectionHeader {
	background-color: #EDE1C9;
	
	font-family: Verdana, "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #660000;
	text-align: left;
	
	border-bottom: 2px;
	border-bottom-style: solid;
	border-bottom-color: #996633;
}

td.formRequired {
	background-color: transparent;
	
	font-family: Verdana, "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-align: left;
}

td.formRequired_50 {
	background-color: transparent;
	
	font-family: Verdana, "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-align: left;
	
	vertical-align: top;
	
	width: 50%;
}

td.form {
	background-color: transparent;
	
	font-family: Verdana, "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #20476B;
	text-align: left;
}

td.form_50 {
	background-color: transparent;
	
	font-family: Verdana, "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #20476B;
	text-align: left;
	
	vertical-align: top;
	
	width: 50%;
}

td.formCenter {
	background-color: transparent;
	
	font-family: Verdana, "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #20476B;
	text-align: center;
}

td.formDirections {
	background-color: transparent;
	
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #20476B;
	text-align: left;
}

td.list {
	background-color: transparent;
	
	font-family: Verdana, "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #20476B;
	text-align: left;
	vertical-align: top;
}

td.list_header {
	background-color: transparent;
	
	font-family: Tahoma, Verdana, "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #20476B;
	text-align: left;
	vertical-align: top;
}

td.lowerInnerRight_100 {
	background-color: transparent;
	
	font-family: Verdana, "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #20476B;
	text-align: left;
	vertical-align: top;
}

tr.oppcolor {
	background-color: #F7F7F7;
}

tr.invisible {
	display: none;
	visibility: hidden;
}

.loyaltyProgram {
	/* this table is for the 'room night stays' table on loyalty.php page */
	background-color: transparent;
	
	font-weight: bold;
	text-align: center;
	
	border: 1px solid #20476B;
	
	padding: 3px;
}

ul.generalList {
	list-style-image: url(../images/star_bullit_06.jpg);
}

textarea.floattext {
	background-color: #FFFFFF;
	
	position: relative;
	
	width: 455px;
	height: 75px;
	
	border: 1px dotted #20476B;
	/* margin: 5px; */
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
}

textarea.floattext1 {
	background-color: #FFFFFF;
	
	position: relative;
	
	width: 245px;
	height: 125px;
	
	border: 1px dotted #928563;
	/* margin: 5px; */
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
}

/* END GENERAL STYLES */

/* STYLES FOR INDEX PAGE */

a.symbolLink {
	text-decoration: none;
}

span.newsletterTitle {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #20476B;
	text-align: center;
}

span.specialsTitle {
	background-color: transparent;
	
	position: absolute;
	top: 5px;
	left: 300px;
	
	font-family: Arial, Tahoma, sans-serif;
	font-size: 15px;
	font-weight: bolder;
	font-variant: small-caps;
	color: #FF6600;
}

div.highlights {
	background-color: transparent;
	
	position: absolute;
	top: 5px;
	left: 0px;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	height: 100px;
	min-height: 100px;
	max-height: 100px;
	
	border-top: 2px solid #D3D3D3;
}

div.indexRes {
	background-color: transparent;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #20476B;
	
	width: 290px;
	min-width: 290px;
	max-width: 290px;
	
	height: 90px;
	min-height: 90px;
	max-height: 90px;
	
	border-right: 1px dashed #D3D3D3;
	
	padding: 5px;
}

div.seasonal {
	background-color: transparent;
	background-image: url(../images/summerSavings_sun_bg.jpg);
	background-repeat: no-repeat;
	background-position: center -7px;
	
	position: absolute;
	top: 0px;
	left: 301px;
	
	width: 180px;
	min-width: 180px;
	max-width: 180px;
	
	height: 90px;
	min-height: 90px;
	max-height: 90px;
	
	border-right: 1px dashed #D3D3D3;
	
	padding: 5px;
}

div.newsletterSignUp {
	background-color: transparent;
	
	position: absolute;
	top: 0px;
	left: 492px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #20476B;
	text-align: center;
	
	width: 408px;
	min-width: 408px;
	max-width: 408px;
	
	height: 90px;
	min-height: 90px;
	max-height: 90px;
	
	padding: 5px;
}

div.moreSpecials {
	background-color: #FFFFFF;
	
	position: absolute;
	top: 115px;
	left: 0px;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	height: 25px;
	min-height: 25px;
	max-height: 25px;
	
	border-top: 2px solid #D3D3D3;
	border-bottom: 2px solid #D3D3D3;
	
	z-index: 199;
}

div.descriptionIndex {
	background-color: transparent;
	
	position: absolute;
	top: 155px;
	left: 0px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #20476B;
	
	width: 890px;
	min-width: 890px;
	max-width: 890px;
	
	height: 445px;
	min-height: 445px;
	max-height: 445px;
	
	padding: 5px;
	
	overflow: auto;
}

div.highlightMessage {
	background-color: transparent;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 883px;
	min-width: 883px;
	max-width: 883px;
	
	height: 227px;
	min-height: 227px;
	max-height: 227px;
	
	overflow: hidden;
}

div.left-messageAsImage {
	/* this class is for the left site of the highlight area... for example with the TripAdvisor stuff */
	/* 08-24, changed layout for facebook */
	background-color: transparent;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	text-align: center;
	
	width: 170px;
	min-width: 170px;
	max-width: 170px;
	
	height: 170px;
	min-height: 170px;
	max-height: 170px;
	
	overflow: hidden;
}

div.messageAsCopy {
	/* this class gets used when there is NO TripAdvisor stuff (or anything else on the left of the highlight message area) */
	background-color: transparent;
	
	position: absolute;
	top: 0px;
	left:0px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #7D7D7D;
	text-align: center;
	
	width: 645px;
	min-width: 645px;
	max-width: 645px;
	
	height: 150px;
	min-height: 150px;
	max-height: 150px;
	
	overflow: hidden;
}

div.mid-messageAsCopy {
	/* use with TripAdvisor or other message on left side of highlight area */
	/* 08-24, changed layout for facebook */
	background-color: transparent;
	
	position: absolute;
	top: 0px;
	left:171px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #7D7D7D;
	text-align: center;
	
	width: 404px;
	min-width: 404px;
	max-width: 404px;
	
	height: 170px;
	min-height: 170px;
	max-height: 170px;
	
	/* just to check to see the area this div takes up
	border: 1px solid #000000; */
	
	overflow: hidden;
}

div.messageAsImage {
	/* use without message or image on left side of hightlight area */
	background-color: transparent;
	
	position: absolute;
	top: 0px;
	left: 655px;
	
	width: 233px;
	min-width: 233px;
	max-width: 233px;
	
	height: 150px;
	min-height: 150px;
	max-height: 150px;
	
	overflow: hidden;
}

div.right-messageAsImage {
	/* used with TripAdvisor stuff (or anything used on the left of the hightlight area) */
	background-color: transparent;
	
	position: absolute;
	top: 0px;
	left: 642px;
	
	text-align: left;
	
	width: 253px;
	min-width: 253px;
	max-width: 253px;
	
	height: 225px;
	min-height: 225px;
	max-height: 225px;
	
	overflow: hidden;
}

div.right-message_facebook {
	/* used with Facebook stuff (or anything used on the right of the hightlight area) */
	background-color: transparent;
	
	position: absolute;
	top: 0px;
	left: 585px;
	
	text-align: left;
	
	width: 304px;
	min-width: 304px;
	max-width: 304px;
	
	height: 455px;
	min-height: 455px;
	max-height: 455px;
	
	overflow: hidden;
}

/* these div's are added on 08/19/2009 to get the large Facebook box on the right of the index page */

div.left-messageAreaTop {
	background-color: transparent;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 168px;
	min-width: 168px;
	max-width: 168px;
	
	height: 90px;
	min-height: 90px;
	max-height: 90px;
	
	overflow: hidden;
}

div.left-messageAreaBottom {
	background-color: transparent;
	
	position: absolute;
	top: 101px;
	left: 0px;
	
	width: 168px;
	min-width: 168px;
	max-width: 168px;
	
	height: 108px;
	min-height: 108px;
	max-height: 108px;
	
	overflow: hidden;
}

div.copyIndex {
	background-color: transparent;
	
	position: absolute;
	top: 172px;
	left: 0px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #7D7D7D;
	
	width: 574px;
	min-width: 574px;
	max-width: 574px;
	
	height: auto;
	min-height: 150px;
	
	padding-left: 5px;
}

table.moreSpecialsTable {
	background-color: transparent;
	
	width: 100%;
	
	height: 110px;
	min-height: 110px;
	max-height: 110px;
}

td.moreSpecialsCell {
	background-color: transparent;
	
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
	color: #575757;
	text-align: center;
	
	width: 50%;
	
	height: 108px;
	min-height: 108px;
	max-height: 108px;
}

input.button_summerSavings {
	border-right: #000000 1px solid; 
	border-top: silver 1px solid; 
	font-size: 9pt; 
	border-left: silver 1px solid; 
	border-bottom: #000000 1px solid; 
	font-family: Arial;
	font-weight: bold;
	width: 100px; 
	background-color: #FF6600;
	color: #FFFFFF; /* #0011FF; */

	cursor: hand;
	cursor: pointer;
}

input.formTextField1 {
	background-color: #FFFFFF;
	 
	font-family: Verdana;
	font-size: 11px;
	color: #20476B;
	
	width : 200px;
	
	border: 1px dotted #20476B;
}

input.formTextField1_grey {
	background-color: #FFFFFF;
	 
	font-family: Verdana;
	font-size: 11px;
	color: #20476B;
	
	width : 200px;
	
	border: 1px dotted #20476B;
}

input.textField2 {
	background-color: #FFFFFF;
	 
	font-family: Verdana;
	font-size: 11px;
	color: #20476B;
	
	width: 98px;
	max-width: 98px;
	min-width: 98px;
	
	border: 1px dotted #20476B;
}

input.formTextField2 {
	background-color: #FFFFFF;
	 
	font-family: Verdana;
	font-size: 11px;
	color: #20476B;
	
	width: 98px;
	max-width: 98px;
	min-width: 98px;
	
	border: 1px dotted #20476B;
}

input.formTextField3 {
	background-color: #FFFFFF;
	 
	font-family: Verdana;
	font-size: 11px;
	color: #20476B;
	
	width : 500px;
	
	border: 1px dotted #20476B;
}

input.button2_nl {
	background-color: transparent;
	background-image: url(../images/buttonBg01.jpg);
	background-repeat: repeat-x;
	
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #20476B;
	
	border-right: 1px solid #20476B; 
	border-top: silver 1px solid;
	border-left: silver 1px solid; 
	border-bottom: 1px solid #20476B; 
	
	width: 125px; 
	
	cursor: hand;
	cursor: pointer;
}

input.radioField1 {
	font-size: 11px;
	
	/* radio borders look like crap in IE -> border: 1px dotted #D3D3D3; */
}

select.select {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #8D7960;
	
	border: 1px dotted #20476B;
}

/* definition styles for 'more specials' glide-down */
.specialsGD {
	/* float: left;
	padding-right: 5px; */
}

.specialsGD dt {
	background-color: transparent;
	
	font-family: Arial, Tahoma, sans-serif;
	font-size: 15px;
	font-weight: bolder;
	font-variant: small-caps;
	color: #FF6600;
	
	position: absolute;
	top: 1px;
	left: 0px;
	
	width: 900px;
	
	height: 23px;
}

.specialsGD dt:hover {
	background-color: #FFBA8C;
}

.specialsGD dd {
	background-color: transparent;
	background-image: url(../images/moreSpecials_bg.jpg);
	background-repeat: repeat-x;
	
	position: absolute;
	top: 26px;
	left: -40px;
	
	width: 900px;
		
	font-family: Arial, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	
	display: none;
	
	opacity: 0;
	
	overflow: hidden;
	
	z-index: 200;
}
/* end styles for 'more specials' glide-down */

/* END STYLES FOR INDEX PAGE */

/* STYLES FOR ACCOMMODATIONS PAGES */



/* END THE STYLES FOR PAGES */

/* STYLES FOR HEADER SECTION */

div.header {
	background-color: #FFFFFF;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #002D56;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	height: 150px;
	min-height: 150px;
	max-height: 150px;
}

table.logoTable {
	background-color: #FFFFFF;
	
	position: absolute;
	top: 2px;
	left: 0px;
	
	width: 300px;
	min-width: 300px;
	max-width: 300px;
	
	vertical-align: middle;
	
	border: 0px;
}

td.logoTableCell {
	background-color: transparent;
	
	/* really nothing to put in here now, but may need it later */
}

div.addressHeader {
	background-color: #FFFFFF;
	
	position: absolute;
	top: 28px;
	left: 600px;
	
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #002D56;
	text-align: right;
	
	width: 300px;
	min-width: 300px;
	max-width: 300px;
	
	vertical-align: middle;
}

span.hotelNameLn1 {
	background-color: transparent;
	
	display: block;
	
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #20476B;
	text-align: center;
	
	width: 170px;
	min-width: 170px;
	max-width: 170px;
}

span.hotelNameLn2 {
	background-color: transparent;
	
	display: block;
	
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #20476B;
	text-align: center;
	
	width: 170px;
	min-width: 170px;
	max-width: 170px;
	
	height: 15px;
	max-height: 15px;
}

span.hotelNameLn3 {
	background-color: transparent;
	
	display: block;
	
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #20476B;
	text-align: center;
	
	width: 170px;
	min-width: 170px;
	max-width: 170px;
}

/* END STYLES FOR HEADER SECTION */

/* STYLES FOR MENU SECTION */

div.menu {
	background-color: #FFFFFF;
	
	position: absolute;
	top: 140px;
	left: 0px;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	height: 95px;
	min-height: 95px;
	max-height: 95px;
	
	z-index: 100;
}

div.uppermenu {
	background-color: #FFFFFF;
	
	position: absolute;
	top: 5px;
	left: 0px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: small-caps;
	color: #20476B;
	text-align: right;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	height: 15px;
	min-height: 15px;
	max-height: 15px;
	
	overflow: hidden;
}

div.ddmenu {
	background-color: #FFFFFF;
	
	position: absolute;
	top: 25px;
	left: 0px;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	height: 30px;
	min-height: 30px;
	max-height: 30px;
	
	z-index: 199;
}

div.lowermenu {
	background-color: #FFFFFF;
	
	position: absolute;
	top: 62px;
	left: 0px;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	height: 30px;
	min-height: 30px;
	max-height: 30px;
	
	border-top: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	
	z-index: 189;
}

table.ddTable {
	background-color: transparent;
	
	width: 100%;
	
	height: 290px;
	
	padding-top: 10px;
}

td.ddTableCell {
	background-color: transparent;
	
	width: 100%;
	
	height: 30px;
	min-height: 30px;
	max-height: 30px;
	
	cursor: hand;
	cursor: pointer;
}

td.ddEmptyCell {
	background-color: transparent;
	
	width: 100%;
	
	height: 30px;
	min-height: 30px;
	max-height: 30px;
}

/* definition styles for gallery */
.galleryDD {
	/* float: left;
	padding-right: 5px; */
}

.galleryDD dt {
	background-color: #3891BD;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	
	position: absolute;
	top: 0px;
	left: 681px;
	
	width: 219px;
	
	height: 25px;
	
	padding-top: 5px;
	
	cursor: hand;
	cursor: pointer;
}

.galleryDD dt:hover {
	background-color: #117BA9;
}

.galleryDD dd {
	background-color: #117BA9;
	
	position: absolute;
	top: 27px;
	left: 641px;
	
	width: 219px;
		
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	
	display: none;
	
	opacity: 0;
	
	cursor: hand;
	cursor: pointer;
	
	overflow: hidden;
	
	z-index: 200;
}

/* definition styles for rooms */
.roomDD {
	/* float: left;
	padding-right: 5px; */
}

.roomDD dt {
	background-color: #B1070A;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	
	position: absolute;
	top: 0px;
	left: 454px;
	
	width: 219px;
	
	height: 25px;
	
	padding-top: 5px;
	
	cursor: pointer;
	cursor: hand;
}

.roomDD dt:hover {
	background-color: #820506;
}

.roomDD dd {
	background-color: #820506;
	
	position: absolute;
	top: 27px;
	left: 414px;
	
	width: 219px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	
	display: none;
	
	opacity: 0;
	
	overflow: hidden;
	
	z-index: 200;
}

/* definition styles for specials & packages */
.specialsDD {
	/* float: left;
	padding-right: 5px; */
}

.specialsDD dt {
	background-color: #DDB12C;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	
	position: absolute;
	top: 0px;
	left: 227px;
	
	width: 219px;
	
	height: 25px;
	
	padding-top: 5px;
	
	cursor: pointer;
	cursor: hand;
}

.specialsDD dt:hover {
	background-color: #E19702;
}

.specialsDD dd {
	background-color: #E19702;
	
	position: absolute;
	top: 27px;
	left: 187px;
	
	width: 219px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	
	display: none;
	
	opacity: 0;
	
	overflow: hidden;
	
	z-index: 200;
}

/* definition styles for reservation */
.reservationDD {
	/*float: left;
	padding-top: 6px; */
}

.reservationDD dt {
	background-color: #FF6C12;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 219px;
	
	height: 25px;
	min-height: 25px;
	max-height: 25px;
	
	padding-top: 5px;
	
	cursor: pointer;
	cursor: hand;
}

.reservationDD dt:hover {
	background-color: #E84D00;
}

.reservationDD dd {
	background-color: #E84D00;
	
	position: absolute;
	top: 27px;
	left: -40px;
	
	width: 219px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	
	display: none;
	
	opacity: 0;
	
	overflow: hidden;
	
	z-index: 200;
}

/* definition styles for contact us */
.contactDD {
	/* float: left;
	padding-right: 5px; */
}

.contactDD dt {
	background-color: #FFFFFF;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #20476B;
	text-align: center;
	
	position: absolute;
	top: 0px;
	left: 681px;
	
	width: 219px;
	
	height: 25px;
	
	padding-top: 5px;
	
	cursor: hand;
	cursor: pointer;
}

.contactDD dt:hover {
	background-color: #FFFFFF;
}

.contactDD dd {
	background-color: #FFFFFF;
	
	position: absolute;
	top: 23px;
	left: 641px;
	
	width: 219px;
		
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #20476B;
	text-align: center;
	
	display: none;
	
	opacity: 0;
	
	cursor: hand;
	cursor: pointer;
	
	overflow: hidden;
	
	z-index: 190;
}

/* definition styles for services & activities */
.servicesDD {
	/* float: left;
	padding-right: 5px; */
}

.servicesDD dt {
	background-color: #FFFFFF;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #20476B;
	text-align: center;
	
	position: absolute;
	top: 0px;
	left: 454px;
	
	width: 219px;
	
	height: 25px;
	
	padding-top: 5px;
	
	cursor: pointer;
	cursor: hand;
}

.servicesDD dt:hover {
	background-color: #FFFFFF;
}

.servicesDD dd {
	background-color: #FFFFFF;
	
	position: absolute;
	top: 23px;
	left: 414px;
	
	width: 219px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #20476B;
	text-align: center;
	
	display: none;
	
	opacity: 0;
	
	overflow: hidden;
	
	z-index: 190;
}

/* definition styles for socials and weddings */
.socialsDD {
	/* float: left;
	padding-right: 5px; */
}

.socialsDD dt {
	background-color: #FFFFFF;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #20476B;
	text-align: center;
	
	position: absolute;
	top: 0px;
	left: 227px;
	
	width: 219px;
	
	height: 25px;
	
	padding-top: 5px;
	
	cursor: pointer;
	cursor: hand;
}

.socialsDD dt:hover {
	background-color: #FFFFFF;
}

.socialsDD dd {
	background-color: #FFFFFF;
	
	position: absolute;
	top: 23px;
	left: 187px;
	
	width: 219px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #20476B;
	text-align: center;
	
	display: none;
	
	opacity: 0;
	
	overflow: hidden;
	
	z-index: 190;
}

/* definition styles for meetings & conferences */
.meetingsDD {
	/*float: left;
	padding-top: 6px; */
}

.meetingsDD dt {
	background-color: #FFFFFF;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #20476B;
	text-align: center;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 219px;
	
	height: 25px;
	min-height: 25px;
	max-height: 25px;
	
	padding-top: 5px;
	
	cursor: pointer;
	cursor: hand;
}

.meetingsDD dt:hover {
	background-color: #FFFFFF;
}

.meetingsDD dd {
	background-color: #FFFFFF;
	
	position: absolute;
	top: 23px;
	left: -40px;
	
	width: 219px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #20476B;
	text-align: center;
	
	display: none;
	
	opacity: 0;
	
	overflow: hidden;
	
	z-index: 190;
}

/* END STYLES FOR MENU SECTION */

/* STYLES FOR PHOTO AREA */

div.photoarea {
	background-color: #FFFFFF;
	
	position: absolute;
	top: 242px; /*101px;*/
	left: 0px;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	height: 350px;
	min-height: 350px;
	max-height: 350px;
	
	overflow: hidden;
}

div.gallerySlideShow {
	/* the gallery page will not have a photo in the photo area, it will have the slideshow app */
	background-color: transparent;
	
	position: absolute;
	top: 242px;
	left: 0px;
	
	width: 904px;
	min-width: 904px;
	max-width: 904px;
	
	height: 594px;
	min-height: 594px;
	max-height: 594px;
	
	border: 0px;
	
	overflow: hidden;
}

/* END STYLES FOR PHOTO AREA */

/* STYLES FOR IMAGES AND GENERAL INPUTS */

img.worldHotelLogo {
	background-color: transparent;
	
	position: absolute;
	top: 95px;
	left: 134px;
}

img.bodyImage {
	padding: 3px;
}

/* IMG styles for specials.php */

img.disneyImage {
	background-color: transparent;
	
	position: absolute;
	top: 5px;
	left: 5px;
	
	padding: 0px;
}

img.universalImage {
	background-color: transparent;
	
	position: absolute;
	top: 5px;
	left: 280px;
	
	padding: 0px
}

img.seaWorldImage {
	background-color: transparent;
	
	position: absolute;
	top: 95px;
	left: 5px;
	
	padding: 0px;
}

img.pettyImage {
	background-color: transparent;
	
	position: absolute;
	top: 95px;
	left: 280px;
	
	padding: 0px;
}

/* end IMG style for specials.php */

/* END IMAGE AND INPUT STYLES */