/*-----------------------------------------------------------------------------
Main Style Sheet (Kalama Foundation)

version:   2.0
author:    monika wozniczka
email:     wmonika@me.com
website:   http://www.leiahi.com
created:   04/04/09
last updated: 11/13/09
-----------------------------------------------------------------------------*/


/*NEW - 04-10-11 - BEGINNING
-----------------------------------------------------------------------------*/
.quote {
	font-size: 14px;
	color: #330000;
	font-style: italic;
	}
	
.description {
	font-size: 14px;
	color: #330000;
	font-weight: bold;
	}
	
.whatsnew-title {
	font-size: 16px;
	color: #990000;
	font-style: italic;
	}
	
ul.whatsnew-text {
	margin-top: -5px;
	}
	
ul.whatsnew-text li{
	font-size: 15px;
	color: #330000;
	font-style: italic;
	}
	
.events-title {
	font-size: 12px;
	color: #660000;
	font-weight: bold;
	}
	
.events-subtitle {
	font-size: 12px;
	color: #660000;
	}
	
.slightleft5 {
	margin-left: 60px;
	}
	
.slightleft6 {
	margin-left: 240px;
	}
	
.slightleft7 {
	margin-left: 90px;
	}
	
.slightleft8 {
	margin-left: 50px;
	}
	
.slightleft9 {
	margin-left: 120px;
	}
	
.slightright2 {
	margin-right: 20px;
	}
	
.slightright3 {
	margin-right: 20px;
	}
	
.bottom1 {
	margin-bottom: -30px;
	}
	
.bottom2 {
	margin-bottom: 20px;
	}
	
.morespace9 {
	margin-top: 60px;
	}
	
.morespace10 {
	margin-top: -100px;
	}
	
.morespace11 {
	margin-top: 5px;
	}
	
.linkdivider {
		margin-left: 10px;
		}	

#pagelinks {
	width: 500px;
	height: 50px;
	float: right;
	font-family: verdana;
	color: #990000;
	font-size: 14px;
	margin-top: 10px;
	}	
	
	#pagelinks ul {
		margin: 0;
		padding-top: 5px;
		padding-bottom: 0;
		padding-left: 0;
		}
		
	#pagelinks li {
		float: left;
		text-align: center;
		}
	
		ul#pagelinks li a:link, ul#pagelinks li a:active, 
		ul#pagelinks li a:hover, ul#pagelinks li a:visited {
			display: block;
			width: 70px;
			color: #990000;
			}
			
				
		ul#pagelinks li.big a:link, ul#pagelinks li.big a:active, 
		ul#pagelinks li.big a:hover, ul#pagelinks li.big a:visited {
			display: block;
			width: 80px;
			color: #990000;
			}
			
		ul#pagelinks li.bigger a:link, ul#pagelinks li.bigger a:active,  
		ul#pagelinks li.bigger a:hover, ul#pagelinks li.bigger a:visited {
			display: block;
			width: 120px;
			color: #990000;
			}
			
		ul#pagelinks li.evenbigger a:link, ul#pagelinks li.evenbigger a:active,  
		ul#pagelinks li.evenbigger a:hover, ul#pagelinks li.evenbigger a:visited {
			display: block;
			width: 140px;
			color: #990000;
			}

		ul#pagelinks li.huge a:link, ul#pagelinks li.huge a:active,  
		ul#pagelinks li.huge a:hover, ul#pagelinks li.huge a:visited {
			display: block;
			width: 160px;
			color: #990000;
			}

	
/*TEXT10
-----------------------------------------------------------------------------*/
.text10 {
	float: left;
	width: 385px;
	margin-left: 10px;
	margin-top: 15px;
	}
	
	.text10 p {
		margin-top: 0;
		}
	
/*TEXT11
-----------------------------------------------------------------------------*/
.text11 {
	float: right;
	width: 490px;
	margin: 0 20px;
	}
	
/*TEXT12
-----------------------------------------------------------------------------*/
.text12 {
	float: left;
	width: 555px;
	margin-left: 20px;
	margin-top: 15px;
	}
	
/*TEXT13
-----------------------------------------------------------------------------*/
.text13 {
	float: left;
	width: 470px;
	margin-left: 10px;
	}
	
	.text13 p {
		margin-top: 0;
		}
		
