/* ===============================================================================================================

	Basic Style Sheet (for version 4 browsers)
	
	version:	1.1
	author:		joseph freeman
	email:		info@cabanmediagroup.com
	website:	http://cabanmediagroup.com

==================================================================================================================*/



/* ===========================================================

   -- CREATES NORMALIZED STYLE SHEETS ACROSS ALL BROWSERS --

============================================================*/

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/


body {
	color:#000;
	background:#FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

li {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
	font-variant:normal;
}

sup,sub {
	line-height:-1px;
	vertical-align:text-top;
}

sub {
	vertical-align:text-bottom;
}

input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

/* ===========================================================
		
		--	BEGIN GENERAL DECLARATIONS --

============================================================*/

h1 {font-size:3em;font-weight:bold}

h2 {font-size:2.5em;font-weight:bold}

h3 {font-size:2em;font-weight:bold}

h4 {font-size:1.9em;font-weight:bold}

h5 {font-size:1.7em;font-weight:bold}

h6 {font-size:1.5em;font-weight:bold}

a:link,a:visited,a:hover,a:active,a:focus {
	text-decoration:none;
}

ul {
	list-style:none;
}

.clear {clear:both;}

* {
	border:0;
	outline:0;
}

/* ===========================================================
		
		-- BEGIN SITE SPECIFIC DECLARATIONS --

============================================================*/
body {
	font:normal 62.5%/150% "Comic Sans MS", "Comic Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
	background:url(../images/body_tile.gif) repeat;
	text-align:center;
}

#wrapper {
	width:800px;
	margin:0 auto
}

p {
	font-size:1.4em;
	margin:10px 220px 10px 40px;
	line-height:1.4em
}

ul {
	font-size:1.3em
}

a {
	color:#003300;
	border-bottom:1px solid #003300
}

a:hover,a:visited {
	color:#006633;
	border-bottom:1px solid #006633
}

dl {
	margin:0 0 20px 0;
	font-size:1.3em;
	color:#000000;
	line-height:1.4em
}

dt {
	font-weight:bold;
	margin:5px 0
}



#navbar {
	float:left;
	display:inline;
	width:800px;
	height:41px;
}

#navbar li {
	float:left;
	display:inline;
	text-indent:-9999px
}

#navbar li a {
	border:0
}

#navbar #nav1 {
	display:block;
	width:179px;
	height:41px;
	background:url(../images/nav_ent.jpg) left top no-repeat;
	overflow:hidden;
}

#navbar #nav1:hover, #entertainment #navbar #nav1 {
	background:url(../images/nav_ent.jpg) -179px top no-repeat;
}

#navbar #nav2 {
	display:block;
	width:94px;
	height:41px;
	background:url(../images/nav_bio.jpg) left top no-repeat;
	overflow:hidden;
}

#navbar #nav2:hover, #bio #navbar #nav2 {
	background:url(../images/nav_bio.jpg) -94px top no-repeat;
}

#navbar #nav3 {
	display:block;
	width:102px;
	height:41px;
	background:url(../images/nav_gal.jpg) left top no-repeat;
	overflow:hidden;
}

#navbar #nav3:hover, #gallery #navbar #nav3 {
	background:url(../images/nav_gal.jpg) -102px top no-repeat;
}

#navbar #nav4 {
	display:block;
	width:158px;
	height:41px;
	background:url(../images/nav_ins.jpg) left top no-repeat;
	overflow:hidden;
}

#navbar #nav4:hover, #instruction #navbar #nav4 {
	background:url(../images/nav_ins.jpg) -158px top no-repeat;
}

#navbar #nav5 {
	display:block;
	width:138px;
	height:41px;
	background:url(../images/nav_cal.jpg) left top no-repeat;
	overflow:hidden;
}

#navbar #nav5:hover, #calendar #navbar #nav5 {
	background:url(../images/nav_cal.jpg) -138px top no-repeat;
}

#navbar #nav6 {
	display:block;
	width:129px;
	height:41px;
	background:url(../images/nav_con.jpg) left top no-repeat;
	overflow:hidden;
}

#navbar #nav6:hover,#contact #navbar #nav6 {
	background:url(../images/nav_con.jpg) -129px top no-repeat;
}

#wrapper #title {
	clear:left;
	display:block;
	margin:0;
	padding:0;
	width:800px;
	height:164px;
	background:url(../images/ocean.jpg) left top no-repeat;
	text-indent:-9999px;
}


/* Main Content box and descendents
-----------------------------------------*/
#mainCol {
	position:relative;
	text-align:left;
	width:800px;
	min-height:755px;
	margin:0;
	padding:15px 0 5px 0;
	background:#ffffff url(../images/body_back.jpg) left top no-repeat;
}


#mainCol h3 {
	display:block;
	width:593px;
	height:34px;
	color:#006600;
	text-indent:-9999px
}

