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

html {
	height:100%;
	color:#FFFFFF;
	padding:0;
	font-family: arial, serif;
	font-size: 0.8em;
}
body {
	margin:0;
	padding:0;
	height:100%;
	background-image: url(images/background.gif);
	background-repeat:  repeat-x;
	background-position: left top;
	background-attachment: fixed;
	background-color:#0000C0;
}
#wrap {
	position:relative;
	width:920px;
	margin:auto;
	background: url(images/back-main.png);
}
* html #wrap {
	height:100%;
}
#headerleft {
	float:left;
	z-index:900;
	width:20px;
	height:340px;
	margin-top:0px;
	background-image: url(images/header-left.png);
}
#header {
	float:left;
	width:879px;
	height:340px;
	background-image: url(images/header-main.jpg);
	background-repeat:no-repeat;
}
#headerright {
	float:left;
	z-index:900;
	width:20px;
	height:340px;
	background-image: url(images/header-right.png);
	background-repeat:no-repeat;
}
#main {
	width:920px;
	margin-top:0px;
	margin-left:0px;
	position: relative;
	float: left;
	background: url(images/back-main.png);
}
#content {
	float:left;
	width:600px;
	padding-top:8px;
	margin-left:35px;
}
#right {
	float:right;
	width:210px;
	margin-right:25px;
}
#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%;
}
.roundedDIV {
	margin: 0.1in auto;
	background-color: #FFF;
	padding: 10px;
	text-align: left;
	border-radius:3ex;
  -webkit-border-radius:3ex;
  -moz-border-radius:3ex;
	/*border: 3px solid #fff;*/
}
.bPost {
	margin: 0.1in auto;
	background-color: #039;
	padding: 10px;
	text-align: left;
	border-radius:3ex;
  -webkit-border-radius:3ex;
  -moz-border-radius:3ex;
	/*border: 3px solid #fff;*/
}
.roundedDIV p {
	color:#06C;
	}
.roundedDIV p a:link {
	color:#F90;
}
.roundedDIV a:visited {
	color:#039;
}
.hotelspecialsDIV {
	position:relative;
	float:right;
	width:300px;
	margin-right:30px;
	color:#06C;
}
.hotelspecialsDIV ul li {
	margin-bottom:8px;
}
#eventsTABLE {
	position:relative;
	width:550px;
	margin:auto;
	padding: 8px;
	vertical-align:text-top;
	font-size: 0.8em;
}
#footer {
	text-align:center;
	bottom:0px;
	height:50px;
	width:920px;
	padding-top:26px;
	padding-bottom:0px;
	background-image: url(images/back-footer.png);
	background-repeat: no-repeat;
	font-size: 0.7em;
	float: left;
}
h1 {
	position:relative;
	line-height:40px;
	margin:0;
	font-size: 1.8em;
}
h2 {
	position:relative;
	line-height:20px;
	margin:0;
	font-weight:bold;
}
h3 {
	color:#FFCC33;
	font-size: 1em;
	text-align:left;
	position:relative;
	line-height:18px;
	margin:0;
	padding-left:20px;
}
dl {  
  margin:14px; 
}
dt {
	font-weight:bold;
	margin-top:5px;
}
dd {
	font-weight:normal;
	margin:0 0 5px 10px;
}
#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: #FC3;
}
#content a:visited{
	text-decoration: underline;
	color: #FC3;
}
a:link {
	text-decoration: underline;
	color: #630;
	font-size: 1em;
}
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: #FC3;
}
.whitetext {
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
}
.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;
}
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;
	height:50px;
	width:875px;
	color:#033;
	left: 25px;
	top: 5px;
}
.menu ul {
	position:absolute;
	list-style:none;
	z-index:100;
	width: 875px;
	left: 7px;
}
.menu li {
	float:left;
	vertical-align: top;
}
.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;*/
	font-size: 1em;
	padding:8px;
}
#slide {
	position:absolute;
	background:#FC0;
	top:8px;
	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: 262px;
	top: 103px;
	z-index:0;
}
#headerslides2 {
	position: absolute;
	height: 207px;
	width: 323px;
	left: 580px;
	top: 60px;
	z-index:0;
}
#ngarlandmenu {
	position: absolute;
	z-index:999;
	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:999;
	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:0;
	width:150px;
	height:33px;
	left:450px;
	top: -340px;
}
#mansfieldphone {
	position: absolute;
	z-index:0;
	width:150px;
	height:25px;
	left:450px;
	top: -310px;
	margin-left:22px;
	color:#C60;
	font-size:12px;
}
#roanokemenu {
	position: absolute;
	z-index:0;
	width:150px;
	height:22px;
	left:450px;
	top: -285px;
}
#roanokephone {
	position: absolute;
	z-index:0;
	width:150px;
	height:25px;
	left:450px;
	top:-260px;
	margin-left:25px;
	color:#C60;
	font-size:12px;
}
#wacomenu {
	position: absolute;
	z-index:0;
	width:150px;
	height:33px;
	left:600px;
	top: -345px;
}
#wacophone {
	position: absolute;
	z-index:0;
	width:150px;
	height:25px;
	left:600px;
	top: -315px;
	margin-left:22px;
	color:#C60;
	font-size:12px;
}
.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;
}
#mahalo {
	position: absolute;
	top: 155px;
	z-index:999;
	left: 73px;
}
#overlay1 {
	width:140px;
	height:120px;
	position:absolute;
	top:-20px;
	left:-50px;
}
#overlay2 {
	width:140px;
	height:120px;
	position:absolute;
	top:-20px;
	left:796px;
}
#overlay3 {
	width:80px;
	height:80px;
	position:absolute;
	top:270px;
	left:-20px;
}
#overlay4 {
	width:80px;
	height:80px;
	position:absolute;
	top:260px;
	left:870px;
}
#alert {
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align:left;
	margin: 6px auto 6px auto;
	background-color:#0033CC;
	width:400px;
	padding:10px;
}
#alert p {
	color:#FFF;
	}
#alertgraphic {
	float: left;
	width: 50px;
	height: 50px;
	margin: 5px;
	position: relative;
}
.backtotop {
	float:right;
	clear:left;
}