/* The standard order of the properties:                            */
/*    position                                                      */
/*    height                                                        */
/*    width                                                         */
/*    float                                                         */
/*    left                                                          */
/*    margin: 0px 0px 0px 0px;                                      */
/*    padding: 0px 0px 0px 0px;                                     */
/*    background                                                    */
/*    border-top: 1px solid #000000;                                */
/*    border-right: 1px solid #000000;                              */
/*    border-bottom: 1px solid #000000;                             */
/*    border-left: 1px solid #000000;                               */
/*    font: normal bold 10px verdana, arial, helvetica, sans-serif; */

body {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
	background: #FFFFFF;
  font: normal normal 12px verdana, arial, helvetica, sans-serif;
  color: #000000;
}

#cxl_c_1 {
  width: 770px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#cxl_c_2 {
  width: 100%;
	background: #FFFFFF url("images/masthead.jpg") top left no-repeat;
}

#top {
  height: 115px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.header {
  height: 115px;
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 10px 10px 10px 10px;
}

.h_float_left {
  float: left;
}

.h_float_right {
  float: right;
}

/* The Horizontal Navigation Section ---------->>> */

#horizontal_nav {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 250px;
}

.horizontal_nav_bkgd {
  height: 25px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 2px 5px;
  background: #0000FF;
  font: normal bold 10px verdana, arial, helvetica, sans-serif;
  color: #FFFFFF; 
}

a.navlinktop {
	margin: 0px 0px 0px 0px;
	padding: 0px 2px 0px 2px;
  font: normal bold 10px verdana, arial, helvetica, sans-serif;
  color: #FFFFFF; 
  text-decoration: none;
}

a.navlinktop:hover {
  text-decoration: underline
}

/* The Banner Section ----------<<< */

#banner {
  height: 20px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
	background: url("images/banner_background.gif") left no-repeat;
  font: normal normal 1px verdana, arial, helvetica, sans-serif;
  color: #000000;
}

.banner_inside {
  height: 20px;
  margin: 0px 0px 0px 255px;
  padding: 0px 0px 0px 0px;
	background: #FFCC00;
  font: normal normal 1px verdana, arial, helvetica, sans-serif;
  color: #000000;
}
/* The Middle Section ---------->>> */

#middle_container {
  margin: 0px 0px 10px 140px;
  padding: 5px 5px 0px 5px;
  border-top: 0px solid #0000FF;
  border-right: 1px solid #0000FF;
  border-bottom: 1px solid #0000FF;
  border-left: 1px solid #0000FF;
  background: #FFFFFF url("images/body_corner.gif") top left no-repeat;
}

#middle {
  margin: 10px 5px 5px 10px;
  padding: 0px 0px 0px 0px;
  font: normal normal 12px verdana, arial, helvetica, sans-serif;
  color: #000000;
}

p {
  margin: 0px 0px 12px 0px;
  padding: 0px 0px 0px 0px;
  font: normal normal 12px verdana, arial, helvetica, sans-serif;
  color: #000000;
}

/* The Footer Section ---------->>> */

#footer {
  margin: 10px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
  border-top: 1px solid #0000FF;
  border-right: 0px solid #0000FF;
  border-bottom: 0px solid #0000FF;
  border-left: 0px solid #0000FF;
  font: normal normal 9px verdana, arial, helvetica, sans-serif;
  color: #6F6F6F;
	text-align: center;
}

a.navlinkbottom {
  font: normal bold 9px verdana, arial, helvetica, sans-serif;
  color: #0000FF;
  text-decoration: underline;
}

a.navlinkbottom:hover {
  text-decoration: none;
}

/* The Footer Section ----------<<< */

/* The Sub-Menu Section ---------->>> */

.submenugroup {
  height: 1px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
	background: #FFCC00;
  font: normal normal 1px verdana, arial, helvetica, sans-serif;
  color: #000000;
}

.submenu {
  height: 1px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font: normal normal 1px verdana, arial, helvetica, sans-serif;
  color: #000000;
}