#entertainment #mainCol h3 {
	background:url(../images/head_ent.gif) left top no-repeat
}

#bio #mainCol h3 {
	background:url(../images/head_bio.gif) left top no-repeat
}

#gallery #mainCol h3 {
	height:45px;
	background:url(../images/head_gal.gif) left top no-repeat
}
	
#contact #mainCol h3 {
	background:url(../images/head_con.gif) left top no-repeat
}

#calendar #mainCol h3 {
	background:url(../images/head_cal.gif) left top no-repeat
}

#instruction #mainCol h3 {
	background:url(../images/head_ins.gif) left top no-repeat
}

/* Footer and descendents
-----------------------------------------*/

#footer {
	width:800px;
	height:20px;
	margin:0 auto;
	font-size:1.2em;
	padding-top:5px;
	color:#ffffcc;
	background:url(../images/footer.jpg) left top no-repeat;
	
}

#footer a {
	font-family: "Century Gothic", "Lucida Grande", Arial;
	color:#cccccc;
	margin:0;
	border:none
}

#footer a span {
	color:#666666
}

#footer a:hover span {
	color:#999999
}

#footer a:hover {
	color:#ffffff
}

/* ===========================================================

   -- PAGE SPECIFIC DECLARATIONS --

============================================================ */

/* index.html and descendents
-----------------------------------------*/
#index #indexHead {
	position:relative;
	display:block;
	width:702px;
	height:485px;
	margin:50px auto
}

#index #indexHead a {
	position:relative;
	display:block;
	padding-top:50px;
	width:702px;
	height:485px;
	border:0;
	color:#ffffff
}
	

#index #indexHead span {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:702px;
	height:485px;
	margin:0;
	background:url(../images/kehuliliokailani-enter-site.jpg) left top no-repeat
} 

#index #indexEnter {
	margin:-40px auto 0 auto;
	border:0;
}

#index #indexEnter a {
	color:#ffffff;
	border:0;
}

#index #indexEnter a:hover {
	color:#cccccc;
	border-bottom:0
}

/* entertainment.html and descendents
-----------------------------------------*/

#entertainment #mainCol ul {
	float:left;
	display:inline;
	margin:20px 0 10px 125px;
	padding-bottom:5px
}

#entertainment #mainCol ul li {
	float:left;
	display:inline;
}

#entertainment #mainCol ul li a {
	font-size:1.3em;
	border-bottom:none;
}

#entertainment #mainCol ul li a:hover {
	color:#330000;
}

#entertainment #mainCol .package {
	clear:left;
	width:549px;
	margin-left:35px;
	background:url(../images/pack_tile.jpg) left top repeat-y
}


#entertainment #mainCol h4 {
	display:block;
	width:509px;
	padding-top:40px;
	padding-bottom:2px;
	padding-left:40px;
	color:#003300;
	background:url(../images/pack_top.jpg) left top no-repeat
}

#entertainment #mainCol h6 {
	margin-top:20px;
	margin-left:40px;
	color:#000000
}

#entertainment #mainCol .package p {
	margin:0 50px 10px 40px
}

#entertainment #mainCol .packBottom {
	width:549px;
	height:57px;
	background:url(../images/pack_bottom.jpg) left top no-repeat
}

#entertainment #mainCol dl {
	width:400px;
	margin-top:15px;
	margin-left:60px;
	color:#333333
}

#entertainment #mainCol dt {
	color:#003300;
	font-size:1.3em
}

#entertainment #mainCol dl span {
	font-weight:bold;
	color:#000000
}	

#entertainment #mainCol dd {
	margin-left:10px;
}

#entertainment #mainCol dl dd .smallText {
	font-size:0.8em;
	color:#333333
}

#entertainment #mainCol p.smallText {
	font-size:1em;
	text-align:center;
	margin-top:40px
}

#entertainment #mainCol .nextHead {
	margin-top:40px
}

/* bio.html and descendents
-----------------------------------------*/

#bio h5 {
	margin-right:180px;
	text-align:center;
}

#bio #header {
	text-align:center;
	margin:0;
	margin-right:180px;
	margin-top:3px;
}

#bio .pixThumb {
	margin-left:20px;
	padding-left:127px;
	height:138px
}

#bio #pix1 {
	background:url(../images/bio_linda.gif) left top no-repeat
}

#bio #pix2 {
	background:url(../images/bio_trudi.gif) left top no-repeat
}

#bio #signature {
	margin-left:150px
}

#bio #signature span {
	color:#333333;
	font-size:0.9em
}

#bio #ginger {
	margin-top:30px;
	width:650px;
	height:650px;
	background:url(../images/ginger.jpg) left top no-repeat;
}

#bio #gingerButton {
	position:relative;
	display:block;
	width:576px;
	height:81px;
	margin-left:20px;
	line-height:1.5em;
}

#bio #gingerButton a {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:576px;
	height:81px;
	background:url(../images/gingerButton.jpg) left top no-repeat;
	overflow:hidden;
	border:0;
}