/*TEXT14
-----------------------------------------------------------------------------*/
.text14 {
	float: right;
	width: 480px;
	margin-right: 20px;
	}
	
/*TEXT14A
-----------------------------------------------------------------------------*/
.text14a {
	float: left;
	width: 320px;
	}
	
/*TEXT14B
-----------------------------------------------------------------------------*/
.text14b {
	float: left;
	width: 280px;
	}
	
/*TEXT14C
-----------------------------------------------------------------------------*/
.text14c {
	float: left;
	width: 270px;
	}
	
/*TEXT14D
-----------------------------------------------------------------------------*/
.text14d {
	float: left;
	width: 250px;
	}
	
/*TEXT15
-----------------------------------------------------------------------------*/
.text15 {
	float: left;
	width: 420px;
	margin: 20px;
	}
	
/*TEXT16
-----------------------------------------------------------------------------*/	
.text16 {
	float: right;
	width: 560px;
	margin-right: 20px;
	}
	
/*TEXT17
-----------------------------------------------------------------------------*/	
.text17 {
	float: right;
	width: 410px;
	}
	
/*COL2
---------------------------------------------------------------------------*/
.col2 {
	float: left;
	width: 200px;
	margin: 10px;
	}	
	
	
/*COL3
-----------------------------------------------------------------------------*/
.col3 {
	float: left;
	width: 51px;
	margin-top: 10px;
	margin-right: 20px;
	}	
	
/*COL4
-----------------------------------------------------------------------------*/
.col4 {
	float: right;
	width: 182px;
	margin-right: 10px;
	margin-top: 20px;
	}
	
/*COL5
-----------------------------------------------------------------------------*/
.col5 {
	float: left;
	width: 182px;
	margin-left: 20px;
	margin-top: 20px;
	}
	.col5 img#picture1 {
	margin: 20px 0 20px 50px;
	}
	
/*COL6
-----------------------------------------------------------------------------*/
.col6 {
	float: left;
	width: 120px;
	margin-left: 60px;
	}
	
/*COL7
-----------------------------------------------------------------------------*/
.col7 {
	float: left;
	width: 235px;
	margin: 20px;
	}
	
/*COL8
-----------------------------------------------------------------------------*/
.col8 {
	float: right;
	width: 300px;
	margin-right: 10px;
	}
	
	.col8 p {
	margin-left: 10px;
	margin-right: 10px;
	}
	
/*COL9
-----------------------------------------------------------------------------*/
.col9 {
	float: left;
	width: 182px;
	margin-left: 20px;
	margin-top: 15px;
	}
	.col9 img#picture1 {
	margin: 20px 0 20px 50px;
	}	
	

/*BOXIMAGE19
-----------------------------------------------------------------------------*/
.boximage19 {
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	}
	
/*BOX IMAGE 20
-----------------------------------------------------------------------------*/
.boximage20 {
	float: left;
	width: 161px;
	margin-left: 10px;
	margin-top: 40px;
	}
	
/*BOX IMAGE 21
-----------------------------------------------------------------------------*/
.boximage21 {
	float: left;
	width: 161px;
	margin-left: 20px;
	margin-top: 40px;
	}
	
/*BOX IMAGE 22
-----------------------------------------------------------------------------*/
.boximage22 {
	float: left;
	width: 161px;
	margin-left: 20px;
	margin-top: 30px;
	}
	
/*BOX IMAGE 23
-----------------------------------------------------------------------------*/
.boximage23 {
	width: 232px;
	margin-left: 25px;
	margin-top: 40px;
	}
	
/*BOX IMAGE 24
-----------------------------------------------------------------------------*/
.boximage24 {
	float: left;
	width: 70px;
	}

/*BOX IMAGE 25
-----------------------------------------------------------------------------*/
.boximage25 {
	float: left;
	width: 320px;
	}

/*HEADER
-----------------------------------------------------------------------------*/
.header {
	float: right;
	margin-top: 20px;
	margin-right: 20px;
	}

/*NEW - 04-10-11 - END
-----------------------------------------------------------------------------*/
	