/* The Sub-Menu Section ----------<<< */

.f_h1 {
  margin: 0px 0px 10px 0px;
  font: normal normal 18px verdana, arial, helvetica, sans-serif;
}


.f_h2 {
  margin: 2px 0px 6px 0px;
  font: normal bold 14px verdana, arial, helvetica, sans-serif;
}

.f_h3 {
  margin: 2px 0px 4px 0px;
  font: normal bold 12px verdana, arial, helvetica, sans-serif;
}

.f_h4 {
  margin: 0px 0px 0px 0px;
  font: normal normal 12px verdana, arial, helvetica, sans-serif;
}

.f_h5 {
  margin: 0px 0px 0px 0px;
  font: normal normal 10px verdana, arial, helvetica, sans-serif;
}

.bullet {
  margin: 2px 0px 2px 0px;
  font: normal bold 12px verdana, arial, helvetica, sans-serif;
}

.home_bullet_heading {
  margin: 0px 0px 2px 0px;
  font: normal bold 14px verdana, arial, helvetica, sans-serif;
}

.bullet_heading {
  margin: 0px 0px 2px 0px;
  font: normal normal 12px verdana, arial, helvetica, sans-serif;
}

.bullet_heading_2 {
  margin: 2px 2px 2px 2px;
  background: #F5F5FF;
  border-top: 2px solid #CBCBCB;
  border-right: 2px solid #CBCBCB;
  border-bottom: 2px solid #CBCBCB;
  border-left: 2px solid #CBCBCB;
  font: normal normal 12px verdana, arial, helvetica, sans-serif;
}

.bullet_text {
  margin: 4px 0px 4px 30px;
  font: normal normal 11px verdana, arial, helvetica, sans-serif;
}

.text {
  font: normal normal 12px verdana, arial, helvetica, sans-serif;
}

/* The Left Navigation Section ---------->>> */

#nav {
  position: absolute;
  width: 140px;
  height: 275px;
  left: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font: normal bold 12px verdana, arial, helvetica, sans-serif;
  color: #FFFFFF;
}

.sub_nav {
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 0px 0px;
	background: #0000FF;
	text-align: center;
}

.left_nav_selected_subpage {
	width: 140px;
	margin: 0px 0px 1px 0px;
	padding: 5px 0px 5px 5px;
  background: url("images/left_nav_link_bkgd_b.gif");
  font: normal bold 10px verdana, arial, helvetica, sans-serif;
  color: #FFFFFF; 
  text-decoration: underline;
}

.nav_selected_bold {
	width: 140px;
	margin: 0px 0px 1px 0px;
	padding: 5px 0px 5px 5px;
  background: url("images/left_nav_link_bkgd.gif");
/*  font: normal bold 12px/2 verdana, arial, helvetica, sans-serif; */
  font: normal bold 10px verdana, arial, helvetica, sans-serif;
  color: #FFFFFF; 
  text-decoration: none;
}

a.navlinkbold {
	width: 140px;
	margin: 0px 0px 1px 0px;
	padding: 5px 0px 5px 5px;
  background: url("images/left_nav_link_bkgd.gif");
  font: normal normal 10px verdana, arial, helvetica, sans-serif;
  color: #000000; 
  text-decoration: none;
}

a.navlinkbold:hover {
  color: #FFFFFF; 
  text-decoration: underline;
}

/* The Left Navigation Section ----------<<< */

a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
  font: normal normal 12px verdana, arial, helvetica, sans-serif;
  color: #0000FF;
  text-decoration: underline;
}

a:hover {
  text-decoration: none
}

/* The Form Section ---------->>> */

form {
  width: 400px;
  margin: 0px 0px 0px 80px;
  padding: 8px 4px 8px 4px;
  background: #F3F3F3;
  border-top: 1px solid #77C2B4;
  border-right: 1px solid #77C2B4;
  border-bottom: 1px solid #77C2B4;
  border-left: 1px solid #77C2B4;
  font: normal normal 10px verdana, arial, helvetica, sans-serif;
  color: #164742;
}

