* { margin:0; padding:0; }

body {
	background:#f7f8fa;
}

#holder {
	width:941px;
	height:auto;
	float: left;
	display:inline;
	margin-left:20px;
}

#top {
	width:941px;
	height:93px;
	background: url(../images/topbg.gif) top left no-repeat;
	float:left;
}

a.logo {
	width:157px; height:55px; display:block; float:left; cursor:pointer; text-decoration:none; margin:10px 0 0 12px;
	background:url(../images/logo.gif) top left no-repeat;
	text-indent:-99999px;
}






#topml {
	background:url(../images/topmbg.gif) top left no-repeat;
	width:7px;
	height:23px;
	float:right;
}

#topm {
	width:auto;
	height:23px;
	float:right;
	background:#f7f8fa;
	padding-left:12px;
	margin-bottom:10px;
}

#topm a {
	width:auto;	height:13px;
	background:url(../images/topabg.gif) top left no-repeat;
	display:block;	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px; color:#255383; text-decoration:none;
	text-indent:10px; padding-top:5px; margin-right:12px;
	cursor:pointer;
	font-weight:bold;
}

#topm a:hover {
	color:#000000;
}






#menu {
	width:753px;
	display:inline;
	height:40px;
	float:right;
	margin-top:20px;
}

#menu a{
    height:39px; width:auto;
	display:block; float:left;
	font-family:Tahome, Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none; color:#416a8b;	font-weight:bold;
	background:url(../images/mline.gif) right top no-repeat;
	padding:12px 22px 0 22px;
}
	 
#menu a.nol {
	background:none;
}
#menu a:hover{
	color:#28445b;
}









#leftcolholder {
	width:209px;
	height:auto;
	float:left;
	background:#dce8eb;
	 margin-bottom:-8px;
}

#leftcoltop {
	width:209px;
	height:18px;
	background:#dce8eb url(../images/leftcbgtop.gif) top left no-repeat;
	float:left;
}

#leftcol {
	width:209px;
	height:auto;
	float:left;
}

#leftcol h5{
	color:#32475e;
	font-family:Tahome, Arial, Helvetica, sans-serif;
	font-size:13px;
	float:left;
	font-weight:bold;
	padding-left:12px;
	padding-bottom:14px;
	width:180px;
}
#leftcol h1{
	color:#32475e;
	font-family:Tahome, Arial, Helvetica, sans-serif;
	font-size:13px;
	float:left;
	font-weight:bold;
	padding-left:12px;
	padding-bottom:5px;
	width:180px;	
}
#leftcol h1 a{
	color:#32475e;
	font-family:Tahome, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}

#leftcol #lmenu {
	width:205px;
	height:auto;
	float:left;
	display:inline;
	margin:15px 0 50px 2px;
}

#leftcol #lmenu .open {
	width:205px;
	height:auto;
	margin:2px 0 6px 0;
}

#leftcol #lmenu .open a, #leftcol #lmenu .open a:hover {
	width:205px;
	height:18px;
	color:#56708d;
	font-family:tahoma, arial;
	font-size:10px;
	background:url(../images/larrow.gif) top left no-repeat;
	line-height:18px;
	text-indent:26px;
	display:block;
}

#leftcol #lmenu .open a:hover, #leftcol #lmenu .open a.sel { color:#32475e; }

#leftcol #lmenu a{
	width:205px;
	height:25px;
	display:block;
	cursor:pointer;
	background:url(../images/lcolabg.gif) top left no-repeat;
	font-family:Tahome, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#32475e;
	text-decoration:none;
	line-height:25px;
	text-indent:12px;
	position:relative;
}

#leftcol #lmenu a:hover { background:url(../images/lcolabg_hover.gif) top left no-repeat;}
#leftcol #lmenu a.minus, #leftcol #lmenu a.minus:hover { background:url(../images/lcolabgminus.gif) top left no-repeat}
#leftcol #lmenu a.plus { background:url(../images/lcolabgplus.gif) top left no-repeat}
#leftcol #lmenu a:hover.plus{ background:url(../images/lcolabgplus_hover.gif) top left no-repeat;}