/* GENERAL
-----------------------------------------------------------------------------*/
body {
	text-align: center; /* Center the page for IE 5 & 6 */
	min-width: 820px; /* Prevent the wrapper to spill off the side of the page for Netscape 6*/
	font-size: 16px; /* Default Font Size*/
	/*max-width: 100%; Prevent scrollbars in elastic layout; Not supported by IE 6 and below */
	background-image: url(../images/very_black_lava_tile.jpg); 
	background-repeat: repeat;
	}

p {
	font-family: verdana;
	font-size: 12px;
	color: #3F1F0B; /*Dark Brown*/
	}

img {
	border: none;
	}

.clear {
	clear: both;
	}

.clearright {
	clear: right;
	}

.clearleft {
	clear: left;
	}
	
.floatleft {
	float: left;
	}
	
.floatright {
	float: right;
	}

.emphasis {
	font-weight: bold;
	}

.emphasis1 {
	font-size: 18px;
	font-family: papyrus, verdana;
	}

.morespace {
	margin-top: 20px;	
	}
	
.morespace1 {
	margin-top: 30px;	
	}

.morespace2 {
	margin-bottom: 20px;
	}
	
.morespace3 {
	margin-top: 80px;
	}
	
.morespace4 {
	margin-top: 10px;
	}
	
.morespace5 {
	margin-top: 25px;
	}
	
.morespace6 {
	margin-top: 35px;
	}
	
.morespace7 {
	margin-top: 40px;
	}
	
.sectiontitle {
	margin-top: 20px;
	}
	
.smallimg {
	margin-left: 35px;
	margin-right: 35px;
	}
	
.slightleft {
	margin-left: 5px;
	}	
	
.slightleft1 {
	margin-left: 10px;
	}

.slightleft2 {
	margin-left: 35px;
	}
	
.slightleft3 {
	margin-left: 100px;
	}
	
.slightleft4 {
	margin-left: 20px;
	}
	
.slightright {
	margin-right: 10px;
	}	
	
.slightright1 {
	margin-right: 180px;
	}
	
.slightright2 {
	margin-right: 15px;
	}
	
#morespace {
	margin-top: 20px;
	}
	
#morespace1 {
	margin-left: 45px;	
	}
	
#morespace2 {
	margin-left: 75px;	
	}
	
#morespace3 {
	margin-left: 175px;	
	}
	
#morespace4 {
	margin-left: 300px;	
	}
	
#morespace5 {
	margin-left: 350px;	
	}
	
	
#islands1 {
	margin-left: 125px;
	}	

#press {
		background: #42210B; /*Dark Brown*/
		}
		
.sum {
	padding: 5px;
	}

.border {
	border: solid 1px #42210B; /*Dark Brown*/
	}
	
.titlefont {
		font-size: 18px;
		font-family: papyrus;
		}

/*Rotating images  (Index page)*/	
#rotator {
  background: url(../images_rotator/rotator.php) no-repeat center top;
  width: 780px;
  height: 250px;
}	

		
/*Beginning of Tab-related CSS  (Botanicals, Halou O Limaloa pages�)*/	
.tab {
	float: left;
	position: relative;
	z-index: 1;
	top: 1px;
	cursor: pointer;
	}

.tab.selected {
	z-index: 100;
	cursor: default;
	}

#content_box {
	position: relative;
	z-index: 2;
	}
	
.content {
	display: none;
	}

.content.selected {
	display: block;
	}
/*End of Tab-related CSS  (Botanicals, Halou O Limaloa)*/	

	
/*Slideshow (to prevent arrows to move - Journey Workshops)*/
.smallbox {
	float: left;
	width: 100px;
	margin-left: 50px;
	}
	
.Controls:hover {
	cursor: pointer;
	}
	
/*CONTAINER
----------------------------------------------------------------------------*/
#container {
	width: 780px;
	margin: 0 auto; /*Center the page*/
	text-align: left;
	/*border: solid 1px #42210B; /*Dark Brown*/
	background-image: url(../images/bgrd_paper_moyellow.jpg); 
	background-repeat: repeat;
	}


/*LOGO
-----------------------------------------------------------------------------*/
#logo {
	width: 280px;
	height: 100px;
	float: left;
	}