#bio #gingerButton a:hover {
	background:url(../images/gingerButton.jpg) right top no-repeat
}
	
	
#bio #back {
	margin-left:280px
}

#bio #back a {
	border:0;
}

#bio #back a:hover {
	color:#333333
}

#bio #ginger h6 {
	margin:0;
	margin-left:50px;
	margin-right:80px;
	text-align:center
}

#bio #ginger p {
	margin:10px 80px 10px 50px;
	text-align:center
}

#bio #ginger #pFirst {
	padding-top:300px
}

/* gallery.html and descendents
-----------------------------------------*/

#gallery h5 {
	margin-left:40px
}

#gallery #chooseEvent {
	margin:0 auto 10px 40px
}

#gallery #chooseEvent li {
	margin:10px 0
}

#gallery #mainCol .eventHead {
	margin:50px 200px 0 40px;
	padding-top:10px;
	border-top:1px solid #003300
}

#gallery #mainCol .eventWrap {
	position:relative;
	margin:20px 200px 0 40px
}

#gallery #mainCol .eventWrap li {
	margin:10px 0
}

.slideshow_wrap {
	margin:20px 0 20px 20px
}

div.video {
	width:277px;
	height:229px;
	padding:45px 0 0 75px;
	background:url(../images/video_back.png) left top no-repeat;
	margin:0 0 0 20px;
	text-align:left
}


/* #gallery #mainCol .eventWrap .video .videoObject {
	position:absolute;
	top:40px;
	left:75px
} */

#gallery #mainCol .eventWrap .video .videoObject {
	width:230px;
	height:190px;
	margin:30px auto auto 75px
}

#gallery #mainCol .eventWrap .slides {
	display:block;
	width:560px;
	height:70px;
	overflow:auto;
	clear:left;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:5px 0;
}

#gallery #mainCol .eventWrap .slides .slideContain {
	display:block;
	width:800px;
	height:50px;
}

#gallery #mainCol .eventWrap .slides a.slide {
	float:left;
	display:block;
	width:50px;
	height:50px;
	margin:0 5px;
	background-color:#999999;
	border:0;
	text-indent:-9999px
}

/* contact.html and descendents
-----------------------------------------*/

#contact #mainCol #contactWrap {/* keeps columns aligned in IE */
	width:auto;
	height:300px
}
	
#contact #mainCol .col {
	float:left;
	display:inline;
	margin-top:20px;
	width:300px
}

#contact #mainCol p {
	text-align:center;
	width:200px
}

#contact #mainCol p span {
	font-weight:bold;
	color:#003300
}

#contact #mainCol ul {
	margin-left:50px;
	width:200px
}

#contact #mainCol ul li {
	list-style:disc
} 

/* instruction.html and descendents
-----------------------------------------*/

#instruction #mainCol .classWrap {
	width:540px;
	height:3em;
	margin:10px 0 0 40px;
}

#instruction #mainCol .classWrap th {
	padding:8px 8px 8px 0;
	font-weight:bold;
	font-size:14px;
}

#instruction #mainCol .classWrap td {
	padding:8px 8px 8px 0;
	vertical-align:top;
	font-size:12px;
}

#instruction #mainCol #head1, #instruction #mainCol .class {
	float:left;
	display:inline;
	width:350px;
	text-align:left;
	line-height:1.2em
}

#instruction #mainCol .title {
	font-weight:bold;
	font-size:14px
}

#instruction #mainCol .def {
	font-style:italic
}

#instruction #instructionWarning {
	margin:20px 280px 20px 100px;
	text-align:center
}

#instruction #mainCol #downloads {
	width:540px;
	margin:30px 0 15px 40px;
	border-top:1px solid #003300;
	border-bottom:1px solid #003300
}

#instruction #mainCol #downloads h5 {
	margin:10px 0 0 0;
}

#instruction #mainCol #downloads #pdfs {
	margin:20px 30px
}

#instruction #mainCol #downloads #pdfs li {
	list-style:disc;
	margin:8px 0
}

#instruction #mainCol .directHead {
	width:500px;
	margin:10px 40px 3px 40px
}

#instruction #mainCol .directions {
	font-size:1.2em;
	margin-top:0
}


/* calendar.html and descendents
-----------------------------------------*/

#calendar iframe {
	margin-top:20px;
	margin-left:20px;
	margin-bottom:20px;
	width:570px;
	height:793px;
	border:0;
}

/* hoike2008.html
-----------------------------------------*/

#hoikeDishes {
	margin-left:40px;
	margin-right:300px;
}

#hoikeDishes dt {
	font-size:1.2em;
}

#hoikeDishes dd {
	margin:10px 0
}

#hoikeDishes .dishLetter {
	font-weight:bold;
}

#hoikeDishes .dishTitle {
	font-style:italic;
	font-weight:bold
}