/**********************************************************
// Body Styles
**********************************************************/
body {
   margin: 0;
   padding: 0;
   border: none; 
   background: #093465 url("Images/BG-Body-Top.jpg") top center repeat-x; 
   color: #FFF;
   }
   
a:link, a:visited {
   color: #c0e8ff;
   text-decoration: none;
   }
   
a:hover {
   color: #c0e8ff;
   text-decoration: underline;
   }
   
a img {
   border: 0;
   }

h1, h2, h3, h4 {
   margin: 5px auto 5px auto;
   color: #d4efff;
   font-weight: bold;
   font-family: verdana,sans-serif;
   }

.bold { font-weight: bold; }
.emphasis { font-style: italic; }

/**********************************************************
// Header >> Nav Top
**********************************************************/
#Header-Nav-Top {
   margin: 0 auto 0 auto;
   padding: 0;
   width: 736px;
   height: 105px;
   }
   
/**********************************************************
// Header >> Nav Main
**********************************************************/
#Header-Nav-Main {
   margin: 0 auto 0 auto;
   padding: 0;
   width: 766px;
   height: 66px;
   background: url("Images/BG-Header-Nav-Main.jpg") 0px 0px no-repeat;
   }
   
.Nav-Main-Link {
   padding: 0;
   height: 56px;
   float: left;
   cursor: pointer;
   display: block;
   }
   
#Nav-Main-Home {
   margin: 6px 0 0 30px;
   width: 79px;
   background: url("Images/BG-Header-Nav-Main.jpg") -30px -72px no-repeat;
   }

#Nav-Main-Home:hover {
   background: url("Images/BG-Header-Nav-Main.jpg") -30px -138px no-repeat;
   }
   
#Nav-Main-Account {
   margin: 6px 0 0 2px;
   width: 79px;
   background: url("Images/BG-Header-Nav-Main.jpg") -111px -72px no-repeat;
   }

#Nav-Main-Account:hover {
   background: url("Images/BG-Header-Nav-Main.jpg") -111px -138px no-repeat;
   }
   
#Nav-Main-Sell {
   margin: 6px 0 0 2px;
   width: 119px;
   background: url("Images/BG-Header-Nav-Main.jpg") -192px -72px no-repeat;
   }

#Nav-Main-Sell:hover {
   background: url("Images/BG-Header-Nav-Main.jpg") -192px -138px no-repeat;
   }
   
#Nav-Main-Buy {
   margin: 6px 0 0 2px;
   width: 159px;
   background: url("Images/BG-Header-Nav-Main.jpg") -313px -72px no-repeat;
   }

#Nav-Main-Buy:hover {
   background: url("Images/BG-Header-Nav-Main.jpg") -313px -138px no-repeat;
   }
   
#Nav-Main-Donate {
   margin: 6px 0 0 2px;
   width: 119px;
   background: url("Images/BG-Header-Nav-Main.jpg") -474px -72px no-repeat;
   }

#Nav-Main-Donate:hover {
   background: url("Images/BG-Header-Nav-Main.jpg") -474px -138px no-repeat;
   }
   
#Nav-Main-Search {
   margin: 6px 0 0 2px;
   width: 139px;
   background: url("Images/BG-Header-Nav-Main.jpg") -595px -72px no-repeat;
   }

#Nav-Main-Search:hover {
   background: url("Images/BG-Header-Nav-Main.jpg") -595px -138px no-repeat;
   }

/**********************************************************
// Main >> Box
**********************************************************/
#Main-Box {
   margin: 0 auto 0 auto;
   padding: 5px 0 0 0;
   width: 736px;
   background-color: #e1e6ec;
   }
   
#Main-Box-Inner {
   margin: 0;
   padding: 5px 0 0 0;
   }

#Main-Box-Bottom {
   margin: 0 auto 0 auto;
   padding: 0;
   width: 736px;
   height: 10px;
   background: url("Images/BG-Body-Bottom.gif") no-repeat;
   }