.doit {
  margin-right:10px;
  background-color: #F2F5FA;
  border-width: 3px;
  font: normal normal 10px verdana, arial, helvetica, sans-serif;
  color: #233108;
  float: right;
}

input.text {
  height: 16px;
  padding: 1px 1px 1px 1px;
  background: #FFFFFF;
  border-top:  1px solid #A8B2BB;
  border-right:  1px solid #A8B2BB;
  border-bottom:  1px solid #A8B2BB;
  border-left:  1px solid #A8B2BB;
  font: normal normal 10px verdana, arial, helvetica, sans-serif;
  color: #233108;
}

input.radio {
  height: 16px;
  width: 16px;
  padding: 1px 1px 1px 1px;
  color: #000033;
}

input.checkbox {
  height: 14px;
  width: 14px;
  padding: 0px 0px 0px 0px;
  color: #000033;
}

textarea {
  padding: 1px 1px 1px 1px;
  background: #FFFFFF;
  border-top: 1px solid #A8B2BB;
  border-right: 1px solid #A8B2BB;
  border-bottom: 1px solid #A8B2BB;
  border-left: 1px solid #A8B2BB;
  font: normal normal 10px verdana, arial, helvetica, sans-serif;
  color: #000033;
}

.form_text_left {
  width: 100px;
  font: normal normal 10px verdana, arial, helvetica, sans-serif;
  text-align: left;
}

.form_text_right {
  width: 130px;
  font: normal normal 10px verdana, arial, helvetica, sans-serif;
  text-align: right;
}

select {
  margin: 0px 0px 0px 0px;
  background: #FFFFFF;
  font: normal normal 10px verdana, arial, helvetica, sans-serif;
  color: #233108;
}

table {
  margin: 2px 2px 2px 2px;
  font: normal normal 10px verdana, arial, helvetica, sans-serif;
  color: #000099;
}

/* The Form Section ----------<<< */

/* The Story Section ---------->>> */

.story {
}

.story_nav {
	width: 100px;
  float: right;
  margin: 0px 0px 0px 4px;
  padding: 4px 4px 4px 4px;
  background: #77C2B4;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: 1px solid #007577;
  font: normal bold 10px verdana, arial, helvetica, sans-serif;
  color: #000000;
}

.story_nav_controls {
  padding: 0px 0px 0px 15px;
}

.story_title {
  height: 40px;
  margin: 0px 0px 20px 0px;
  padding: 10px 0px 0px 0px;
  background: URL("images/h1_background.jpg") top right no-repeat;
  font: normal normal 24px verdana, arial, helvetica, sans-serif;
  color: #000000;
}

.story_page_title {
  margin: 0px 0px 10px 0px;
  font: normal bold 16px verdana, arial, helvetica, sans-serif;
}

/* The Story Section ----------<<< */

/* User Styles Below This Line ---------->>> */

img {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
}

.footer_background {
  height: 20px;
  margin: 10px 10px 10px 10px;
  padding: 10px 10px 10px 10px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
}

h1 {
  height: 25px;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 20px;
	background: url("images/h1_background.jpg") no-repeat;
  font: normal normal 18px verdana, arial, helvetica, sans-serif;
  color: #000000;
}

h2 {
  height: 15px;
  margin: 0px 0px 4px 0px;
  padding: 0px 0px 0px 20px;
	background: url("images/h2_background.jpg") no-repeat;
  font: normal bold 12px verdana, arial, helvetica, sans-serif;
  color: #000000;
}

h3 {
  height: 15px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
	background: url("images/h1_background.jpg") no-repeat;
  font: normal bold 12px verdana, arial, helvetica, sans-serif;
  color: #000000;
}

a.sitemaplinks {
  font: normal bold 16px/2.0 verdana, arial, helvetica, sans-serif;
  text-decoration: underline;
  color: #007577;
}

a.sitemaplinks:hover {
  text-decoration: none;
}