#continut {
	width:719px;
	height:auto; float:left;
	margin-left:13px;
}
#continut .homeimg {
	width:719px;
	height:309px;
	background:url(../images/homeimg.jpg) top left no-repeat;
}

#continut .text {
	width:486px;
	height:auto;
	float:left;
}
#continut .text h1 {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:18px;
	color:#153658;
	font-weight:100;
	padding:21px 0 15px 10px;
	clear:both;	
}

#continut .text p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0d2a48;
	padding:10px 0 10px 10px;
	line-height:20px;
	text-align:justify;
}

#continut .escape {
	width:170px;
	height:auto;
	float:left;
	margin:63px 0 0 35px;
}

#continut .escape a.window {
	width:170px;
	height:auto;
	float:left;
	display:block;
	text-decoration:none;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/windowarrow.gif) 165px 10px no-repeat;
	border-bottom:1px dotted #dfdfdf;
	padding:8px 1px 10px 8px;
}
#continut .escape a:hover.window {
	background-color:#f2f3f4;	
}

#continut .escape a.window em{
	color:#2d4f73;
	width:170px;	
	text-decoration:none;
	font-style:normal;
	font-size:12px;
	font-weight:bold;
	float:left;
	clear:both;
}

#continut .escape a.window i {
	width:140px;
	font-size:11px;
	color:#7d7575;
	text-decoration:none;
	font-style:normal;
	float:left;	
	clear:both;
	text-align:justify;
	padding:3px 0 8px 0;
}	

#continut ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0d2a48;
	padding:10px 0 10px 10px;
	line-height:16px;
	text-align:justify;
}

#continut ul li {
	margin-left:30px;
	margin-bottom:12px;
}

#homefooter {
	width:486px;
	height:auto;
	border-top:3px solid #e4e6e7;
	margin:30px 0 0 250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#767778;
	float:left;
	padding-bottom:50px;
	display:inline;
}	

#homefooter p {
	padding:10px 0 0 0;
}
#homefooter a{
	color:#767778;
	text-decoration:none;
	padding:0 10px 0 10px;
	font-weight:bold;
}

	
	
	



#leftcol #wd {
	width:205px;
	height:auto;
	float:left;
	padding:2px;
	position:relative;
	margin-bottom:1px;
}

#leftcol #wd em {
	width:70px;
	height:26px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#566f80;
	float:left;
	font-weight:bold;
	font-style:normal;
	padding:10px 0 0 12px;
}

#leftcol #wd img {
	width:33px;
	height:36px;
	float:left;
}

#leftcol #wd i {
	width:45px;
	height:26px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#566f80;
	font-style:normal;
	text-align:center;
	line-height:15px;
	padding:0 3px 0 10px;
}

#leftcol .d1 {	background:#d5e5e8;}
#leftcol .d2 {	background:#d0e2e6;}
#leftcol .d3 {	background:#ccdfe3;}
#leftcol .d4 {	background:#cbdfe3;}
#leftcol .d5 {	background:#cadde1;}	
	


/*   admin    */
.cadmin {
	width:920px !important;
}
#continut .admin {
	width:920px !important;
}
.cadmin label{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	font-weight:bold;
}
.hadmin{
	width:1200px !important;
}
.tadmin{
	padding-right:200px;
}	
#leftcol h6{
	color:#32475e;
	font-family:Tahome, Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
	font-weight:bold;
	padding:10px 0 7px 12px;
}
#formular{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0d2a48;
	padding:10px 0 10px 10px;
	line-height:20px;
	text-align:justify;
}
#formular label{
	float: left;
	width: 132px;
	font-weight: bold;
	padding-bottom:10px;
}

#formular input, #formular textarea, #formular select{
	width: 280px;
	margin-bottom: 5px;
	float:left;
}

#formular textarea{
	width: 300px;
	height: 100px;
}