/**********************************************************
// Main >> Footer
**********************************************************/
#Main-Body-Footer {
   margin: 10px auto 5px auto;
   padding: 0;
   width: 736px;
   height: 18px;
   line-height: 18px;
   text-align: center;
   color: #FFF;
   }

#Main-Body-Footer a:link, #Main-Body-Footer a:visited {
   color: #FFF;
   text-decoration: none;
   }
   
#Main-Body-Footer a:hover {
   color: #b1cff1;
   }
   
/**********************************************************
// Front Page >> Map
**********************************************************/
#FP-Map {
   margin: 0 auto 0 auto;
   padding: 0;
   width: 730px;
   height: 285px;
   background: url("Images/BG-FP-Map.jpg") no-repeat;
   overflow: hidden;
   }

#FP-Map-Title {
   margin: 0;
   padding: 0;
   width: 730px;
   height: 30px;
   line-height: 29px;
   text-align: center;
   }
   
#FP-Map-Title span {
   font-weight: bold;
   } 
   
#FP-Map-Body {
   margin: 0;
   padding: 0;
   width: 730px;
   height: 243px;
   }
   
#FP-Map-Left {
   margin: 0;
   padding: 0;
   width: 210px;
   height: 244px;
   float: left;
   }
   
#FP-Map-Right {
   margin: 0;
   padding: 0;
   width: 520px;
   height: 244px;
   float: right;
   }
   
#FP-Map-Bottom {
   margin: 2px 0 0 0;
   padding: 0;
   width: 730px;
   height: 30px;
   line-height: 29px;
   text-align: center;
   }
   
#FP-Map-Button-1 {
   margin: 0;
   padding: 0;
   width: 210px;
   height: 122px;
   display: block;
   background: url("Images/BG-FP-Map-Buttons.jpg") 0px 0px no-repeat;
   }
   
#FP-Map-Button-1:hover {
   background: url("Images/BG-FP-Map-Buttons.jpg") 0px -244px no-repeat;
   }
   
#FP-Map-Button-2 {
   margin: 0;
   padding: 0;
   width: 210px;
   height: 122px;
   display: block;
   background: url("Images/BG-FP-Map-Buttons-2.jpg") 0px -122px no-repeat;
   }
   
#FP-Map-Button-2:hover {
   background: url("Images/BG-FP-Map-Buttons-2.jpg") 0px -366px no-repeat;
   }
   
#FP-Map-Button-3 {
   margin: 0;
   padding: 0;
   width: 210px;
   height: 122px;
   display: block;
   background: url("Images/BG-FP-Map-Buttons-2.jpg") 0px 0px no-repeat;
   }
   
#FP-Map-Button-3:hover {
   background: url("Images/BG-FP-Map-Buttons-2.jpg") 0px -244px no-repeat;
   }
   
#FP-Map-Button-Sell {
   margin: 0;
   padding: 0;
   width: 210px;
   height: 81px;
   display: block;
   background: url("Images/BG-FP-Map-Buttons.jpg") 0px 0px no-repeat;
   }
   
#FP-Map-Button-Sell:hover {
   background: url("Images/BG-FP-Map-Buttons.jpg") 0px -244px no-repeat;
   }
   
#FP-Map-Button-Buy {
   margin: 0;
   padding: 0;
   width: 210px;
   height: 81px;
   display: block;
   background: url("Images/BG-FP-Map-Buttons.jpg") 0px -81px no-repeat;
   }
   
#FP-Map-Button-Buy:hover {
   background: url("Images/BG-FP-Map-Buttons.jpg") 0px -324px no-repeat;
   }
   
#FP-Map-Button-Offer {
   margin: 0;
   padding: 0;
   width: 210px;
   height: 81px;
   display: block;
   background: url("Images/BG-FP-Map-Buttons.jpg") 0px -162px no-repeat;
   }
   
#FP-Map-Button-Offer:hover {
   background: url("Images/BG-FP-Map-Buttons.jpg") 0px -405px no-repeat;
   }         
   
