body {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: black;
	background-color:#015402;
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
	margin:0px; padding:0px;
}
p, li, #theDiv td {
   font-family: Arial, sans-serif;
	font-size: 13px;
	color: black;
}
.iH { display:none }
#theDiv td {
	border-bottom:1px solid #a1d1e5;
}
#theDiv th {
   font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: white;
	text-align:left;
	background-color:#00609d;
}
#theDiv th a {
	color: white;
}
#theDiv th a:hover {
	color: #ffcc00;
}
#theDate {
   font-family: Arial, sans-serif;
   font-size: 12px;
   color:#ffffff;
   text-align:center;
   position:absolute;
   top:73px;
   z-index:99;
   right:10px;
   margin-bottom:-20px;
}
.tdHover {
	background-color:#FFCC00;
}
a {
	color: #cc6633;
}
a:hover {
	color: #00609d;
}
.mapLinks a {
	color: #00609d;
}
.mapLinks a:hover {
	color: #cc6633;
}
ul {
   list-style-image: url(images/bullet.gif);
}
ul li {
   font-family: Arial, sans-serif;
	font-size: 13px;
	color: #00609d;
}
ol li {
   font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: #cc6633;
}
ol li span {
	font-weight:normal;
	color: #00609d;
}
h1 {
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight:normal;
	color:#5f9728;
	margin-top:0px;
}
h2 {
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight:normal;
	color:#cc6633;
	margin:0px;
}
h3 {
   font-family: Arial, sans-serif;
	font-size: 15px;
   font-weight:bold;
	color:#cc6633;
	margin:0px;
}
h4 {
   font-family: Arial, sans-serif;
	font-size: 15px;
   font-weight:bold;
	color:#000000;
	margin:0px;
}
.villaHeading {
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color:#00609d;
}
form {
	margin-bottom:0px;
}
img {
	border-color:#b8e2ee;
}
.subContentBox {
	background-color:white;
	border:1px solid #5f9728;
	padding:10px;
}
.header {
	display:block;
	width:778px; height:92px;
	background-image:url(images/header.jpg);
	}
#theDiv {
	background-color:white;
	width:100%;
	height:100%;
	overflow:auto;
	border:1px solid #5f9728;
	padding:5px;
}
#mainContent {
	width:780px;
	border-left:1px solid #5fa5ce;
	border-right:1px solid #5fa5ce;
}
#topMenu {
   height:24px;
	background-color:#508d0d;
	background-image:url(images/menu.jpg);
	padding:0 0 0 37px;
}
#topMenu a {
   font-family: Arial, sans-serif;
	font-size: 16px;
	text-decoration:none;
	color: white;
	display:table-cell;
	height:24px;
	line-height:24px;
	padding-right:10px;
	padding-left:10px;
}
#topMenu a:hover {
   background-color:#77bc15;
	background-image:url(images/menu_over.jpg);
   color:#035407;
}
.sideMenu {
	width:140px;
	background-color:white;
	background-image:url(images/sidebar_bkgd.jpg);
	background-repeat:repeat-x;
	padding-top:23px;
	padding-left:13px;
	padding-right:13px;
}
.sideBarMenu {
	background-color:#035407;
	background-image:url(images/sidebar_box.jpg);
	background-repeat:no-repeat;
	padding-top:6px;
	padding-bottom:6px;
	margin:0px;
	margin-bottom:15px;
	width:139px;
}
.sideBarMenu a {
   font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration:none;
	color: white;
	line-height:18px;
	display:block;
	padding-left:6px;
}
.sideBarMenu a:hover {
   background-color:#46880f;
   color:white;
}
.sidebarMenu_villas {
	margin-top:10px;
	width:139px; height:31px;
	background-image:url(images/sidebar_villa_directory.jpg);
	}
.sidebarMenu_info {
	margin-top:10px;
	width:139px; height:31px;
	background-image:url(images/sidebar_information.jpg);
	}