/*															 NAVIGATION
-------------------------------------------------------------------------------------------------------------------------------------*/

/*SECONDARY NAVIGATION
-----------------------------------------------------------------------------*/
#secondnav {
	width: 320px;
	height: 30px;
	float: right;
	font-family: verdana;
	font-size: 10px;
	}

	#secondnav ul, #langnav ul {
		margin: 0;
		padding-top: 5px;
		padding-bottom: 0;
		padding-left: 0;
		}
	
	#secondnav li {
		float: left;
		text-align: center;
		}
	
		#secondnav li.wider {
			margin-left: 5px;
			margin-right: 5px;
			}
			
		#secondnav li.wider1 {
			margin-left: 2px;
			margin-right: 2px;
			}
	
	
		ul#secondnav li a:link {
			display: block;
			width: 55px;
			color: #42210B; /*Dark Brown*/
			}
	
	
		ul#secondnav li a:active {
			display: block;
			width: 55px;
			color: #42210B;
			}
	

		ul#secondnav li a:hover {
			display: block;
			width: 55px;
			color: #42210B;
			}
	
	
		ul#secondnav li a:visited {
			display: block;
			width: 55px;
			color: #42210B;
			}

/*LANGUAGE NAVIGATION
-----------------------------------------------------------------------------*/
#langnav {
	width: 320x;
	height: 25px;
	float: right;
	font-family: papyrus, verdana;
	font-size: 12px;
	}
	
		#langnav li {
			text-align: center;
			float: right;
			}
	
		ul#langnav li a:link, a:active, a:hover, a:visited {
			display: block;
			width: 25px;
			color: #42210B; /*Dark Brown*/
			}

	
/*MAIN NAVIGATION
-----------------------------------------------------------------------------*/
#mainnav {
	width: 780px;
	height: 30px;
	float: left;
	font-family: papyrus, verdana;
	background: #592116;
	}

	ul.menu {
		margin: 0;
		padding-top: 5px;
		padding-left: 0;
		}
	
	ul.menu * {
		margin: 0; 
		padding: 0
		}
	
		ul.menu ul {
			position: absolute; 
			top: 25px; 
			left: 0; 
			display: none; 
			}
		
		ul.menu .menulink /* Non Clickable Top-Level Anchor Tags*/
			{
			background: #592116;
			}
		
	
		ul.menu li /* Non Clickable Top-Level list Items*/
			{
			position: relative; 
			float: left; 
			text-align: center;
			}
	
		ul.menu ul li  /* Clickable Second-Level list Items*/
			{
			position: relative; 
			margin: 0;
			}

		ul.menu ul li a  {
			display: block; 
			padding: 3px 0 5px; 
			background-color: #592116;
			}
		
		ul#menu li a:link, a:active, a:hover, a:visited {
			display: block;
			width: 195px;
			color: #DCDCDC; /*Gainsboro*/
			}
	
		ul.menu ul li a:hover {
			background-color: #4C1C13; /**/
			}
	

/*															BOXES
-------------------------------------------------------------------------------------------------------------------------------------*/

/*TITLE1
-----------------------------------------------------------------------------*/
.title1 {
	float: right;
	width: 590px;
	}

/*MAIN IMAGE
-----------------------------------------------------------------------------*/
.mainimage {
	width: 780px;
	height: 250px;
	}
		

/*MAINLINE (TATOO)
-----------------------------------------------------------------------------*/
#mainline {
	width: 780px;
	height: 60px;
	}
	
/*BOX IMAGE 1
-----------------------------------------------------------------------------*/
.boximage1
	{
	float: left;
	width: 160px;
	margin-left: 10px;
	margin-right: 10px;
	}
		.boximage1 img#kahili {
			padding-left: 60px;
			}
			
		.boximage1 img.lamp {
			padding-left: 60px;
			padding-top: 20px;
			padding-bottom: 20px;
			}
		
		.boximage1 img.gord {
			padding-left: 35px;
			margin-top: 20px;
			}
			
		.boximage1 img.up {
			margin-top: -6px;
			}
		
		.boximage1 p#presstitle {
			font-family: papyrus, verdana;
			font-size: 18px;
			color: #DCDCDC; /*Gainsboro*/
			text-align: center;
			text-decoration: underline;
			}	
			
		.boximage1 ul#presslist {
			margin: 0;
			padding-left: 10px;
			padding-bottom: 20px;
			}
		
			.boximage1 ul#presslist li {
				font-size: 14px;
				line-height: 200%;
				}
	
				.boximage1 ul#presslist li a:link, a:active, a:hover, a:visited {
					color: #DCDCDC; /*Gainsboro*/
				}