#FP-Map-Map {
   margin: 0;
   padding: 0;
   width: 520px;
   height: 244px;
   display: block;
   background: url("Images/BG-FP-Map-Buttons.jpg") -210px 0px no-repeat;
   }
   
#FP-Map-Map:hover {
   background: url("Images/BG-FP-Map-Buttons.jpg") -210px -244px no-repeat;
   }
   
/**********************************************************
// Front Page >> Form: Search
**********************************************************/
#FP-Form-Search-Term {
   margin: 0;
   padding: 1px 0 0 1px;
   width: 250px;
   height: 16px;
   border: 1px solid #FFF;
   background: url("Images/BG-Form-Field.gif") top left repeat-x;
   }
   
#FP-Form-Search-Submit {
   margin: 0;
   padding: 0 0 1px 0;
   width: 75px;
   height: 19px;
   border: 1px solid #FFF;
   cursor: pointer;
   background: url("Images/BG-Form-Field.gif") top left repeat-x;
   }
   
/**********************************************************
// Front Page >> Lower
**********************************************************/
#FP-Lower {
   margin: 0 auto 0 auto;
   padding: 5px 0 0 0;
   width: 730px;
   }
   
#FP-Lower-Left {
   margin: 0;
   padding: 0;
   width: 480px;
   float: left;
   }
   
#FP-Lower-Right {
   margin: 0;
   padding: 0;
   width: 245px;
   float: right;
   }
   
/**********************************************************
// Box >> 480: Blue
**********************************************************/
.Box-480-Blue {
   margin: 0;
   padding: 0;
   width: 480px;
   background-color: #135680;
   }
   
.Box-480-Blue-Top {
   margin: 0;
   padding: 0;
   width: 480px;
   height: 10px;
   background: url("Images/Box-480-Blue-Top.gif") no-repeat;
   }
   
.Box-480-Blue-Inner {
   margin: 0 auto 0 auto;
   padding: 0;
   width: 470px;
   }
   
.Box-480-Blue-Inner input {
   border: 1px solid #FFF;
   background: url("Images/BG-Form-Field.gif") top left repeat-x;
   }
   
.Box-480-Blue-Bottom {
   margin: 0;
   padding: 0;
   width: 480px;
   height: 10px;
   background: url("Images/Box-480-Blue-Bottom.gif") no-repeat;
   clear: both;
   }
   
/**********************************************************
// Box >> 730: Blue
**********************************************************/
.Box-730-Blue {
   margin: 5px auto 0 auto;
   padding: 0;
   width: 730px;
   background-color: #135680;
   }

.Box-730-Blue-Top {
   margin: 0;
   padding: 0;
   width: 730px;
   height: 10px;
   background: url("Images/Box-730-Blue-Top.gif") no-repeat;
   }

.Box-730-Blue-Inner {
   margin: 0 auto 0 auto;
   padding: 0;
   width: 710px;
   }
	
.Box-730-Blue-Bottom {
   margin: 0;
   padding: 0;
   width: 730px;
   height: 10px;
   background: url("Images/Box-730-Blue-Bottom.gif") no-repeat;
   clear: both;
   }
   
/**********************************************************
// Box >> 730: Green
**********************************************************/
.Box-730-Green {
   margin: 5px auto 0 auto;
   padding: 0;
   width: 730px;
   background-color: #709f41;
   }

.Box-730-Green-Top {
   margin: 0;
   padding: 0;
   width: 730px;
   height: 10px;
   background: url("Images/Box-730-Green-Top.gif") no-repeat;
   }

.Box-730-Green-Inner {
   margin: 0 auto 0 auto;
   padding: 0;
   width: 710px;
   }

.Box-730-Green-Bottom {
   margin: 0;
   padding: 0;
   width: 730px;
   height: 10px;
   background: url("Images/Box-730-Green-Bottom.gif") no-repeat;
   clear: both;
   }
   
/**********************************************************
// Box >> 245: Blue
**********************************************************/
.Box-245-Blue {
   margin: 0;
   padding: 0;
   width: 245px;
   background-color: #135680;
   }