.content {
	width:618px;
	background-color:white;
	background-image:url(images/main_bkgd.jpg);
	background-repeat:repeat-x;
   font-family: Arial, sans-serif;
	font-size: 13px;
	color: black;
}
.adminContent {
	width:100%;
   background-color:white;
	background-image:url(images/main_bkgd.jpg);
	background-repeat:repeat-x;
   font-family: Arial, sans-serif;
	font-size: 13px;
	color: black;
	padding:15px;
}
#theContent {
	margin-top:13px;
	margin-left:7px;
	margin-right:7px;
	margin-bottom:13px;
	width:597px;
}
.availability_contact, .availability_contact a, .availability_contact a:hover {
	font-size:16px;
	font-weight:bold;
	color:white;
}
.availability_contact_lower, .availability_contact a, .availability_contact a:hover {
	font-size:16px;
	font-weight:bold;
}
.footer {
	height:15px;
	background-color:white;
   border-top:1px solid #b6e1ea;
}
.copyright {
   font-family: Arial, sans-serif;
	font-size: 10px;
	color:#00609d;
	text-align:center;
}
.footer td, .footer a {
   font-family: Arial, sans-serif;
	font-size: 10px;
	color:#00609d;
	text-align:center;
}
.footer a:hover {
	color:red;
}
.blueHL {
	color:#00609d;
	height:2px;
	width:100%;
	margin:0px;
}
#villasDiv {
	background-color:white;
	height:100%;
	overflow:auto;
	border:1px solid #5f9728;
	padding:5px;
}
#villasDiv td {
	border-bottom:1px solid #a1d1e5;
	font-family: Arial, sans-serif;
	font-size: 13px;
}
#villasDiv th {
   font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: white;
	text-align:left;
	background-color:#00609d;
}
#villasDiv th a {
	color: white;
}
#villasDiv th a:hover {
	color: #ffcc00;
}
.dataHeader {
	background-color:#00609d;
	padding:2px;
}
.dataHeader_sub {
	background-color:#00609d;
}
.dataBox {
   background-color:white;
	border:1px solid #5f9728;
}
.button_search {
	display:block;
	width:160px; height:80px;
	background-image:url(images/button_villa_search.jpg);
	margin-bottom:10px;
}
.button_3br {
	display:block;
	width:160px; height:80px;
	background-image:url(images/button_3br.jpg);
	margin-bottom:10px;
}
.button_4br {
	display:block;
	width:160px; height:80px;
	background-image:url(images/button_4br.jpg);
	margin-bottom:10px;
}
.button_5br {
	display:block;
	width:160px; height:80px;
	background-image:url(images/button_5br.jpg);
	margin-bottom:10px;
}
.button_6br {
	display:block;
	width:160px; height:80px;
	background-image:url(images/button_6br.jpg);
	margin-bottom:10px;
}
.button_condos {
	display:block;
	width:160px; height:80px;
	background-image:url(images/button_condos.jpg);
	margin-bottom:10px;
}
/* ========================= DATE PICKER STYLES ====================== */

.dpDiv {}
.dpTable {
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-align: center;
   color: #000000;
   background-color: #FFFFFF;
   border: 1px solid #5f9728;
}
.dpTR {}
.dpTitleTR {}
.dpDayTR {}
.dpTodayButtonTR {}
.dpTD {
   cursor: pointer;
}
.dpDayHighlightTD {
   background-color: #d9f3ff;
   border: 1px solid #a1d1e5;
   cursor: pointer;
}
.dpTitleTD {}
.dpButtonTD {}
.dpTodayButtonTD {}
.dpDayTD {
   background-color: #d9f3ff;
   border: 1px solid #a1d1e5;
   color: #00609d;
}
.dpTitleText {
   font-size: 12px;
   color: #00609d;
   font-weight: bold;
}
.dpDayHighlight {
   color: #024a0a;
   font-weight: normal;
}
.dpButton {
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #FFFFFF;
   border: 1px solid #a1d1e5;
   background: #00609d;
   font-weight: bold;
   padding: 0px;
}
.dpTodayButton {
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #FFFFFF;
   border: 1px solid #a1d1e5;
   background: #00609d;
   font-weight: bold;
}
/* ========================= CALENDAR STYLES ====================== */

