body {

	margin:0;

	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #E7E3E3;
	scrollbar-shadow-color: gray;
	scrollbar-3dlight-color: #D7D1D1;
	scrollbar-arrow-color:  gray;
	scrollbar-track-color: #DAD8D8;
	scrollbar-darkshadow-color: #A8A8A8;
	height: 100%;
	overflow: auto;
	text-align:center;
	background-image: url("PANEL2A.jpg");
	background-attachment: fixed;
	font-family: arial,helvetica;

}

html {
	height:100%;
}

a img {
	border: none;
}

a {
	color: gray;
	text-decoration:none;
}

a:hover {
	color: #6A96D8;
	text-decoration: underline;
}

#menu {

	position: absolute;
	top: 0px;
	width: 850px;
	height:20px;
	background-image: url("MenuButton.jpg");
	/*overflow:hidden;*/
	z-index:3;
	text-align:left;
	margin-left:auto;
	margin-right:auto;

}

#menuLeftCap {
	position: absolute;
	top:0px;
	width: 8px;
	height: 20px;
	left:0px;
	background-image: url("MenuLeftCap.jpg");
	z-index:2;
	
}

#menuRightCap {
	position: absolute;
	top:0px;
	width: 8px;
	height: 20px;
	right:0px;
	background-image: url("MenuRightCap.jpg");
	z-index:2;
	
}

#banner {
	position: relative;
	top:-126px;
	left:-17px;
	width:816px;
	height: 125px;
	background-image: url("sunset4.jpg");
	overflow: hidden;
	z-index:1;
	margin-left:auto;
	margin-right:auto;
	border-left:1px solid black;

}



#bannerCap {
	position: absolute;
	top:0px;
	left:816px;
	width:expression(document.body.clientWidth-930);
	right:114px;
	height: 125px;
	background-image: url("HawaiianPanel.jpg");
	overflow: hidden;
	z-index:1;
	
}

#container {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height:100%;

}



#content {
	position:absolute;
	top:55px;
	left:20px;
	right: 20px;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-right: 245px;
	font-family: arial,helvetica;
	font-size: 11px;
	z-index:2;
	text-align:left;
	min-height:550px;
	

}


.contentShadow {
	position:absolute;
	top:5px;
	left:-6px;	
	bottom: -5px;
	width: 5px;
	height:expression(this.parentElement.clientHeight);
	background-color:gray;
	z-index:4;
	font-size:1px;
	line-height:0;

}

.contentShadowBottom {
	position:absolute;
	left:-6px;
	right:5px;	
	bottom: -6px;
	width: expression(this.parentElement.clientWidth);
	height:5px;
	background-color:gray;
	z-index:4;
	font-size:1px;
	line-height:0;

}



#sideBar {
	position:absolute;
	top:10px;
	right: 10px;
	width:200px;
	height:1120px;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-right: 5px;
	/*overflow: hidden;*/
	font-family: arial,helvetica;
	font-size: 11px;
	background-color: white;
	z-index:5;
	
}

#sideBar2 {
	position:absolute;
	top:645px;
	left: 20px;
	right: 275px;
	height:540px;
	width:555px;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-right: 5px;
	/*overflow: hidden;*/
	font-family: arial,helvetica;
	font-size: 11px;
	background-color: white;
	z-index:1;
	
}

#sideBar a, #sideBar2 a {
	font-size:14px;
}


#sideBarShadow {
	position:absolute;
	top:193px;
	/*left:570px;*/
	bottom: 72px;
	right: 135px;
	/*width: expression(document.body.clientWidth-709);*/
	width:240px;
	height: expression(document.body.clientHeight-265);
	background-color: gray;
	/*border-left: 5px solid gray;
	border-bottom: 5px solid gray;*/
	padding: 10 5 10 5;

}

.cbLogo {

	position:absolute;
	height:52px;
	width: 116px;
	top:36px;
	left: 15px;
	background-image: url("CB_Real_Estate_Logo.gif");
}

.mainTitle {
	position: absolute;
	height:52px;
	top:70px;
	left: 146px;
	width: expression(document.body.clientWidth-146);
	font-family:"times new roman", times;
	font-size: 36px;
	font-weight: bold;
	color: #ffffff;
	overflow:hidden;
	
}

.menuCell {

	font-size:18px;
	font-family: "Times New Roman", times;
	/*top:10px;*/
	text-align:center;
	/*padding: 0 15 0 15;*/
	height: 20px;
	color: #808080;

}

/*#menu td:hover {
	background-image: url("menuGradientBlue.jpg");
}*/

#menu a {
	color: #808080;
	text-decoration:none;
	background-image: none;
}

#menu a:hover {
	color: #6A96D8;
	/*text-decoration:underline;*/
	background-image: url("MenuButtonBlue.jpg");


}