.Box-245-Blue-Top {
   margin: 0;
   padding: 0;
   width: 245px;
   height: 10px;
   background: url("Images/Box-245-Blue-Top.gif") no-repeat;
   }

.Box-245-Blue-Inner {
   margin: 0 auto 0 auto;
   padding: 0;
   width: 225px;
   }

.Box-245-Blue-Bottom {
   margin: 0;
   padding: 0;
   width: 245px;
   height: 10px;
   background: url("Images/Box-245-Blue-Bottom.gif") no-repeat;
   clear: both;
   }
   
/**********************************************************
// Box >> 480: Dual
**********************************************************/
.Box-480-Dual {
   margin: 5px 0 0 0;
   padding: 0;
   width: 480px;
   background: url("Images/Box-480-Dual-BG.gif") repeat-y;
   }

.Box-480-Dual-Top {
   margin: 0;
   padding: 0;
   width: 480px;
   height: 10px;
   background: url("Images/Box-480-Dual-Top.gif") no-repeat;
   }

.Box-480-Dual-Inner-Left {
   margin: 0 0 0 5px;
   padding: 0;
   width: 230px;
   float: left;
   background: url("Images/Misc-Island.gif") top left no-repeat;
   }
   
.Box-480-Dual-Inner-Left a:link, .Box-480-Dual-Inner-Left a:visited {
   color: #FFF;
   }
   
.Box-480-Dual-Inner-Left a:hover {
   color: #d8ffb1;
   }
   
.Box-480-Dual-Inner-Right {
   margin: 0 5px 0 0;
   padding: 0;
   width: 230px;
   float: right;
   }
   
.Box-480-Dual-Inner-Right a:link, .Box-480-Dual-Inner-Right a:visited {
   color: #FFF;
   }

.Box-480-Dual-Inner-Right a:hover {
   color: #d8ffb1;
   }

.Box-480-Dual-Bottom {
   margin: 0;
   padding: 0;
   width: 480px;
   height: 10px;
   background: url("Images/Box-480-Dual-Bottom.gif") no-repeat;
   clear: both;
   }
   
/**********************************************************
// Front Page >> Button: Register
**********************************************************/
#FP-Button-Register {
   margin: 0 auto 0 auto;
   padding: 0;
   width: 132px;
   height: 32px;
   background: url("Images/Button-Register.gif") 0px 0px no-repeat;
   display: block;
   }
   
#FP-Button-Register:hover {
   background: url("Images/Button-Register.gif") 0px -32px no-repeat;
   }
   
/**********************************************************
// Sub Menu
**********************************************************/
#SubMenu {
   margin: 0 auto 0 auto;
   padding: 0 10px 0 10px;
   width: 710px;
   height: 24px;
   line-height: 24px;
   color: #436893;
   background: url("Images/BG-SubMenu.gif") no-repeat;
   }
   
#SubMenu a:link, #SubMenu a:visited, #SubMenu a:hover {
   color: #436893;
   }
   
#SubMenu-Left {
   margin: 0;
   padding: 0;
   width: 450px;
   height: 24px;
   float: left;
   }
   
#SubMenu-Right {
   margin: 0;
   padding: 0;
   width: 64px;
   height: 24px;
   float: right;
   }
   
/**********************************************************
// Button >> Font Switch: SM
**********************************************************/
#Button-FS-SM {
   margin: 3px 0 0 0;
   padding: 0;
   width: 18px;
   height: 18px;
   background: url("Images/Buttons-Font-Switch.gif") 0px 0px no-repeat;
   cursor: pointer;
   display: block;
   float: left;
   }
   
#Button-FS-SM:hover {
   background: url("Images/Buttons-Font-Switch.gif") 0px -18px no-repeat;
   }
   
#Button-FS-SM-Active {
   margin: 3px 0 0 0;
   padding: 0;
   width: 18px;
   height: 18px;
   background: url("Images/Buttons-Font-Switch.gif") 0px -36px no-repeat;
   float: left;
   display: block;
   }
   
