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

html {
	height:100%;
}
body {
	margin:0;
	padding:0;
	height:100%;
	font-family:arial, serif;
	color:#FFFFFF;
	font-size: 90%;
	background-image: url(images/background.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: fixed;
	background-color:#0000c0;
}
#wrap {	
	min-height:100%;
	width:920px;
	margin:auto;
	position:relative;
	background: url(images/back-main.png);
}
* html #wrap {
	height:100%;
}
#inner-wrap {
	padding-bottom:0px;
}
#headerleft {
	width:20px;
	height:340px;
	margin-top:0px;
	border: 0px;
	background-image: url(images/header-left.png);
}
#header {
	width:879px;
	height:340px;
	float:right;
	position:relative;
	padding-right:21px;
	margin-top:-340px;
	border: 0px;
	background-image: url(images/header-main.jpg);
	background-repeat:no-repeat;
}
#headerright {
	width:20px;
	height:340px;
	top:-340px;
	float:right;
	position:relative;
	margin-top:0px;
	padding-right:1px;
	background-image: url(images/header-right.png);
	background-repeat:no-repeat;
}
#main {
	min-height: 1900px;
	width:920px;
	position:relative;
	margin-top:0px;
	margin-left:0px;
}
#right {
	float:right;
	width:210px;
	text-align:left;
	margin-right:4px;
	min-height:100%;
}
#right1DIV {
	position:relative;
	width: 210px;
	padding-top: 0px;
	padding-bottom:10px;
	background-color:#5aaffb;
	text-align: center;
}
#right2DIV {
	position:relative;
	width: 210px;
	padding-top: 0px;
	padding-bottom:10px;
	text-align:center;
	background-color:#1F87F8;
	color:#000000;
	font-size: .6em;
}
#wrap #inner-wrap #main #right #right2DIV #bigislandclub {
	background-image: url(images/big-island-club-back.png);
	background-repeat: no-repeat;
	height: 425px;
	width: 200px;
	padding-left: 10px;
}
#right3DIV {
	position:relative;
	width: 210px;
	min-height:100%;
	text-align:center;
	font-size: 90%;
}
#content {
	padding-top:8px;
	padding-left:35px;
	margin-right:235px;
	text-align:left;
	padding-right: 40px;
	z-index:999;
}
#inner-wrap:after {
	content:" ";
	display:block;
	clear:both;
}
#eventsTABLE {
	position:relative;
	width:550px;
	margin:auto;
	padding: 8px;
	vertical-align: top;
	font-size: 0.8em;
}
#footer {
	text-align:center;
	position:absolute;
	bottom:0px;
	height:50px;
	width:920px;
	padding-top:26px;
	padding-bottom:0px;
	background-image: url(images/back-footer.png);
	background-repeat: no-repeat;
	background-color: #06F;
	font-size: 10px;
}
p {
	color:#FFFFFF;
	margin:5px;
	padding:0;
	font-family: arial, serif;
	font-size: 95%;
}
h1 {
	position:relative;
	line-height:80px;
	margin:0;
	padding-left:20px;
}
h2 {
	color:#FFCC33;
	font-size: 1em;
	text-align:center;
	position:relative;
	line-height:40px;
	margin:0;
	padding-left:20px;
}
h3 {
	color:#FFCC33;
	font-size: 1em;
	text-align:left;
	position:relative;
	line-height:18px;
	margin:0;
	padding-left:20px;
}
#wrap #inner-wrap #main #content #bigislandclubsignup {
	background-image: url(images/big-island-club-back-lrg.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#content a:link {
	text-decoration: underline;
	color: #F90;
}
a:link {
	text-decoration: underline;
	color: #630;
}
a:visited {
	text-decoration: underline;
	color: #CCC;
}
a:active {
	text-decoration: underline;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #003399;
	font-weight: normal;
}

#wrap #inner-wrap #main #content #groupsDIV {
	padding-left: 16px;
	padding-bottom: 12px;
	text-align:left;
}
#signature {
	text-align: right;
	padding-right: 200px;
	padding-bottom: 32px;
	padding-top: 8px;
}