#ronShot {

	position: absolute;
	background-image: url("RonBorder.jpg");
	top: 0px;
	left: 816px;
	width: 155px;
	height: 145px;
	/*border: 1px solid gray;*/


}

P {
	font-family:verdana,helvetica;
	font-size: 14px;
}

#motto {

	position: absolute;
	top:25px;
	left:15px;
	width: 816px;
	padding: 0 15 0 15;
	font-family: "Times New Roman", times;
	font-size:16px;
	font-style: italic;
	text-align: left;
	color: gray;


}

#border {
	position: absolute;
	right: 0px;
	width: 114px;
	height: 100%;
	top:0px;
	bottom:0px;
	background-image: url("PANEL2A.jpg");
	
}

#busCard {
	position: absolute;
	left:0px;
	bottom: 20px;
	width: 100px;
	height: 57px;
	background-image: url("busCard.jpg");
	z-index:3;
	
}

#footer {

	position:absolute;
	left:100px;
	right: 10px;
	width: 650px;
	bottom:20px;
	height:57px;
	font-family: verdana; helvetica;
	font-size:11px;
	color: gray;
	/*border: 1px solid grey;*/
	text-align: center;
	z-index:3;
	background-color:white;	

}

#footer a {
	color: gray;
	text-decoration:none;
}

#footer a:hover {
	color: #6A96D8;
	text-decoration: underline;
}

#bottom {
	position:absolute;
	bottom: 10px;
	left:10px;
	width:725px;
	height:57px;
	background-color:white;
	z-index:2;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
}

#bottomPad {
	position:absolute;
	bottom: 0px;
	left:0px;
	width:725px;
	height:57px;
	background-color:white;
	z-index:2;
}


#innerContainer {
	position:relative;
	/*z-index:4;*/
	width:850px;
	/*height:100%;*/
	top: 125px;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid black;
	background-color: white;
	text-align:left;
	overflow: visible;
	
}

#bannerWrapper {
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	width:100%;
	height:125px;
	text-align:center;
}

#bottomSpacer {
	position:absolute;
	bottom:-15px;
	height:15px;
	width:100px;
	left:0px;

}

#mauiBoardLogo {

	position:absolute;
	right:0px;
	bottom:20px;
	height:57px;
	width:85px;
	background-image: url("logo.jpg");
}

#bottomBar {
	position:absolute;
	left:0px;
	bottom:0px;
	height:20px;
	width:100%;
	background-image: url("MenuButton.jpg");
}

.contactContainer {
	width:450px;
	padding-left:10px;
	padding-bottom:7px;
}
.contactLabel {
	position:absolute;
	left:10px;
	/*width:300px;*/
	/*border:1px solid black;*/

}

.contactInput {
	position:absolute;
	right:10px;
}

#buyMenu {
	position:absolute;
	top:22px;
	left:0px;
	height:83px;
	width:200px;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-top: 1px solid #808080;
	border-right: 1px solid #808080;
	display:none;
	background-color:white;
}

#buyMenu a:hover {
	text-decoration: underline;
	background-image: none;

}

.buyMenuEntry {

	height: 20px;
	margin-bottom: 1px;
	background-color: #D6E0FB;
	width:195px;
	text-align:left;
	font-family: arial,helvetica;
	font-size:16px;
	padding-left:5px;

}

/*style for websearch 3.0 from Maui Board*/
.RAMBox1 {
background-color: #D9D9D9;
text-align: center;
color: #000000;
font-weight: bold;
font-size: 14px;
}

.RAMBox2 {
background-color: #EEEEEE;
color: #000000;
text-align: center;
font-size:12px;
}

.RAMBox3 {
background-color: #E7E7E7;
color: #000000;
text-align: left;
font-size:10px;
}

.RAMButton1 {
background-color: #E7E7E7;
text-align: center;
width: 100px;
color: #575BFF;
text-decoration: none;
float: left;
font-weight: bold;
}

a.RAMButton1:hover {
/*background-color: #EEEEEE;*/
}

.RAMButton2 {
background-color: #E7E7E7;
text-align: center;
width: 100px;
color: #575BFF;
text-decoration: none;
float: right;
font-weight: bold;
}

a.RAMButton2:hover {
/*background-color: #EEEEEE;*/
}

.RAMButton3 {
background-color: #E7E7E7;
text-align: center;
width: 100px;
color: #575BFF;
text-decoration: none;
font-weight: bold;
}

a.RAMButton3:hover {
/*background-color: #EEEEEE;*/
}	

a.RAM:link {
color: #575BFF; /*#0000FF;*/
text-decoration: none;
}

a.RAM:visited {
text-decoration: none;
color: #000099;
}

a.RAM:hover {
text-decoration: underline;
color: #6A96D8;
}