/**********************************************************
// Button >> Font Switch: Med
**********************************************************/
#Button-FS-Med {
   margin: 3px 0 0 5px;
   padding: 0;
   width: 18px;
   height: 18px;
   background: url("Images/Buttons-Font-Switch.gif") -18px 0px no-repeat;
   cursor: pointer;
   display: block;
   float: left;
   }

#Button-FS-Med:hover {
   background: url("Images/Buttons-Font-Switch.gif") -18px -18px no-repeat;
   }

#Button-FS-Med-Active {
   margin: 3px 0 0 5px;
   padding: 0;
   width: 18px;
   height: 18px;
   background: url("Images/Buttons-Font-Switch.gif") -18px -36px no-repeat;
   float: left;
   display: block;
   }
   
/**********************************************************
// Button >> Font Switch: LG
**********************************************************/
#Button-FS-LG {
   margin: 3px 0 0 5px;
   padding: 0;
   width: 18px;
   height: 18px;
   background: url("Images/Buttons-Font-Switch.gif") -36px 0px no-repeat;
   cursor: pointer;
   display: block;
   float: left;
   }

#Button-FS-LG:hover {
   background: url("Images/Buttons-Font-Switch.gif") -36px -18px no-repeat;
   }

#Button-FS-LG-Active {
   margin: 3px 0 0 5px;
   padding: 0;
   width: 18px;
   height: 18px;
   background: url("Images/Buttons-Font-Switch.gif") -36px -36px no-repeat;
   float: left;
   display: block;
   }
   
/**********************************************************
// Calendar Page >> Calendar
**********************************************************/
#CP-Calendar {
   margin: 0 auto 0 auto;
   padding: 0;
   border-top: 1px solid #3ba9ed;
   border-left: 1px solid #3ba9ed;
   border-bottom: 1px solid #3ba9ed;
   text-align: left;
   }
   
#CP-Calendar tr {
     height: 22px;
     }
   
#CP-Calendar-Header {
   text-align: center;
   background-color: #054b76;
   }
   
#CP-Calendar-Header td {
   border-right: 1px solid #3ba9ed;
   border-bottom: 1px solid #3ba9ed;
   }
   
#CP-Calendar td {
   margin: 0;
   padding: 2px 4px 2px 4px;
   }
   
.CP-Tr1 {
   background-color: #0683cf;
   }
   
.CP-Tr1 td {
   border-right: 1px solid #3ba9ed;
   border-bottom: 1px solid #3ba9ed;
   }
   
.CP-Tr2 td {
   border-right: 1px solid #3ba9ed;
   border-bottom: 1px solid #3ba9ed;
   }
   
/**********************************************************
// Form >> Field
**********************************************************/
.Form-Field {
   margin: 0;
   padding: 1px 0 0 1px;
   height: 16px;
   border: 1px solid #FFF;
   background: url("Images/BG-Form-Field.gif") top left repeat-x;
   }
   
.Form-Submit {
   margin: 0;
   padding: 0 0 1px 0;
   width: 75px;
   height: 19px;
   border: 1px solid #FFF;
   cursor: pointer;
   background: url("Images/BG-Form-Field.gif") top left repeat-x;
   }
   
.Form-Text {
   margin: 0;
   padding: 1px 0 0 1px;
   border: 1px solid #FFF;
   background: #FFF url("Images/BG-Form-Field.gif") top left repeat-x;
   }
   
/**********************************************************
// Box >> Messages
**********************************************************/
#Box-Messages {
   margin: 5px auto 0 auto;
   padding: 0;
   width: 730px;
   background: url("Images/Box-Messages-BG.gif") repeat-y;
   color: #800;
   text-align: center;
   }

#Box-Messages-Top {
   margin: 0;
   padding: 0;
   width: 730px;
   height: 10px;
   background: url("Images/Box-Messages-Top.gif") no-repeat;
   }

