body 	{ background:  url(../kalaupapa_images/bkg-tile.jpg); margin: 0; padding: 0; }

br.clear {
  clear: both;
  height: 0;
  line-height: 0px;
}

#wrap { width: 722px; margin: 0 auto; margin-top: 17px; }

#content {
	position: relative;
	z-index: 5;
	background: #FFFFFF;
	padding-left: 10px;
	padding-top: 1px;
	padding-bottom: 10px;
}

div.shadow {
 position: relative;
}

div.shadow div.topleft {
   z-index: 2; 
  width: 40px;
  height: 34px;
  background:  url(../kalaupapa_images/top-left-corner.png) no-repeat top left;
  position: absolute;
  top: -17px;
  left: -20px;
}

div.shadow div.topmid {
  z-index: 2; 
  width: 100%;
  height: 34px;
  background:  url(../kalaupapa_images/top-shadow.png) no-repeat top left;
  position: absolute;
  top: -17px;
  left: 0;
}

div.shadow div.topright {
  z-index: 2; 
  width: 38px;
  height: 34px;
  background:  url(../kalaupapa_images/top-rt-corner.png) no-repeat top right;
  position: absolute;
  top: -17px;
  right: -19px;
}

div.shadow div.midleft {
  z-index: 2; 
  width: 38px;
  height: 100%;
  background:  url(../kalaupapa_images/left-shadow.png) repeat-y top right;
  position: absolute;
  top: 0;
  left: -20px;
  
}


div.shadow div.midright {
  z-index: 2; 
  width: 38px;
  height: 100%;
  background:  url(../kalaupapa_images/rt-shadow.png)  repeat-y top right;
  position: absolute;
  top: 0;
  right: -19px;
}

div.shadow div.bottomleft {
  z-index: 2; 
  width: 40px;
  height: 34px;
  background:  url(../kalaupapa_images/bottom-left-corner.png) no-repeat bottom left;
  position: absolute;
  bottom: -17px;
  left: -20px;
}

div.shadow div.bottommid {
  z-index: 2; 
  width: 100%;
  height: 34px;
  background:  url(../kalaupapa_images/bottom-shadow.png) no-repeat bottom left;
  position: absolute;
  bottom: -17px;
  left: 0;
}

div.shadow div.bottomright {
  z-index: 2; 
  width: 38px;
  height: 34px;
  background:  url(../kalaupapa_images/bottom-rt-corner.png) no-repeat bottom right;
  position: absolute;
  bottom: -17px;
  right: -19px;
}

/* Begin Navigation Menu Code */


#menuh-container
	{
	/*position: absolute;		
	top: 1em;
	left: 1em;*/
	
	text-align: left;
	padding-bottom:-5px;

width: 720px;
margin-right: auto;
margin-left: auto;
z-index:1000;
	
	}

#menuh
	{ color: #360; position: absolute;  top: 0; left: 0; width:722px; height:38px; font-size: 14px; font-family: Georgia, Times, serif; font-weight: normal; line-height: 18px; width:100%; float:left; background-color: #e0edbc; text-align: left; }
	
	
#menuh ul
	{
	list-style:none;
	margin:0px;
	float:left;
	padding-top: 10px;
	padding-left: 5px;
	

/*	width:9em;	/* width of all menu boxes */
	}
	

#menuh ul li.about {
	width:100px;
	text-indent: 5px;

	}
#menuh ul li.vision {
	width:60px;
	text-indent: 5px;
	}
#menuh ul li.family {

		width:130px;
		text-indent: 5px;
		
	}
	#menuh ul li.positionpaper {

		width:110px;
		text-indent: 5px;
		
	}
#menuh ul li.monument {
	width:90px;
	}
#menuh ul li.support {
	width:80px;
	}

	
#menuh ul li.contact {
	width:65px;
	}

/*drop down items have negative margin for color bar to have some left padding around the text */
#menuh li.dropitems {
	float:left;
	width:120px;
	margin-left: -5px;
	text-indent: 25px;

padding-top: 0px;
padding-bottom: 5px;
text-align: left;


    min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
}