a.sitemaplinkh2 {
  padding: 0px 0px 0px 20px;
  font: normal bold 12px/2.0 verdana, arial, helvetica, sans-serif;
  text-decoration: underline;
  color: #000000;
}

a.sitemaplinkh2:hover {
  text-decoration: none;
}

.requestinfobuttoncontainer {
  height: 23px;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
  background: URL("images/yellow_button.gif") center center no-repeat;
  font: normal bold 12px verdana, arial, helvetica, sans-serif;
  color: #000000;
}

a.requestinfobutton {
  font: normal bold 12px verdana, arial, helvetica, sans-serif;
  text-decoration: underline;
  color: #000000;
}

a.requestinfobutton:hover {
  text-decoration: none;
  color: #007577;
}

.fineprint {
  font: normal normal 10px verdana, arial, helvetica, sans-serif;
  color: #000000;
}

a.fineprintlink {
  font: normal bold 10px verdana, arial, helvetica, sans-serif;
  text-decoration: underline;
  color: #007577;
}

a.fineprintlink:hover {
  text-decoration: none;
  color: #007577;
}

.centerimageonpage {
  font: normal normal 9px verdana, arial, helvetica, sans-serif;
  color: #000000;
  text-align: center;
}

.leftimageonpage {
  font: normal normal 9px verdana, arial, helvetica, sans-serif;
  color: #000000;
  text-align: left;
}

.rightimageonpage {
  font: normal normal 9px verdana, arial, helvetica, sans-serif;
  color: #000000;
  text-align: right;
}

ul {
  margin: 0px 0px 0px 30px;
  padding: 0px 0px 0px 0px;  
}

li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;  
}

.li_lot {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 0px;  
}

.ul_lot {
  margin: 0px 0px 0px 30px;
  padding: 0px 0px 0px 0px;  
  font: normal normal 10px verdana, arial, helvetica, sans-serif;
  color: #000000;
}

/* NOTE: The following are special for a Table. >>> */
.available_homes_table {
  width: 595px;
  font: normal normal 12px verdana, arial, helvetica, sans-serif;
	color: #000000;
}

.a_h_left {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
  font: normal normal 12px verdana, arial, helvetica, sans-serif;
	color: #000000;
	text-align: left;
}

.a_h_center {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
  font: normal normal 12px verdana, arial, helvetica, sans-serif;
	color: #000000;
	text-align: center;
}

.available_left {
	background: #CCCCFF;
  font: normal normal 12px verdana, arial, helvetica, sans-serif;
	color: #000000;
	text-align: left;
}

.available_right {
	background: #CCCCFF;
  font: normal normal 12px verdana, arial, helvetica, sans-serif;
	color: #000000;
	text-align: right;
}

.sold_left {
	background: #FFF5CC;
  font: normal normal 12px verdana, arial, helvetica, sans-serif;
	color: #000000;
	text-align: left;
}

.sold_right {
	background: #FFF5CC;
  font: normal normal 12px verdana, arial, helvetica, sans-serif;
	color: #000000;
	text-align: right;
}
/* NOTE: The above are special for a Table. <<< */

/* NOTE: The following are special for a Table. >>> */
.lot_table {
  width: 600px;
  font: normal normal 12px verdana, arial, helvetica, sans-serif;
	color: #000000;
}

.lot_table_td_center {
  text-align: center;
}
/* NOTE: The above are special for a Table. <<< */

.disclaimer {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font: normal normal 9px verdana, arial, helvetica, sans-serif;
  color: #6F6F6F;
}

.disclaimer_heading {
  font: normal bold 9px verdana, arial, helvetica, sans-serif;
  color: #000000;
}

a.google_link {
  font: normal normal 9px verdana, arial, helvetica, sans-serif;
  text-decoration: underline;
  color: #0000FF;
}

a.google_link:hover {
  text-decoration: none;
}

.inline_sold {
  font: normal bold 12px verdana, arial, helvetica, sans-serif;
  color: #FF0000;
}

/* NOTE: The following are special for a Table. >>> */
.home_table {
  width: 595px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  font: normal normal 10px verdana, arial, helvetica, sans-serif;
	color: #000000;
}