#formular .boxes{
	width: 1em;
}
#formular .small{
	width:35px;
}
#formular .radio{
	width:25px;
}
#formular .date{
	width:80px;
}
#formular .submitbutton{
	margin-left: 132px;
	margin-top: 5px;
	width: 90px;
}
#formular small{
	float:left;
	padding:0 3px 0 3px;	
}	
#formular br{
	clear: left;
}
p.pr{
	margin:5px 0 10px 0;
	padding:0 ;
	float:left;
	height:auto;	
	line-height:16px ;
	text-align:left;
	letter-spacing:normal;
	border-bottom:1px solid #999999;
	display:inline;
}
.left{ 
	float:left; 
	display:inline;
}
.right{ 
	float:right; 
	display:inline;

}
a.pra{
	color:#32475E;
	width:500px;
	float:left;
	margin:0;
	padding:0;
	font-weight:bold;
	text-decoration:none;
}
a.plink{
	color:#44668c;
	float:left;
	margin:25px 0 0 30px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

.ptour{
	float:left;
	border:1px solid #B6C6CA;
	width:110px;
	height:auto;
	background:#DCE8EB;
	text-align:center;
	margin-left:20px;
	margin-right:0px;
	margin-bottom:31px;
	display:inline;
}
.ptsmall{
	height:108px !important;
}
.ptour img{
	border:2px solid #C6D3D7;
	margin-bottom:7px;
	display:inline;
	float:left;
	margin-left:1px;
	margin-top:2px;
}
.ptour a{
	text-decoration:none;
	color:#153658;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	float:left;
	padding:0 2px 0 2px;
}


p.map { padding:0 !important; margin:0 !important;}

.sp{
	border:1px solid #d2d3d5;
	padding:2px;
	width:718px;
	height:auto;
	min-height:28px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:12px;
	cursor:pointer;
	font-weight:bold;	
}
.sph{
	float:left;
	width:100%;
	height:100%;
	background: #dde8ec;
}
.sprop{
	height:auto;
	min-height:28px;
	width:223px;
	float:left;
	background:#dde8ec url(../images/sp_top_desp.gif) right center no-repeat;
	color:#2b435f;
	padding:3px 5px 3px 10px;
	line-height:16px;
}
.sptit{
	float:left;
	background:#e7e8ea url(../images/plus.gif) right center no-repeat;
	color:#6d6d6f;
	padding:3px 5px 3px 10px;
	line-height:16px;
	height:auto;
	min-height:38px;
	width:465px;
}
.sptito{
	float:left;
	background:#dde8ec url(../images/minus.gif) right center no-repeat;
	color:#000000;	
	padding:0 5px 0 10px;
	line-height:26px;
	line-height:18px;
	height:auto;
	width:465px;
}
.spdesc{
	width:724px;
	float:left;
	margin-top:4px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#e7e8ea url(../images/vpopbg.gif) top left repeat-y;
}
.spleft{
	float:left;
	width:242px;
	padding-top:10px;
}
.spright{
	float:left;
	width:450px;
	padding:10px;
	background:#e7e8ea;
	color:#414141;
}	
.spleft a{
	float:left;
	margin-left:65px;
	width:113px;
	height:34px;
	background:url(http://www.kohalacoastresorts.com/images/abg.gif) top left no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	line-height:30px;
	color:#364e68;
	font-weight:bold;
	text-decoration:none;
	margin-top:20px;
}

#traveltab {margin:10px 0 0 5px;}

#traveltab td{
	padding:5px 5px 15px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	border-bottom:1px solid #eff1f4;
}

.tttxt, .caltxt, .dtxt, .ttr {
	width:220px;
	font-size:11px;
	padding:2px;
	float:left;
	margin-top:5px;
}

.caltxt {
	width:200px;
}

.calico {
	margin-top:5px;
	border:none;
}

.dtxt {
	width:120px;
	
}

.lng {
	width:220px;
}

.ttr {
	width:220px;
}

.fbt {
	width:70px;
	height:26px;
	border:none;
	font-size:12px;
	background:#69728a;
	color:#ffffff;
	cursor:pointer;
}
.evcat {
    float: left;
    list-style: none outside none;
    margin-bottom: 20px;
    margin-top: 5px;
    width: 205px;
}
.midof {
    color: #C0C0C0;
    font-family: Mido;
    font-size: 14px;
    font-weight: normal;
}
.coll {
	background-color:#4a4a49;
}
#calendar {
	margin:0 0 22px 0;
}
#calendar .gradline {
	color:#ffffff;
	font-weight:bold;
}
#calendar .gradline td {
	color:#cdcac6;
	background-color:#4a4a48;
	font-size:11px;
}
#calendar td {
	height:21px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	text-align:center;
	color:#7a6c69;
	background-color:#3a3a3a;
}
#calhead {
	background:#383838;
	padding-top:2px;
	padding-bottom:1px;
	margin-top:15px;
	margin-bottom:5px;
}
#calhead a.larr, #calhead a:hover.larr, #calhead a.rarr, #calhead a:hover.rarr {
	display:block;
	width:23px;
	height:21px;
	color:#ffffff;
	font-size:14px;
	background:none;
}
#calhead a.larr, #calhead a.larr:hover {
	background: url("../images/leftarr.gif") left top;
	display: block;
	height: 21px;
	width: 23px;
	float:left
}
#calhead a.rarr, #calhead a.rarr:hover {
	background: url("../images/rightarr.gif") right top;
	display: block;
	height: 21px;
	width: 23px;
	float:right;
}
#calhead a.cer, #calhead a:hover.cer {
	display:block;
	line-height:20px;
	width:auto;
	height:21px;
	color:#7a6c69;
	text-decoration:none;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
}
#calendar .dead {
	background-color:#3a3a3a;
	color:#aba8a0;
}
#calendar a {
	display:block;
	width:24px;
	height:21px;
	color:#333333;
	background:url(../images/calev.gif) top no-repeat;
	line-height:20px;
	text-decoration:none;
}
#calendar a.old {
	display:block;
	width:24px;
	height:21px;
	color:#FFFFFF;
	background:url(../images/calevold.gif) top no-repeat;
	line-height:20px;
	text-decoration:none;
}

