/*-----------------------------------*/
/* STYLES CREATED BY ELIGIO CORPUZ   */
/*-----------------------------------*/

* {padding: 0; margin: 0; border: 0;}

/* ----------------------------------- */
/* COMMON                              */
/* ----------------------------------- */

body
{
background: #F9F7DE url(/_library/templates/skin_hinamauka/bg01v5.jpg) no-repeat top center fixed;
	color: #333;
	font-family: Arial, Helvetica, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	height:100%;
}


ul {margin: 10px 0 10px 20px;line-height: 19px;}


img.float-left {float: left; padding: 0 15px 20px 0;}
img.float-right {float: right; border: #dedec3 5px solid; margin: 0 35px 20px 25px;}


img {color:#666;font-style:italic;}

label{ cursor:pointer; }

.hide { /* Hide stuff without resorting to display:none; */
	visibility:hidden;
	width:0!important;
	height:0!important;
	line-height:0!important;
	padding:0!important;
	margin:0!important;
}

.green {color:#005E66;}

/* ----------------------------------- */
/* CONTAINER                           */
/* ----------------------------------- */


#wrapper {

	/* TRANSPARENT */
filter:alpha(opacity=95); 
-moz-opacity: 0.9; 
opacity: 0.9;

	/* this solves the issue and the wrapper now stretches around both contained */
	/* overflow:hidden; */
	margin: 0 auto;
	width: 779px;
	background-color: #fff;
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}


/* ----------------------------------- */
/* TOP NAVIGATION                      */
/* ----------------------------------- */

/*div#topmenu {width: 779px;padding: 0; margin: -20px 0 0 0;}*/
div#topmenu {width: 779px;padding: 5px 0 0 0; margin: 0;}

div#donatebtn {float: right; margin: 10px 20px 0 0; padding: 0;}

div#logo, div#navigation {float: left; padding: 0 0 25px 0;}


div#logo {margin: 0 20px 0 30px;}

/* div#navigation ul {*/
/*padding: 0; margin: 80px 0 0 0;*/
/*list-style-type: none; font: normal 17px Times New Roman, Times, serif; text-align: center;*/
/*}*/

/*div#navigation ul li { display: inline; }*/


/*div#navigation ul li a {text-decoration: none;color: #196972;padding: 10px 8px 25px 7px;}*/

/*div#navigation ul li a:hover {text-decoration: underline; }*/

/*div#navigation ul li a.selected {padding: 10px 8px 25px 7px;}*/
/*div#navigation ul li a.selected:hover {padding: 10px 5px 25px 5px;}*/

/* ----------------------------------- */
/* INTRO / IMAGE                       */
/* ----------------------------------- */

#intro {width: 779px; height: 253px; background: #63AD98 url(/_library/templates/skin_hinamauka/Index-v5-intro-bg_08.jpg) repeat-x 0 0;}

#intro img, #intro .introcontent {float:left;}


#intro .introcontent {padding: 30px 0 0 15px; width: 360px;}

#intro .introcontent ul {list-style-type: none; padding: 0; margin: 0; }

#intro .introcontent ul li
{
	display: inline;
	color: #FFF;
	font-size: 19px;
	padding: 0 10px 0 5px;
	border-color: transparent #B6D9CF transparent transparent;
	border-width: 0 1px 0 0;
	border-style: none solid none none;
}
#intro .introcontent ul li.last {border: none;}

#intro .introcontent ul li a { text-decoration: none; color: #FFF; font-family: Tahoma, Geneva, sans-serif; }
#intro .introcontent p {font-family: Georgia, Palatino Linotype, serif;color: #FFF;font-size: 14px;font-style: italic;padding: 0;margin: -5px 0 0 0; line-height: 17px;}

/* ----------------------------------- */
/* INDEX QUOTE FADE                    */
/* ----------------------------------- */

div.cf_wrapper {position: relative; margin: 30px 0 0 0;}
	

#intro div.cf_wrapper div.cf_element p { font-family: Georgia, Palatino Linotype, serif;color: #ffffcc;font-size: 15px;font-style: italic;padding: 0;margin: -5px 0 5px 0; line-height: 24px;}
#intro div.cf_wrapper div.cf_element p a {color: #FFF;}

#intro div.cf_wrapper div.cf_element em {font-size: 13px; text-align: right; color: #FFF;}
/* ----------------------------------- */
/* INDEX MISSION                       */
/* ----------------------------------- */

/*#mission { text-align: center; margin: 25px 0; }

 #statement, #indexvideo {float:left;}
 
#statement {width: 500px; text-align: center;}
 #statement p {font-family: Georgia, Palatino Linotype, serif;color: #56917E;font-size: 14px;font-style: italic;padding: 0;margin: 10px 0;line-height: 19px;}

#indexvideo {text-align: left;}*/

#mission { margin: 0; padding: 20px 0 10px 0; }

#mission .statement {float:left; width: 380px; margin: 10px 0 0 25px;}
 
#videocontainer { margin: 10px 0 0 0; text-align: center;}

#mission .indexvideo {float:right;}
 
#mission .statement { text-align: center;}
#mission .statement p {font-family: Georgia, Palatino Linotype, serif;color: #56917E;font-size: 14px;font-style: italic;padding: 0;margin: 10px 0;line-height: 19px;}

#mission .indexvideo {float:right;}
#mission .indexvideo p {padding: 0 20px 0 0;margin: 5px 0 0 0;}

#sitenav {font-size:10px; color:#999999; text-align:right; margin:0px 0px 10px 0px}

/* ----------------------------------- */
/*  TABLE STYLES                       */
/* ----------------------------------- */

#Page_Admin table {font: 12px Arial, Helvetica, Tahoma, Geneva, sans-serif;margin: 0; padding: 0 0 20px 0;margin: 5px 0 15px 0; border-collapse: collapse; color: #333; width:auto}
#Page_AdminContent table {font: 12px Arial, Helvetica, Tahoma, Geneva, sans-serif;margin: 0; padding: 0 0 20px 0;margin: 5px 0 15px 0; border-collapse: collapse; color: #333; width:auto}

 table {font: 12px Arial, Helvetica, Tahoma, Geneva, sans-serif;margin: 0;width: 600px; padding: 0 0 20px 0;margin: 5px 0 15px 0; border-collapse: collapse; color: #333; background: #F3F5F7;}
 table a {color: #3A4856; text-decoration: none; border-bottom: 1px solid #C6C8CB;}  
 table a:visited {color: #777;}
 table a:hover {color: #000;}  
 table caption {text-align: left; text-transform: uppercase; padding: 10px 0 5px 0; font: 13px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;}
 table thead th {background: #4b9881; padding: 6px 10px; color: #fff; text-align: left; font-weight: normal;}
 table tbody, .tabletable thead {border-left: 1px solid #EAECEE; border-right: 1px solid #EAECEE;}
 table tbody {border-bottom: 1px solid #EAECEE;}
 table tbody td,  table tbody th {padding: 10px; text-align: left;}
 table tbody tr th{text-align: left;white-space: nowrap;}
 table tbody tr {background: #F3F5F7;}
 table tbody tr.odd {background: #F0F2F4;}
 table tbody  tr:hover {background: #EAECEE; color: #111;}
 table tbody  tr td.location:hover{color: #111;background-color: #DBE0E2;}
 table tfoot td,  table tfoot th,  table tfoot tr {text-align: left; font: 11px Arial, Helvetica, Tahoma, Geneva, sans-serif; background: #fff; padding: 10px; margin: 10px 0;}



/* ----------------------------------- */
/*  SUB CONTENT                        */
/* ----------------------------------- */

#subintro {width: 779px; height: 213px; background: #63AD98 url(/_library/templates/skin_hinamauka/Index-v5-intro-bg_08.jpg) repeat-x 0 -38px; text-align: center;}
#subintro h2 {font-family: Georgia, Palatino Linotype, serif; font-size: 22px;font-weight: normal; margin: 0;padding: 10px 0 0 25px;color: #fff; text-align: left;}

#subintro h2 span {font-size: 13px;font-weight: normal;}


#subintro ul {list-style-type: none; text-align: center;margin: 10px 0 0 50px;}

#subintro ul li {display: inline;color: #FFF;font-size: 14px;padding: 0 110px 0 0;text-align: center;float:left;width: 138px;line-height: 15px;}

#subintro ul li.last {padding: 0;}

#subintro ul li a { text-decoration: none; color: #FFF; font-family: Georgia, Palatino Linotype, serif; width: 138px;}
#subintro ul li a:hover, #subintro ul li a.selected {color: #FBFF8F;}

/* ------------- NEW ---------------- */
#subintro h2 {font-family: Georgia, Palatino Linotype, serif; font-size: 22px;font-weight: normal; margin: 0;padding: 10px 0 0 25px;color: #fff; text-align: left;}

#subintro h2 span {font-size: 13px;font-weight: normal;}

#subintro .boxfirst {float: left; width: 138px; margin: 10px 0 0 55px;}

#subintro .box {float: left; width: 138px; margin: 10px 0 0 100px;}

#subintro .box a, #subintro .boxfirst a { font-size: 14px;text-decoration: none; color: #FFF; font-family: Georgia, Palatino Linotype, serif; }

#subintro .box a:hover, #subintro .box a.selected, 
#subintro .boxfirst a:hover, #subintro .boxfirst a.selected {color: #FBFF8F;}
/* ------------- NEW ---------------- */


#subcontent {width: 745px; padding: 35px 0 25px 25px;  background: #fff url(/_library/templates/skin_hinamauka/sub-line.gif) no-repeat top center;}

#subcontent h2 {font-size: 20px; font-weight: normal; margin: 20px 0 0 0; padding: 0 0 5px 0;}
#subcontent h2.first {font-size: 22px; color: #005E66; margin: 5px 0px 5px 0px; }

#subcontent h3 {font-size: 16px; font-weight: normal; margin: 20px 0 5px 0; color:#000;}

#subcontent h3.first {font-size: 22px; color: #005E66; margin: 5px 0px 5px 0px;}

#subcontent p {margin-bottom: 11px;line-height: 17px;}


#subcontent h3.italic {font-size: 17px;font-family: Georgia, Palatino Linotype, serif;font-weight: normal; margin: 25px 0 0 0; font-style: italic; color: #005E66;}

#subcontent h5 {font-weight: normal; margin: 20px 0 0 0; font-size: 14px; color: #005E66;}


#subcontent ul.checkmark {margin: 10px 75px 20px 10px; list-style-type: none; }

#subcontent ul.checkmark li {padding: 10px 0 0 23px; background: transparent url(/_library/templates/skin_hinamauka/check-mark.jpg) no-repeat 0 9px; line-height: 17px;font-size: 14px; color: #33846c;}

#subcontent ul.spacerleft {margin: 0 20px 15px 40px;line-height: 19px; padding: 0; }
#subcontent p.spacerp {margin: 10px 0 5px 15px; padding: 0; }

#subcontent a.pdf {background: transparent url(/_library/templates/skin_hinamauka/icon-pdf.gif) no-repeat 0 0; padding: 7px 0 7px 30px;}


div.boxleft {float: left; margin: 0 0 10px 0; padding: 0 0 20px 0;}
div.boxright {float: right; margin: 0 0 0 0; padding: 0 0 20px 0;}

div.boxleft h4, div.boxright h4 {font-weight: normal; margin: 20px 0 0 0; font-size: 14px;}





#pdfnotice { width: 550px;padding: 10px 10px 5px 10px;border: 1px solid #ddd;background: #f5f5f5;	margin: 25px 0 5px 0;line-height: 13px;}

#pdfnotice h5 {font-weight: normal; font-size: 13px; margin: 0 0 7px 0;padding: 0;}
#pdfnotice p  { font: 11px 'Arial', 'Helvetica', 'sans-serif';color: #333;line-height: 13px;}



div.videoboxfirst, div.videobox {float: left;}
div.videoboxfirst {margin: 10px 30px 10px 0;}
div.videobox {margin: 10px 10px 10px 20px;}

div.subvideo {font-size: 12px;}
div.subvideo p {margin: 10px 0 0 0;}


/* ----------------------------------- */
/* FOOTER                              */
/* ----------------------------------- */
div#footer
{
	width: 779px;
	padding: 20px 0 10px 0;	
	border-color: #e0ece8 transparent transparent transparent;
	border-width: 1px 0 0 0;
	border-style: solid none none none;	

	
	
}

div#footer div.footerbox {
	float:left;
	width: 195px;
	margin: 0 0 0 25px;	
	border-color: transparent #e0ece8 transparent transparent;
	border-width: 0 1px 0 0;
	border-style: none solid none none;	
	height: 165px;
	padding: 0 15px 0 20px;
	
	}
	
div#footer div.footerboxlast {
	float:left;
	width: 195px;
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;
	border: none;
	height: 165px;
	
	}

div#footer div.footerbox h3, div#footer div.footerboxlast h3
{
	font-size: 14px;
	color: #005E66;
	font-family: Georgia, Palatino Linotype, serif;
	font-weight: normal;
	margin: 0 0 15px 0;
}
div#footer div.footerbox p, div#footer div.footerboxlast p  {
	color:#333333;
	font-size: 11px;
	line-height: 15px;
	margin: 0 0 5px 0;
	font-family: Arial, Helvetica, Tahoma, Geneva, sans-serif;
	}

div#footerdonate {
text-align: center;
text-align: -moz-center;
padding: 25px 0 20px 0;
background: #fff url(/_library/templates/skin_hinamauka/sub-line.gif) no-repeat top center;}

div#footerdonate table {
    border-style:none;
    }

div#footerdonate tr {
    border-style:none;
    background:white;
    }

div#footerdonate td {
    border-style:none;
    background:white;
    }


/*---------------*/
/* ZeppOS  Menus */

/* NavM100 Horizontal */
#MenuHorizontal .NavM100 { margin: 0px; padding: 0px; text-align: center; }
#MenuHorizontal .NavM100 ul { list-style: none; margin: 0px; padding: 0px; }
#MenuHorizontal .NavM100 li { display: inline; }
#MenuHorizontal .NavM100 li span { color: #000000; font-size: 14px; border-right: 1px solid #000000; padding: 0px 10px 0px 10px;}
#MenuHorizontal .NavM100 li .MenuItemFirst { border-left: 1px solid #000000; }
#MenuHorizontal .NavM100 a { text-decoration: none; color: #000000; }
#MenuHorizontal .NavM100 a:hover { color: #ff0000; }

/* NavM100 Horizontal Tabbed */
#MenuHorizontalTabs .NavM100 { padding: 10px 0 0 0; height: 30px; }
#MenuHorizontalTabs .NavM100 ul { margin: 0 0 0 0; padding: 0px;  }
#MenuHorizontalTabs .NavM100 li { height: 30px; margin: 0px; display: inline; list-style: none; }
#MenuHorizontalTabs .NavM100 li { float: left; background: transparent url(/_library/templates/skin_bayless/menu_left.jpg) no-repeat left top; }
#MenuHorizontalTabs .NavM100 li span { padding: 10px; float:left; background: inherit; display:block; background:url(/_library/templates/skin_bayless/menu_right.jpg) no-repeat right top; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#MenuHorizontalTabs #headermenu .NavM100 li span a { float: none; }
/* End IE5-Mac hack */
#MenuHorizontalTabs .NavM100 a { text-decoration: none; }
#MenuHorizontalTabs .NavM100 a:hover { }
#MenuHorizontalTabs .NavM100 .MenuParent { float: left; background: transparent url(/_library/templates/skin_bayless/menu_left_over.jpg) no-repeat left top; }
#MenuHorizontalTabs .NavM100 .MenuParent span { float:left;  display:block; background: inherit url(/_library/templates/skin_bayless/menu_right_over.jpg) no-repeat right top; }

/* NavM100 Vertical */
#MenuVertical .NavM100 { margin: 5px 0 -10px 0; }
#MenuVertical .NavM100 li { list-style: none; }
#MenuVertical .NavM100 li span { color: #000000; font-size: 10px; border-bottom: 1px solid #000000; padding: 0px 10px 0px 10px;}
#MenuVertical .NavM100 li .MenuItemFirst { border-top: 3px solid #000000; }
#MenuVertical .NavM100 a { text-decoration: none; color: #000000; }
#MenuVertical .NavM100 a:hover { color: #DB0707; }

/* NavM100 Footer */
#MenuFooter .NavM100 { margin: 5px 0 -10px 0; }
#MenuFooter .NavM100 li { display: inline; list-style: none; }
#MenuFooter .NavM100 li span { color: #000000; font-size: 10px; border-right: 1px solid #000000; padding: 0px 10px 0px 10px;}
#MenuFooter .NavM100 li .MenuItemFirst { border-left: 1px solid #000000; }
#MenuFooter .NavM100 a { text-decoration: none; color: #000000; }
#MenuFooter .NavM100 a:hover { color: #DB0707}

/*---------------*/
/* ZeppOS Plugin */

/* Calendar */

#Calendar {}
.CalendarGrid {}
.CalendarGridNavigation {}
.CalendarGridHeader {} 
.CalendarGridHeaderCell {} 
.CalendarDayName {}
.CalendarMonthTitle { }
.CalendarDayCell {  }
.CalendarDayCellToday { }
.CalendarDayCellEvent { } 
.CalendarDayCellEventOver { }
.CalendarDayCellEventOff {  }
.CalendarDayEventText {  }
.CalendarDayCell div, .CalendarDayCellToday div, .CalendarDayCellEvent div, .CalendarDayCellEventOver div, .CalendarDayCellEventOff div { }
.CalendarDayNumber {  }
.CalendarEventDate { }
.CalendarEventTitle {  }

/* Calendar */
#CalendarEventList { }

/* Calendar */
#CalendarEventView { }
.CalendarEventViewClose {}
.CalendarEventViewTitle { }
.CalendarEventViewText { }
.CalendarEventViewData {}
.CalendarEventViewTime {}
.CalendarEventViewVenue {}
.CalendarEventViewLocation {}
.CalendarEventViewContact {}
.CalendarEventTicketView {}
.CalendarEventViewImage { float: right; }
.CalendarEventViewCount {}


/* Calendar */
.ArticleItem { padding-top: 10px; }
.ArticleItemTitle {  }
.ArticleItemTitle a:link, .ArticleItemTitle a:visited {  }
.ArticleItemTitle a:hover, .ArticleItemTitle a:active { }
.ArticleItemDate {  }
.ArticleItemMore { text-align: right;  }

/* Testimonials */
.TestimonyQuoteLeft { display: none; }
.TestimonyQuoteRight { display: none; }
.TestimonyText { padding: 27px 10px 0px 10px; background: url(http://empoweredinternet.com/_library/templates/skin_eishawaii/quoteLeft.gif) no-repeat top left; }
.TestimonyName { padding-top: 10px; background: url(http://empoweredinternet.com/_library/templates/skin_eishawaii/quoteRight.gif) no-repeat top right; }

/*---------------*/
/*  Classified  */
#ClassifiedAutoList { }
.ClassifiedAutoListTitle {}
.ClassifiedAutoListNone {}
.ClassifiedAutoListRow1 {}
.ClassifiedAutoListRow2 {}
.ClassifiedAutoListImage {}
.ClassifiedAutoListImageNone {}
.ClassifiedAutoListAutoPrice {}
.ClassifiedAutoListAutoDatePosted {}
.ClassifiedAutoListAutoTitle {}
.ClassifiedAutoListAutoMake {}
.ClassifiedAutoListAutoYear {}
.ClassifiedAutoListAutoText {}
.ClassifiedAutoListRowCol1 {}
.ClassifiedAutoListRowCol2 {}
.ClassifiedAutoListRowCol3 {}
.ClassifiedAutoListDealerTitle {}
.ClassifiedAutoListDealerLogo {}
.ClassifiedAutoListDealerPhone {}

/*---------------*/
/*    Coupon    */
.CouponList {  }
.CouponItem { display: inline; margin: 0px 5px 0px 5px; width: 300px; border: 1px #303030 dashed; }
.CouponItemLayoutValid { text-align: center; font-size: 10px; margin: 0px 15px 5px 15px; width: 260px; border-bottom: 1px #303030 solid; border-left: 1px #303030 solid; border-right: 1px #303030 solid;  }
.CouponItemLayoutDetails{ padding: 0px 10px 10px 10px; }
.CouponItemValidLeft { border-right: 1px #303030 solid;  padding-right: 5px;}
.CouponItemValidRight { padding-left: 5px; }
.CouponItemCompany { font-size: 14px; }
.CouponItemTitle { font-size: 16px;color: #850305; }
.CouponItemTitleSub { font-size: 12px; }
.CouponItemCode { font-size: 12px; font-weight: bold; }
.CouponItemText { font-size: 10px; padding-top: 10px; }
.CouponItemLayoutPrint { width: 300px; background: #303030; color: #ffffff; text-align: center; padding: 5px;}
.CouponItemLayoutPrint a { color: #ffffff; }


.DirectoryVendorResults { display: none; }
.DirectoryVendorOutline { }
.DirectoryVendorInner { margin: 5px; border: 1px #651a65 solid; background: #f8dff8; padding: 15px; }
.DirectoryVendorTitle { font-size: 16px; color: #596046; font-family: Georgia; }
.DirectoryVendorInfo { width: 300px; min-height: 50px;  }
.DirectoryVendorSlogan { display: none; }
.DirectoryVendorLink { display: none; }
.DirectoryVendorAddress { font-size: 11px; }
.DirectoryVendorLogo {text-align: center; text-weight: bold; padding: 20px 5px 20px 5px; }
.DirectoryVendorLogo img { width: 80px;}
.VendorMap { display: none; }
.VendorDateOpened { display: none; }
.VendorCategories  { display: none; }
.VendorLogoNo  { display: none; }
.VendorSearchLocation { display: none; }

.DirectoryVendorBoxed { text-align: center; padding: 20px; }
.DirectoryVendorBoxed .inner { border: 1px #c0c0c0 solid; background: #ffffff; min-height: 200px; }
.DirectoryVendorBoxed .DirectoryVendorLogo img { width: 100px;}
.DirectoryVendorBoxed .DirectoryVendorSlogan { display: inline; }

.DirectoryCategoryRecord, .DirectoryCategoryAlpha, .DirectoryCategoryReturn, .DirectoryCategoryLetter { display: none; }
.MemberOptInShowOptOut { display: none; }