/* apply behavior filter only to foreground images and to background images whose position is top left */ img, #content #rail .railBlock .header, #content #rail .railBlock ul.icons li { behavior: url(http://www.hfalls.com/scripts/iepngfix2.htc); }

.orangetext {
	color: #FC0;
}
.whitetext {
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:0.9em;
}
.whitetext a:link{
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	margin-top:22px;
}
.whitetext a:visited{
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
}

</style>  [if IE]> <style type="text/css"> #main, #content, #wrap, #inner-wrap {
zoom:1;
}
</style> <![endif]
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: lighter;
	color: #FFF;
}
blockquote {
	font-size: 12px;
}
ul {
	font-size: 12px;
}
/*Main navigtion css properties begin*/
.menu {
	position:relative;px 0px;
	height:50px;
	width:875px;
	color:#033;
}
.menu ul {
	position:absolute;
	list-style:none;
	z-index:100;
	width: 875px;
	padding-top:5px;
	padding-bottom:22px;
}
.menu li {
	float:left;
}
.menu a, .menu a:active, .menu a:visited, .menu a:hover {
	text-decoration:none;
	color:#033;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	padding:14px;
}
#slide {
	position:absolute;
	background:#FC0;
	top:13px;
	height:24px;
	z-index:99;
}
/*Main navigtion css properties end*/

#navi {
	position: absolute;
	z-index: auto;
	left: -20px;
	top: 290px;
}
#headerslides {
	position: absolute;
	height: 194px;
	width: 286px;
	left: 239px;
	top: 103px;
	z-index:0;
}
#mahalo {
	margin: auto;
	height: 90px;
	width: 320px;
	position: absolute;
	top:129px;
	left: 6px;
	z-index:999;
}
#headerslides2 {
	position: absolute;
	height: 207px;
	width: 323px;
	left: 557px;
	top: 61px;
	z-index:0;
}
#ngarlandmenu {
	position: absolute;
	z-index:1;
	width:150px;
	height:33px;
	left:300px;
	top: -340px;
	}
#ngphone {
	position: absolute;
	z-index:999;
	width:150px;
	height:25px;
	left:300px;
	top: -307px;
	margin-left:22px;
	color:#C60;
	font-size:12px;
	}
#colonymenu {
	position: absolute;
	z-index:1;
	width:150px;
	height:22px;
	left:300px;
	top: -275px;
	}
#colonyphone {
	position: absolute;
	z-index:999;
	width:150px;
	height:25px;
	left:300px;
	top:-250px;
	margin-left:25px;
	color:#C60;
	font-size:12px;
	}
#mansfieldmenu {
	position: absolute;
	z-index:1;
	width:150px;
	height:30px;
	left:300px;
	top:-230px;
	}
#mansfieldphone {
	position: absolute;
	z-index:998;
	width:150px;
	height:25px;
	left:305px;
	top:-200px;
	margin-left:22px;
	color:#C60;
	font-size:12px;
	}
#wrap #header #navi #videoicon {
	position: absolute;
	left: 325px;
	top: 14px;
	z-index:996;
}
.smallfont {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .8em;
	color: #FFF;
}
.redtext {
	color: #F30;
	font-weight: bold;
}
#norain {
	position: relative;
	height: 145px;
	width: 145px;
	left: 110px;
	top: -200px;
	z-index:999;
	margin: auto;
}
#zipcoverup{
	position:absolute;
	top:120px;
	left:2px;
	background-color:#e9e8c2;
	width:176px;
	height:28px;
	z-index:999;
	}
.zipcoverupclass{
	position:relative;
	top:150px;
	left:0px;
	background-color:#0066cc;
	width:176px;
	height:28px;
	z-index:999;
	}
.contactzipcoverupclass{
	position:relative;
	top:150px;
	left:0px;
	background-color:#0066cc;
	width:176px;
	height:28px;
	z-index:999;
	}