#calendar .curentday {
	color:#FFFFFF;
}
#presscol {
	width:486px;
	height:auto;
	float:left;
}
#presscol a {
	width:466px;
	height:100px;
	padding:10px;
	float:left;
	background:#DCE8EB;
	text-decoration:none;
	margin-bottom:15px;
	display:block;
	cursor:pointer;
	color:#000;
	position:relative;
}
#presscol a b {
	width:345px;
	height:22px;
	float:left;
	font-size:13px;
	padding-top:0px;
	color:#000;
	margin-left:15px;
}
#presscol a em {
	width:85px;
	height:22px;
	float:right;
	text-align:right;
	font-size:13px;
	font-weight:bold;
}
#presscol a span {
	width:185px;
	height:18px;
	border-bottom:1px solid #e8e7e4;
	display:block;
	float:left;
	margin-left:27px;
	float:left;
}
#presscol a img {
	padding:2px;
	float:left;
}
#presscol a span i {
	width:185px;
	height:18px;
	font-style:normal;
	float:left;
	display:block;
	font-size:11px;
	font-weight:bold;
	padding-top:6px;
}
.adetails {
	position:absolute;
	bottom:10px;
	right:15px;
	color:#2D4F73;
	font-weight:normal;
	font-size:14px;
}
.evhour {
	position:absolute;
	bottom:10px;
	left:325px;
	color:#333;
	font-weight:normal;
	font-size:12px;
}
.evhour1 {
	position:absolute;
	bottom:10px;
	left:230px;
	color:#333;
	font-weight:normal;
	font-size:12px;
}
.evdate{
	position:absolute;
	bottom:10px;
	left:130px;
	color:#000;
	font-weight:bold;
	font-style:normal;
	font-size:12px;	
}
#presscol a strong.eve {
	width:345px;
	height:auto;
	float:left;
	font-size:12px;
	margin-left:15px;
	line-height:16px;
	font-weight:normal;
	margin-top:3px;
	text-align:justify;
}
.fpp {
	height:40px !important;
}
.fppb {
	width:440px !important;
}
.fppb em {
	font-size:10px;
	color:#999;
	padding-left:0px;
}
.fppi, .fpph {
	height:23px;
	width:110px;
	float:right;
	background:url(../images/pdf.gif) top right no-repeat;
	margin-right:10px;
	margin-top:10px;
	font-style:normal;
	font-size:12px;
	line-height:25px;
	color:#306fb5;
	font-weight:bold;
}
.fpph {
	background:url(../images/htmli.gif) top right no-repeat;
}
.evcat li{
	margin-bottom:5px !important;
}
.evcat a{
	text-decoration:none !important;
}
#presscolsmall {
	width:440px;
	height:auto;
	float:left;
}
#presscolsmall a {
	width:420px;
	height:100px;
	float:left;
	background:#faf9f6;
	border:1px solid #f7f4ed;
	text-decoration:none;
	margin-bottom:15px;
	display:inline;
	display:block;
	cursor:pointer;
	color:#434343;
	margin-left:10px;
}
#presscolsmall a b {
	width:305px;
	height:22px;
	float:left;
	font-size:12px;
	padding-top:9px;
	color:#00438c;
	margin-left:28px;
	display:inline;
}
#presscolsmall a span {
	width:185px;
	height:18px;
	border-bottom:1px solid #e8e7e4;
	display:block;
	float:left;
	margin-left:27px;
	float:left;
	display:inline;
}
#presscolsmall a img {
	width:120px;
	height:75px;
	padding:2px;
	border:1px solid #e8e7e4;
	float:left;
	margin:9px 0 0 8px;
	display:inline;
}
#presscolsmall a:hover {
	background:#f6f5f1;
}
#presscolsmall a span em, #presscolsmall a span i {
	width:185px;
	height:18px;
	font-style:normal;
	float:left;
	display:block;
	font-size:11px;
	font-weight:bold;
	padding-top:10px;
}
#presscolsmall a span i {
	float:right;
	text-align:right;
	color:#00438c;
}
#presscolsmall a strong.eve {
	width:380px;
	height:auto;
	float:left;
	font-size:11px;
	margin-left:20px;
	line-height:16px;
	font-weight:normal;
	margin-top:3px;
	text-align:justify;
	display:inline;
}
#eventimgcol {
	width:280px;
	height:auto;
	float:left;
	margin-bottom:30px;
}
#eventimgcol img {
	padding:3px;
	border:1px solid #e0dbd8;
}
a.but {
	color:#000000;
	font-size:12px;
	font-weight:bold;
	margin:15px 0 0 55px;
	float:left;
	text-decoration:none;
}
#eventrightcol {
	width:486px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#373737;
}
#eventrightcol p{
	padding:0 !important;
	float:left;
}
#eventrightcol h2 {
	margin:0;
	padding:0;
	width:486px;
	height:auto;
	float:left;
	font-size:14px;
	padding-bottom:20px;
	font-weight:bold;
}
#eventrightcol .details {
	width:486px;
	height:28px;
	float:left;
	margin:5px 0 5px 0;
}
#eventrightcol .details em, #eventrightcol .details i {
	width:150px;
	height:26px;
	font-style:normal;
	float:left;
	display:block;
	font-size:11px;
	font-weight:bold;
}
#eventrightcol .details i {
	float:right;
	text-align:right;
}
#eventrightcol .bottom {
	height:30px;
	width:315px;
	float:left;
	text-align:center;
}
#eventrightcol .bottom p {
	text-align:center;
}
.eventsh {
	padding-bottom:15px !important;
	font-size: 11px !important;
}
