body 		{ text-align: center; background-color: #D5FFFF; min-width:740px;}

#wrapper {
	margin:0 auto;
	width:740px;
	text-align: left;
}

div.Complete	{ position: absolute; text-align: left; top: 0px;  
		height: 1000px; width:740px;
		border-width: 0px 4px 0px 4px;
		border-style: solid; border-color: #00CCFF;}

div.CompleteLong { position: absolute; text-align: left; top: 0px;  
		height: 5600px; width:740px;
		border-width: 0px 4px 0px 4px;
		border-style: solid; border-color: #00CCFF;}

div.Header      { position: absolute; text-align: left; left: 1px; top: 0px;
		height: 100px; width: 100%; 
		background-color: #FFFFFF; }
div.Header p 	{ color: black; font-weight: normal; font-family: arial; font-size: em;}


/* Height of Navside is 100 less than height of Complete to allow for header */
div.NavSide     { position: absolute; text-align: left; left: 0px; top: 100px; 
		height: 900px; width: 170px; 
		background-color: #FFFFFF;
		border-width: 0px 2px 0px 0px;
		border-style: solid; border-color: #00CCFF;
		color: blue; font-style: normal; font-family: arial; font-size: em; }

div.NavSideLong { position: absolute; text-align: left; left: 0px; top: 100px; 
		height: 5500px; width: 170px; 
		background-color: #FFFFFF;
		border-width: 0px 2px 0px 0px;
		border-style: solid; border-color: #00CCFF;
		color: blue; font-style: normal; font-family: arial; font-size: em; }

div.NavSide1    { position: relative; top: 0px;}  

div.MainText    {position: absolute; right:10px; top: 140px;
		width:550px;
		text-align: center; z-index: 0;
		color: black; font-weight: normal; font-family: arial;  font-size: em;}

div.PictureText    {position: relative; width:350px; text-align: center; z-index: 0;}

div.NavTop      { position: absolute; text-align: left; right: 0px; top: 100px; 
		border-width: 2px 0px 2px 0px; width: 570px; 
		border-style: solid; border-color: #00CCFF;
		background-color: #CCCCCC; }

span.NavTopSub	{ position: relative; left: 2px; top: 0px; 
		border-width: 0px 2px 0px 0px;  
		border-style: inset; border-color: #7C7C7C; 
		color: black; font-family: arial;  font-size: em;}

span.NavTopEnd	{ position: absolute; right: 0px; top: 0px;
		width: 250px; text-align: center;
		background-color: #FFCC66; 
		color: black; font-family: arial;  font-size: em;}
span.NavTopInvest{ position: absolute; right: 0px; top: 0px;
		width: 250px; text-align: center;
		background-color: #800080; 
		color: white; font-family: arial;  font-size: em;}
span.NavTopLate	{ position: absolute; right: 250px; top: 0px;
		border-width: 0px 2px 0px 0px;
		width: 110px; text-align: center;
		background-color: #99CCFF; 
		color: black; font-family: arial;  font-size: em;}

div.NavFooter	{ position: absolute; right:0px; bottom: 0px;
		border-width: 2px 0px 2px 0px; width:568px;
		border-style: solid; border-color: #00CCFF;
		background-color: #CCCCCC; 
		text-align: left; z-index: 0;
		color: #000000; font-family: arial;  font-size: em;}



/* Booking Request Form */
div.BookingHeader { position: relative; left: 0px; top: 0px; width: 540px;
		background-color: #FFCC66; 
		border-width: 1px 1px 0px 1px;  
		border-style: solid; border-color: #FF9933; 
		color: black; font-family: arial;  font-size: em;
		padding: 10px 10px 10px 10px; }
div.BookingBody { position: relative; left: 0px; top: 0px; width: 540px;
		background-color: #FFFFFF; 
		border-width: 1px 1px 1px 1px;  
		border-style: solid; border-color: #FF9933; 
		color: black; font-family: arial;  font-size: em;
		padding: 10px 10px 10px 10px; }
span.BookingInfo { position: relative; left: 0px; top: 0px; width: 100px;
		}

span.FormRequest {color: black; text-align: center; border-width: 2px 2px 2px 2px; width: 60%;
		border-style: solid; border-color: #00CCFF; background-color: #FFFFEA;}
div.FormRequest	{color: black; text-align: center; border-width: 2px 2px 2px 2px; width: 60%;
		border-style: solid; border-color: #00CCFF; background-color: #FFFFEA;}

div.ApartmentButton	{color: black; text-align: center; border-width: 2px 2px 2px 2px; width: 50%;
		border-style: solid; border-color: #00CCFF; background-color: #FFE8DD;}

div.SelectApartment	{text-align: left; border-width: 2px 2px 2px 2px; width: 60%;
		border-style: solid; border-color: #00CCFF; background-color: #FFFFEA;}

/* Apartment Facilities */
div.Facilities	{ position: relative; text-align: left; border-width: 2px 2px 2px 2px; 
		width: 90%;
		border-style: solid; border-color: #00CCFF;}
span.facilitiesColumn1	{ position: absolute; left: 2%; text-align: left;}
span.facilitiesColumn1a	{ position: absolute; left: 40%; text-align: left;}
span.facilitiesColumn2	{ position: absolute; left: 50%; text-align: left;}
span.facilitiesColumn2a	{ position: absolute; left: 90%; text-align: left;}
.facilitiesCount	{ font-weight: bold;}

/* Apartment Pricelist */
div.Pricelist	{ position: relative; text-align: left; border-width: 2px 2px 2px 2px; 
		width: 90%; 
		border-style: solid; border-color: #00CCFF;}
span.PricelistColumn1	{ position: absolute; left: 4%; text-align: left;}
span.PricelistColumn1c	{ position: absolute; left: 40%; text-align: left;}
span.PricelistColumn1a	{ position: absolute; left: 87%; text-align: left;}
span.PricelistColumn1b	{ position: absolute; left: 70%; text-align: left;}
div.PricelistColumnCenter {  width: 100%; text-align: center;}
div.PricelistLate	{ left: 10%; background-color: #99CCFF; width: 100%;}

.price		{ font-weight: bold;}

/* Useful Links */
div.Links	{ position: absolute; left: 0%; text-align: center; 
		border-width: 0px 0px 0px 0px; 
		width: 100%; vAlign: center;
		border-style: solid; border-color: #00CCFF;}
.LinksColumn1	{ position: absolute; left: 1%; text-align: left;}
.LinksColumn2	{ position: absolute; left: 50%; text-align: left;}

/* Useful Links */
div.Maps	{ position: absolute; left: 0%; text-align: center; 
		border-width: 0px 0px 0px 0px; 
		width: 100%; vAlign: center;
		border-style: solid; border-color: #00CCFF;}
.MapColumn1	{ position: absolute; left: 20%; text-align: left;}
.MapColumn2	{ position: absolute; left: 45%; text-align: left;}

/* Local Information */
div.LocalInformation	{ position: relative; text-align: left;  
		width: 70%;}

div.LocalInformationMarket	{ position: absolute; left: 0%; text-align: center; 
		border-width: 0px 0px 0px 0px; 
		width: 90%; vAlign: center;
		border-style: solid; border-color: #00CCFF;}
span.LIMColumn1	{ position: absolute; left: 0%; text-align: left;}
span.LIMColumn2	{ position: absolute; left: 25%; text-align: left;}
span.LIMColumn3	{ position: absolute; left: 70%; text-align: center;}

div.winteroffer	{ position: absolute; left: 0%; text-align: center; 
		border-width: 0px 0px 0px 0px; 
		width: 90%; vAlign: center;
		border-style: solid; border-color: #00CCFF;}
.WOColumn1	{ position: absolute; width:50%; left: 1%; text-align: left;}
.WOColumn2	{ position: absolute; width:50%; left: 50%; text-align: center;}

/* Winter Offers */
table.Offer	{ border-color: #00CCFF; border: 2px; color: black; width: 100%; font-weight: normal; font-family: arial; font-size: 10pt;
		border-collapse: collapse }
table.Offer tr	{ background-color: #FFE8DD; }
table.Offer td.OfferHeader	{ width: 33%; text-align: center; vertical-align: middle; background-color: #CBE4E4;
				font-weight: normal; font-family: arial; font-size: 14pt;
				border: 1px solid #00CCFF; padding: 1em; }
table.Offer td.OfferColumn1	{ width: 33%; text-align: left; vertical-align: middle; background-color: #CBE4E4;
				border: 1px solid #00CCFF; padding: 1em; }
table.Offer td.OfferColumn2	{ width: 33%; text-align: left; vertical-align: middle; background-color: #CBE4E4;
				border: 1px solid #00CCFF; padding: 1em;}
table.Offer td.OfferColumn3	{ width: 34%; text-align: left; vertical-align: middle; background-color: #CBE4E4;
				border: 1px solid #00CCFF; padding: 1em;}


div.Resort	{ position: absolute; left: 0%; text-align: center; 
		border-width: 0px 0px 0px 0px; 
		width: 90%; vAlign: center;
		border-style: solid; border-color: #00CCFF;}
span.ResortColumn1	{ position: absolute; left: 1%; text-align: center;}
span.ResortColumn2	{ position: absolute; left: 33%; text-align: center;}
span.ResortColumn3	{ position: absolute; left: 67%; text-align: center;}

div.Flights	{ position: absolute; left: 0%; text-align: center; 
		border-width: 0px 0px 0px 0px; 
		width: 100%; vAlign: center;
		border-style: solid; border-color: #00CCFF;}
span.FlightsColumn1	{ position: absolute; left: 1%; text-align: center;}
span.FlightsColumn2	{ position: absolute; left: 50%; text-align: center;}

/* Availability Table */
table.availability 		{ background-color: #FFFFFF; color: black; 
				font-weight: normal; font-family: arial; font-size: 10pt;}
table.availability tr.day	{ background-color: #EEEEEE; }
table.availability tr.month	{ background-color: #006699; color: white; 
				font-weight: bold;}
table.availability td		{ vAlign: center; text-align: center; width: 14%; }
.available		{ background-color: #FFFFEA; text-decoration: none; }
.unavailable		{ background-color: #00CCFF; text-decoration: line-through; }


/* General Links */
div.NavSide a:link 
		{ color: blue; font-style: normal; font-family: arial; font-size: 1em;
		text-decoration: none; }
div.NavSide a:hover 
		{ color: #FF33FF; font-style: normal; font-family: arial; 
		font-size: 1em; text-decoration: none; }
div.NavSide a:visited 
		{ color: #CC00CC; font-style: normal; font-family: arial; font-size: 1em;
		text-decoration: none; }

div.NavSideLong a:link 
		{ color: blue; font-style: normal; font-family: arial; font-size: 1em;
		text-decoration: none; }
div.NavSideLong a:hover 
		{ color: #FF33FF; font-style: normal; font-family: arial; 
		font-size: 1em; text-decoration: none; }
div.NavSideLong a:visited 
		{ color: #CC00CC; font-style: normal; font-family: arial; font-size: 1em;
		text-decoration: none; }

div.NavTop a:link { color: black; font-style: normal; font-family: arial; font-size: em;
		text-decoration: none; }
div.NavTop a:hover { color: black; font-style: normal; font-family: arial; font-size: em;
		text-decoration: none; }
div.NavTop a:visited { color:black; font-style: normal; font-family: arial; font-size: em;
		text-decoration: none; }

div.NavFooter a:link { color: black; font-style: normal; font-family: arial; font-size: em;
		}
div.NavFooter a:hover { color: blue; font-style: normal; font-family: arial; font-size: em;
		}
div.NavFooter a:visited { color:black; font-style: normal; font-family: arial; font-size: em;
		}

div.FormRequest a:link { color: black; font-style: normal; font-family: arial; font-size: em;
		text-decoration: none; }
div.FormRequest a:hover { color: black; font-style: normal; font-family: arial; font-size: em;
		text-decoration: none; background-color: #00CCFF; }
div.FormRequest a:visited { color:black; font-style: normal; font-family: arial; font-size: em;
		text-decoration: none; }

div.ApartmentButton a:link { color: black; font-style: normal; font-family: arial; font-size: em;
		text-decoration: none; }
div.ApartmentButton a:hover { color: black; font-style: normal; font-family: arial; font-size: em;
		text-decoration: none; background-color: #00CCFF; }
div.ApartmentButton a:visited { color:black; font-style: normal; font-family: arial; font-size: em;
		text-decoration: none; }


span.AptSelect  { font-weight: bold; color: #CC6633; font-variant: small-caps; font-size: 12pt;}
span.AptSelect a:link { color: black; font-style: normal; font-family: arial;}
span.AptSelect a:hover { color: #CC6633; font-style: normal; font-family: arial; 
		font-size: 12pt; }
span.AptSelect a:visited { color: black; 
		font-style: normal; font-family: arial; font-size: 12pt;}


div.MainText    a:link { color: black; font-style: normal; font-family: arial; font-size: em;
		 }
div.MainText    a:hover { color: #333399; font-style: normal;  font-family: arial; font-size: em;
		 }
div.MainText    a:visited { color:#333399; font-style: normal; font-family: arial; font-size: em;
		 }

div.Sitemap    a:link { color: black; font-style: normal; font-family: arial; font-size: em;
		 }
div.Sitemap    a:hover { color: #00CCFF; font-style: normal;  font-family: arial; font-size: em;
		 }
div.Sitemap    a:visited { color:black; font-style: normal; font-family: arial; font-size: em;
		 }

div.LateLink   a:link { color: #FF0000; font-style: normal; font-family: arial; font-size: em;
		 }
div.LateLink   a:hover { color: #FF0000; font-style: normal;  font-family: arial; font-size: em;
		 }
div.LateLink   a:visited { color: #FF0000; font-style: normal; font-family: arial; font-size: em;
		 }

.RedLink   a:link { color: #FF0000; text-decoration: none;}		 
.RedLink   a:hover { color: #FF0000; text-decoration: none;}
.RedLink   a:visited { color: #FF0000; text-decoration: none;}


#Section0 	{ background-color: #ECFFF5;}
#Section1 	{ background-color: #ECF5FF;}
#Section2 	{ background-color: #FFE8DD;}
#Section3 	{ background-color: #CBE4E4;}
#Section4 	{ background-color: #FFFFE6;}
#Section5 	{ background-color: #F5ECFF;}
#Section6 	{ background-color: #FFFFFF;}


.navDeptName  	{ font-variant: small-caps; font-weight: bold;}
.invDeptName 	{ font-variant: small-caps; font-weight: bold;}
.smallcaps  	{ font-variant: small-caps; }
.left		{ text-align: left; z-index: 0;}
.center		{ text-align: center; z-index: 0;}
.emphasise	{ font-weight: bold;}		
.padding	{ padding: 10px 10px 10px 10px; }
.investment	{ color: #800080; }
.highlight 	{ color: #CC6633; }
.red 		{ color: #FF0000; }
.offer		{ color: #00CCFF; font-size: em; font-weight: bold; font-style: italic}
.access		{ font-weight: bold; color: #CC6633;}
.small 		{ font-size: 0.8em; }
.medium		{ font-size: em; }
.mediumFix	{ font-size: 12pt;}
.late		{ font-size: 12pt; color: #FF0000; font-weight: bold;}