/*BOX IMAGE 2
-----------------------------------------------------------------------------*/
.boximage2
	{
	float: left;
	width: 155px;
	margin-left: 20px;
	}
	
	.boximage2 p {
		margin-left: 5px;
		}
		
		.boximage2 img#up {
		margin-top: -8px;
		}

/*BOX IMAGE 3
-----------------------------------------------------------------------------*/
.boximage3 {
	float: left;
	width: 180px;
	margin-left: 20px;
	}
	
	.boximage3 p.smalltext {
		font-size: 10px;
		margin: 0 50px;
	}
	

/*BOX IMAGE 4
-----------------------------------------------------------------------------*/
.boximage4 {
	float: left;
	width: 290px;
	margin-left: 5px;
	margin-right: 20px;
	}	

	
/*BOX IMAGE 5	
-----------------------------------------------------------------------------*/
.boximage5 {
	float: left;
	width: 120px;
	margin-left: 10px;
	}	
	
		.boximage5 img.bag
			{
				margin-left: 150px;
			}
			
		.boximage5 img.testimonials
			{
				margin-left: 140px;
				margin-top: 10px;
			}

/*BOX IMAGE 6
-----------------------------------------------------------------------------*/
.boximage6 {
	float: left;
	width: 780px;
	}	
	
	.boximage6 img#center {
	padding-left: 370px;
	}	
	
/*BOX IMAGE 7
-----------------------------------------------------------------------------*/
.boximage7 {
	float: left;
	width: 230px;
	margin-left: 20px;
	}	
	
/*BOX IMAGE 8
-----------------------------------------------------------------------------*/
.boximage8 {
	float: left;
	width: 230px;
	margin-left: 5px;
	}	
	
/*BOX IMAGE 9
-----------------------------------------------------------------------------*/
.boximage9 {
	float: left;
	width: 350px;
	margin-left: 5px;
	}	
	
	.boximage9 img#oils1 {
		margin-top: -6px;
		padding-left: 26px;
		}
		
		
	.boximage9 img#oils2 {
		margin-top: -6px;
		margin-left: 30px;
		}
		
	table.oilprice {
		width: 370px;
		margin-left: 15px;
		color: #3F1F0B;
		font-size: 16px;
		}
	
	table.oilprice tr td, table.oilprice tr th {
		padding-left: 14px;
		padding-top: 10px;
	}
	
/*BOX IMAGE 10
-----------------------------------------------------------------------------*/
.boximage10 {
	float: left;
	width: 200px;
	margin-left: 10px;
	}	
	
/*BOX IMAGE 11
-----------------------------------------------------------------------------*/
.boximage11 {
	float: left;
	width: 95px;
	}	
	
/*BOX IMAGE 12
-----------------------------------------------------------------------------*/
.boximage12 {
	float: left;
	width: 750px;
	margin-left: 10px;
	border-bottom: solid 1px #330000; /*Dark Brown*/
	margin-top: -7px;
	}	

/*BOX IMAGE 13
-----------------------------------------------------------------------------*/
.boximage13
	{
	float: left;
	width: 155px;
	}
	
/*BOX IMAGE 14
-----------------------------------------------------------------------------*/	
.boximage14 {
	float: right;
	width: 750px;
	}

/*FOR EMBEDDED VIDEOS ONLY (Lomi-deeper, Lauhala-workshops)
----------------------------------------------------------------------------*/
.boximage15 {
	width: 320px;, 
	height: 240px;
	margin-left: 230px;
	margin-top: 20px;
	}
	
	.boximage16 {
	float: left;
	width: 780px;
	height: 500px;
	}
	