/*drop down items have negative margin for color bar to have some left padding around the text */
#menuh li.dropitemsfamily {
	float:left;
	width:150px;
	margin-left: -20px;
	text-indent: 25px;

padding-top: 0px;
padding-bottom: 5px;
text-align: left;


    min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
}


#menuh li {
	float:left;
	width:100px;

padding-bottom: 0px;
text-align: left;



    min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
}


		
		
#menuh a
	{ display:block; padding:5 0 3 0px; color:#360; font:14px Georgia, Times, serif; text-decoration: underline; text-align: left; }
	
#menuh a, #menuh a:visited	/* menu at rest */
	{ display:block; padding:5 0 3 0px; color:#360; font:14px Georgia, Times, serif; text-decoration:none; text-align: left; }
	
#menuh a:hover	/* menu at mouse-over  */
	{ display:block; padding: 5 0 3 0px; font:14px Georgia, Times, serif; text-decoration:underline; color:#000; background-color:#e0edbc; text-align: left; }	
			
/*
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
/*	{
	background-image: url(navdown_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
/*	{
	display:block;
	padding: 5 3 3 0px;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#fff;
	}
*/


#menuh ul ul
	{
	position:relative;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	
	}
	
	#menuh ul ul a {

	border-right:none;
	padding-right:10px;
	padding-top: 10px;
	

	background:#e0edbc;
	}
#menuh ul ul li  {
	background-color:#e0edbc;
	}
#menuh ul ul ul
	{
	top:0;
	left:100%;
	}



div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}


input {
font-size: 0.9em;
}

/* End Navigation Menu Code */
.bodytxt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; line-height: 18px; left: 40px; right: 30px; margin-right: 20px; margin-left: 20px; padding: 0; }
.photocaption { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; line-height: 14px; top: 0; left: 40px; right: 40px; bottom: 0; padding-right: 20px; padding-left: 20px; }


#hometext 
	{ color: #FFF; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 20px; text-decoration: none; text-align: left; }
	
#hometext a, #hometext a:visited	/* menu at rest */
	{ color: #FFF; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 20px; text-decoration: none; text-align: left; }
	
#hometext a:hover	/* menu at mouse-over  */
	{ color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 20px; text-align: left; text-decoration:underline; }
			

.bodyhead {
	color: #360;
	font-size: 20px;
	font-variant: small-caps;
	letter-spacing: 1px;
	margin-left: 20px;
	padding-left: 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
}


#navtext 
	{ color: #360; font-size: 13px; font-family: Georgia, Times, serif, Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 38px; background-image: url(../kalaupapa_images/white-shadow.png); text-decoration: none; text-align: left; }
#navtext a, #navtext a:visited	/* menu at rest */
	{ color: #360; font-size: 13px; font-family: Georgia, Times, serif, Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 48px; background-image: url(../kalaupapa_images/white-shadow.png); text-decoration: none; text-align: left; }
	
#navtext a:hover	/* menu at mouse-over  */
	{ color: #000; font-size: 13px; font-family: Georgia, Times, serif, Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 48px; background-image: url(../kalaupapa_images/white-shadow.png); text-align: left; text-decoration:underline; }
			

.box1 {
	padding: 0px;
	border: solid thin #ccc;
	width: 702px;
	margin-top: 45px;
	padding-bottom: -10px;
}
.box3 { background-color: #f5f5f5; padding: 5px; border: solid thin #aaa; }
.box2 {
	border-width: 3px;
	border-style: solid;
	padding: 5px;
}


.footertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 20px;
	color: #ccc;
}
.quote { color: #660; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 18px; margin-right: 20px; margin-left: 20px; border-top-style: dotted; border-top-width: 1px; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; }

.quotecredit { color: #660; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; font-variant: small-caps; line-height: 18px; margin-right: 20px; margin-left: 20px; border-top-style: dotted; border-top-width: 0; border-right-width: 0; border-bottom-style: dotted; border-bottom-width: 1px; border-left-width: 0; }
.namecredit {
font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; font-variant: small-caps; line-height: 18px; border-top-style: none; border-top-width: 0; border-right-width: 0; border-bottom-style: none; border-bottom-width: 0px; border-left-width: 0;
}