#Box-Messages-Inner {
   margin: 0 auto 0 auto;
   padding: 0;
   width: 710px;
   }
   
#Box-Messages-Inner a:link, #Box-Messages-Inner a:visited, {
   color: #000;
   }

#Box-Messages-Bottom {
   margin: 0;
   padding: 0;
   width: 730px;
   height: 10px;
   background: url("Images/Box-Messages-Bottom.gif") no-repeat;
   }
   
/**********************************************************
// Page >> Links
**********************************************************/
.Page-Links {
   margin: 0 5px 0 0;
   padding: 0;
   text-align: center;
   font-weight: bold;
   }
   
/**********************************************************
// Resort >> List Table
**********************************************************/
.Resort-List-Table {
   margin: 0 auto 0 auto;
   padding: 0;
   width: 710px;
   background-color: #093755;
   border: 1px solid #4f9dd1;
   }
   
.Resort-List-Table tr {
   margin: 0;
   padding: 0;
   }
   
.Resort-List-Table td {
   margin: 0;
   padding: 10px 0 10px 0;
   border-top: 1px solid #092334;
   border-bottom: 1px solid #226a99;
   }
   
.Resort-Image { width: 130px; text-align: center; }

.Resort-Image img {
   padding: 2px;
   border-top: 1px solid #2d6488;
   border-left: 1px solid #2d6488;
   border-right: 1px solid #0e2a3d;
   border-bottom: 1px solid #0e2a3d;
   }
   
.Resort-Image img:hover {
   border: 1px solid #FFF;
   }
   
.Resort-Address { width: 350px; }
.Resort-Properties { width: 150px; }
.Resort-Honor { width: 75px; }

/**********************************************************
// Resort >> View
**********************************************************/
#PRV-Pics {
	margin: 0;
	padding: 0;
	}

#PRV-Address {
	line-height: 18px;
	}
	
#PRV-Pics img {
	margin: 5px 0 0 0;
	padding: 2px;
	background-color: #0c3357;
	border: 1px solid #FFF;
	}

.PRV-Listtable {
   margin: 0 auto 0 auto;
   padding: 0;
   width: 710px;
   background-color: #093755;
   border: 1px solid #4f9dd1;
   }
   
.PRV-Listtable tr {
   margin: 0;
   padding: 0;
   }

.PRV-Listtable td {
   margin: 0;
   padding: 5px;
   border-top: 1px solid #092334;
   border-right: 1px solid #226a99;
   border-bottom: 1px solid #226a99;
   }
   
/**********************************************************
// Button >> PRV
**********************************************************/
.Button-PRV {
	margin: 0 0 0 205px;
	padding: 0;
	width: 300px;
	height: 50px;
	background-color: #e8e7af;
	border: 1px dashed #000;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	font-size: 18px;
	}

.Button-PRV a:link, .Button-PRV a:visited {
	margin: 5px 0 0 5px;
	padding: 0;
	width: 288px;
	height: 38px;
	color: #FFF;
	background-color: #346fa5;
	border: 1px solid #0c2b49;
	display: block;
   float: left;
	}

.Button-PRV a:hover {
	background-color: #23517c;
	}

/**********************************************************
// Row >> Box
**********************************************************/
.Row-Box {
	margin: 0;
	padding: 0;
	width: 350px;
	float: left;
	}

/**********************************************************
// APP >> Steps
**********************************************************/
#APP-Steps {
	margin: 0;
	padding: 0;
	width: 200px;
	float: right;
	background-color: #fffbd1;
	color: #072a3f;
	border: 1px dashed #072a3f;
	line-height: 18px;
	text-align: left;
	}

/**********************************************************
// APP >> Form Table
**********************************************************/
#APP-Form-Table td {
	padding-bottom: 10px;
	}
   
/**********************************************************
// CP >> Form Title
**********************************************************/
.CP-Form-Title {
   margin: 0;
   padding: 3px 0 3px 0;
   width: 100%;
   text-align: center;
   background-color: #123555;
   font-size: 14px;
   font-weight: bold;
   }