#calendar {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #5f9728;
}
.calendarButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	border: 1px solid #a1d1e5;
	background: #00609d;
	font-weight: bold;
	padding: 0px;
}
.calendarDayHighlight {
	background-color: #d9f3ff;
	border: 1px solid #a1d1e5;
	color: #00609d;
}
.calendarTitleText {
	font-size: 12px;
	color: #00609d;
	font-weight: bold;
}
.calendarLow {
	font-size: 12px;
     font-family: Arial, Sans-Serif;
  	text-align:center;
	background-color:#ccffcc;
	border: 1px solid #6bb355;
}
.calendarMid {
  	font-size: 12px;
     font-family: Arial, Sans-Serif;
  	text-align:center;
	background-color:#ffff99;
	border: 1px solid #b2b248;
}
.calendarHigh {
  	font-size: 12px;
     font-family: Arial, Sans-Serif;
  	text-align:center;
	background-color:#ff99cc;
	border: 1px solid #b3477d;
}
.calendarHoliday {
  	font-size: 12px;
	font-family: Arial, Sans-Serif;
  	text-align:center;
	background-color:#ffc299;
	border: 1px solid #b37247;
}
.calendarUnassigned {
	background-color:#ffffff;
	border:1px solid #a1d1e5;
}
.calendarBooked {
	background-color:red;
	border:1px solid #800000;
}
.calendarBookedStart {
   background-image:url(images/booking_start.gif);
	background-repeat:no-repeat;
	border:1px solid #800000;
}
.calendarBookedEnd {
	background-image:url(images/booking_end.gif);
	background-repeat:no-repeat;
	border:1px solid #800000;
}

/* ==================================== */
/* ========== Admin Menu Bar ========== */
/* ==================================== */

.adminMenu {
   position:relative;
   z-index:99;
	margin:0px;
	height:24px;
   background-color:#508d0d;
	background-image:url(images/menu.jpg);
}
.nav, .nav ul {
   padding: 0;
   margin:0;
   list-style: none;
   }
.nav {
	width:710px;
	margin:0;
	}
.nav a, .navOut {
	display:block;
   color:white;
   font-size:16px;
   text-decoration:none;
   text-align:center;
	line-height:24px;
	padding:0 10px;
   }
.nav a div {
	font-weight:normal;
	color:#8e98a1;
	margin-top:-5px;
	}
.nav li {
   float:left;
   }
.nav li ul {
   position:absolute;
   text-align:left;
   width:126px;
   left:-999em;
   }
.nav li a:hover, .nav li a.active {
   background-color:#77bc15;
	background-image:url(images/menu_over.jpg);
   color:#035407;
  }
.navHover {
   display:block;
   font-size:16px;
   text-decoration:none;
   text-align:center;
	line-height:24px;
	padding:0 10px;
   cursor:default;
   background-color:#77bc15;
	background-image:url(images/menu_over.jpg);
   color:#035407;
   }
.nav li ul li, .nav li ul li:hover {
   border:none;
   display:block;
   }
.nav li ul li a {
   font-size:14px;
   line-height:20px;
   display:block;
   border:none;
   width:182px;
   padding:0 10px;
   text-align:left;
   background-color:#2f7208;
   background-image:none;
   position:relative;
   z-index:99;
   height:auto;
   }
.nav li ul li a:hover {
	background-color:#afde20;
	background-image:none;
   }
.nav li:hover ul, .nav li.sfhover ul, .nav li ul li:hover ul, .nav li ul li.sfhover ul {
   left:auto;
   display:block;
   }