/*BOX IMAGE 17
-----------------------------------------------------------------------------*/
.boximage17 {
	float: left;
	width: 350px;
	height: 330px;
	margin-left: 5px;
	}
	
/*BOX IMAGE 18
-----------------------------------------------------------------------------*/
.boximage18 {
	float: left;
	width: 250px;
	margin-left: 5px;
	}
	
	
/*COL1
-----------------------------------------------------------------------------*/
.col1 {
	float: left;
	width: 170px;
	}
	
/*COL2 new
-----------------------------------------------------------------------------*/
.col2 {
	float: left;
	width: 240px;
	height: 440px;
	margin-left: 10px;
	padding-right: 10px;
	margin-top: 20px;
	border-right: 1px solid #3F1F0B;
	}
	
/*TEXT1
-----------------------------------------------------------------------------*/
.text1 {
	float: right;
	width: 570px;
	margin: 0 20px 0 5px;
	}
	
	.author {
		float: right;
		margin-right: 20px;
		font-style: italic;
		}
	
/*TEXT2
-----------------------------------------------------------------------------*/
.text2 {
	float: right;
	width: 530px;
	margin-right: 20px;
	}
	
	.text2 p img#lamp1 {
	margin-left: 220px;
	}

		
/*TEXT3
-----------------------------------------------------------------------------*/
.text3 {
	float: left;
	width: 395px;
	margin-left: 10px;
	}
	
	.text3 p {
		margin-top: 0;
		}

/*TEXT4
-----------------------------------------------------------------------------*/
.text4 {
	float: left;
	width: 500px;
	margin-left: 20px;
	}

/*TEXT5
-----------------------------------------------------------------------------*/	
.text5 {
	float: left;
	width: 430px;
	margin-left: 5px;
	}
	
/*TEXT6
-----------------------------------------------------------------------------*/	
.text6 {
	float: right;
	width: 630px;
	margin-right: 20px;
	}
	
/*TEXT7
-----------------------------------------------------------------------------*/
.text7 {
	float: right;
	width: 590px;
	margin: 5px;
	}	

/*TEXT8
-----------------------------------------------------------------------------*/

.text8 {
	float: right;
	width: 520px;
	margin-right: 20px;
	}	

/*TEXT9
-----------------------------------------------------------------------------*/
.text9 {
	float: right;
	width: 530px;
	margin-right: 20px;
	}
	
/*TEXT10 new
-----------------------------------------------------------------------------*/
.text10 {
	float: right;
	width: 460px;
	margin: 0 30px 0 5px;
	}
	
		
/*FOOTER
-----------------------------------------------------------------------------*/
#footer {
	width: 780px;
	height: 60px;
	border: none;
	}
	
	#footer img {
		margin-left: 320px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
.footerinfo {
	padding-top: 30px;
	font-size: 10px;
	font-style: italic;
	}
	
.footerinfo1 {
	margin-left: 30px;
	}
	
.footerinfo2 {
	float: right;
	margin-right: 35px;
	}
	
a.innerlinknote:link, a.innerlinknote:active, a.innerlinknote:visited {
	text-decoration: none;
	font-size: 12px; /* Default Font Size*/
	color: #3F1F0B; /*Dark Brown*/
	font-weight: bold;
	font-family: "gill sans", "gill sans mt", "sans-serif";
	display: inline;
	}
	
a.innerlinknote:hover {
	text-decoration: none;
	font-size: 12px; /* Default Font Size*/
	color: #3F1F0B; /*Dark Brown*/
	font-weight: bold;
	font-family: "gill sans", "gill sans mt", "sans-serif";
	display: inline;
	}
	
/* LINKS
-----------------------------------------------------------------------------*/
a:link {
	text-decoration: none;
	}
a:active {
	text-decoration: none;
	}
a:hover {
	text-decoration: none;
	}
a:visited {
	text-decoration: none;
	}

a.innerlink:link, a.innerlink:active, a.innerlink:visited {
	display: inline;
	color: #592116; /**/
	font-weight: bold;
	}
	
a.innerlink:hover {
	display: inline;
	color: #4C1C13; /**/
	text-decoration: underline;
	}

/* LISTS
-----------------------------------------------------------------------------*/
ul {
	list-style-type: none;
	}