.home_table_td_h {
  border-top: 0px solid #000000;
  border-right: 0px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 0px solid #000000;
  font: normal bold 10px verdana, arial, helvetica, sans-serif;
}
.home_table_td_h_c {
  border-top: 0px solid #000000;
  border-right: 0px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 0px solid #000000;
  font: normal bold 10px verdana, arial, helvetica, sans-serif;
	text-align: center;
}

.home_table_td {
  border-top: 0px solid #000000;
  border-right: 0px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 0px solid #000000;
}

.home_table_td_c {
  border-top: 0px solid #000000;
  border-right: 0px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 0px solid #000000;
	text-align: center;
}

.home_table_td_r {
  border-top: 0px solid #000000;
  border-right: 0px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 0px solid #000000;
	text-align: right;
}
/* NOTE: The above are special for a Table. <<< */

/* NOTE: The following are special for a Table. >>> */
.lot_nav_table {
  font: normal normal 10px verdana, arial, helvetica, sans-serif;
	color: #6F6F6F;
  border-top: 1px solid #6F6F6F;
  border-right: 1px solid #6F6F6F;
  border-bottom: 1px solid #6F6F6F;
  border-left: 1px solid #6F6F6F;
}

a.lot_nav_nextprev {
  font: normal normal 10px verdana, arial, helvetica, sans-serif;
	color: #0000FF;
  text-decoration: underline;
}

a.lot_nav_nextprev:hover {
  color: #6F6F6F;
  text-decoration: none;
}

a.lot_nav_link {
  font: normal normal 10px verdana, arial, helvetica, sans-serif;
	color: #0000FF;
  text-decoration: none;
}

a.lot_nav_link:hover {
  color: #6F6F6F;
  text-decoration: none;
}
/* NOTE: The above are special for a Table. <<< */

.top_sub_nav_content {
  height: 100px;
}

a.register_to_bid {
  font: normal bold 20px verdana, arial, helvetica, sans-serif;
  color: #FFCC00;
  text-decoration: underline;
}

a.register_to_bid:hover {
  color: #FF0000;
  text-decoration: none;
}

/* NOTE: the following are special for the Bank of Hawaii stuff. >>> */
.bofhi_01 {
  font: normal normal 18px verdana, arial, helvetica, sans-serif;
	color: #000000;
}

.bofhi_02 {
  font: normal normal 30px verdana, arial, helvetica, sans-serif;
	color: #000000;
}

.bofhi_03 {
  font: normal bold 12px verdana, arial, helvetica, sans-serif;
	color: #000000;
}

.bofhi_04 {
  font: normal normal 18px verdana, arial, helvetica, sans-serif;
	color: #000000;
}

.bofhi_05 {
  font: normal normal 12px verdana, arial, helvetica, sans-serif;
	color: #000000;
	background: #FFFF00;
}
/* NOTE: the above are special for the Bank of Hawaii stuff. <<< */

.special_01 {
	font: normal bold 22px verdana, arial, helvetica, sans-serif;
	color: #0000FF;
	text-align: right;
}

.special_04 {
  margin: 0px 0px 0px 320px;
  padding: 0px 0px 0px 0px;
	text-align: right;
}

.special_04a {
	text-align: left;
}

.special_02 {
  margin: 0px 0px 0px 205px;
  padding: 0px 0px 0px 0px;
	text-align: right;
}

.special_02a {
  padding: 5px 2px 5px 2px;
  font: normal bold 18px verdana, arial, helvetica, sans-serif;
	color: #000000;
	text-align: center;
	background: #FFCC00;
}

.special_03 {
  font: normal bold 18px verdana, arial, helvetica, sans-serif;
	color: #FF0000;
	text-align: center;
}

.page_01 {
  background: url("images/island_sunset_03.jpg") top left no-repeat;
}

.red_bold_centered {
  font: normal bold 16px verdana, arial, helvetica, sans-serif;
	color: #FF0000;
	text-align: center;
}