@charset "utf-8";
/* CSS Document */

body {
	font: 13px/15px Arial, Helvetica, sans-serif;
	color: #333333;
	background: #333333 url(images/bg_grad.jpg) repeat-x fixed;
	margin: 0px;
	padding: 10px;
	
}
h1 {
	margin: 10px;
	color: #F7F7EF;
	font: normal 30px Arial, Helvetica, sans-serif;
	
}
h2 {
	color: #666666;
	letter-spacing: 1em;
	font: 15px Arial, Helvetica, sans-serif;
	text-align: center;
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 10px;
}
h3 {
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333333;
	margin: 0px 0px 15px;
	padding-top: 15px;
}
h4 {
	color: #333333;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px;
}
a {
	color: #993333;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#container {
	width: 850px;
	margin: 0px;
	margin-left: auto;
    margin-right: auto;
	
}
#nav {
	height: 32px;
	width: 100%;
	margin: 10px;
	background: url(images/nav_bg.gif) repeat-x;
	position: relative;
}
#nl {
	position: absolute;
	left: 0px;
	top: 0px;
}
#nr {
	position: absolute;
	top: 0px;
	right: 0px;
}
#navLink{
	position: absolute;
	top: 6px;
	height: 22px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index: 100;
	width: 100%;
}
a.nlink {
	font: bold 13px/20px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	border-right: 1px solid #990000;
	margin: 0px;
	padding: 2px 7px 4px;
}
a.nlink_last {
	font: bold 13px/20px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	margin: 0px;
	padding: 2px 7px 4px;
}
a.nlink:hover, a.nlink_last:hover {
  	background: url(images/nav_select.gif);
	text-decoration: none;
}
#content {
	background: #FFFFFF;
	width: 810px;
	margin: 10px 10px 0px;
	position: relative;
	padding: 10px 20px;
}
#tl {
	position: absolute;
	left: 0px;
	top: 0px;
}
#tr {
	position: absolute;
	top: 0px;
	right: 0px;
}
#brand {
	font: 13px/20px Arial, Helvetica, sans-serif;
	color: #333333;
	width: 180px;
	margin-bottom: 10px;
	margin-left: 20px;
	text-align: center;
}
#box1 {
	padding: 3px 0px;
	width: 200px;
	border: 1px solid #999999;
	margin-bottom: 10px;
}
#box2 {
	background: #f8ecb8;
	width: 100%;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#box2 p {
	margin: 0px 10px;
	font: 14px/16px Arial, Helvetica, sans-serif;
	color: #333333;
	padding-bottom: 15px;
	padding-top: 15px;
	text-align: center;
}
#boxl {
	background: #f8ecb8;
	width: 100%;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#boxl p {
	margin: 0px 10px;
	font: 14px/16px Arial, Helvetica, sans-serif;
	color: #333333;
	padding-bottom: 15px;
	padding-top: 15px;
	text-align: left;
}
#box3 {
	padding: 3px 0px;
	width: 400px;
	border: 1px solid #999999;
	margin-bottom: 10px;
}
#box4 {
	padding: 3px 0px;
	width: 500px;
	border: 1px solid #999999;
	margin-bottom: 10px;
}
#box4 p {
	margin: 0px 12px;
	font: 14px/17px Arial, Helvetica, sans-serif;
	color: #333333;
	padding-bottom: 15px;
	padding-top: 15px;
}
#box5 {
	padding: 3px 0px;
	width: 300px;
	border: 1px solid #999999;
	margin-bottom: 10px;
}
#box6 {
	padding: 3px 0px;
	width: 475px;
	border: 1px solid #999999;
	margin-bottom: 10px;
}
.imgleft {
	float: left;
	margin-bottom: 10px;
	margin-right: 20px;
}
.imgright {
	float: right;
	margin-bottom: 10px;
	/*border-top: 2px solid #D7C2A3;
	border-left: 2px solid #F8ECB8;*/
}
.topleft {
	float: left;
	margin: 10px;
}
.topright {
	float: right;
	margin: 10px;
}
.bottomright {
	float: right;
	margin: 330px 10px 10px;
}
.right {
	border-right: 1px solid #999999;
}
.top {
	border-top: 1px solid #999999;
}
.bottom {
	border-bottom: 1px solid #999999;
}
#smap {
	font: 15px/20px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
#smap li {
	margin: 2px 0px 2px 110px;
}
#footer {
	clear: both;
	border-top: 1px solid #cccccc;
	color: #999999;
	padding: 10px;
}
#kula {
	background: url(images/kula.jpg) no-repeat right top;
	height: 467px;
	width: 700px;
	margin-bottom: 10px;
	margin-left: 110px;
}
#kula_200 {
	background: url(images/kula_200.jpg) no-repeat right top;
	height: 467px;
	width: 700px;
	margin-bottom: 10px;
	margin-left: 110px;
}
#kuau {
	background: url(images/kuau.jpg) no-repeat right top;
	height: 467px;
	width: 700px;
	margin-bottom: 10px;
	margin-left: 110px;
}
#makena {
	background: url(images/makena.jpg) no-repeat right top;
	height: 467px;
	width: 700px;
	margin-bottom: 10px;
	margin-left: 110px;
}
#maui_meadows {
	background: url(images/maui_meadows.jpg) no-repeat right top;
	height: 467px;
	width: 700px;
	margin-bottom: 10px;
	margin-left: 110px;
}
#kapalua {
	background: url(images/kapalua.jpg) no-repeat right top;
	height: 467px;
	width: 700px;
	margin-bottom: 10px;
	margin-left: 110px;
}
#leftnav {
	width: 100px;
	float: left;
}
#leftnav ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style: disc;
	color: #993333;
}
#leftnav ul li a {
	color: #993333;
	text-decoration: none;
}
#leftnav ul li a:hover {
	color: #993333;
	text-decoration: underline;
}