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

					  /* notes at bottom */


html,body,div,dl,dt,dd,pre,form,fieldset,input,textarea,table,th,td   { margin: 0; padding: 0; }


/* Index Page
   ---------- */
div#INDEX { width: 654px; height: 531px; margin: 0 auto; position: relative; }


    div#EBOOK 		 { position: absolute; top: 80px; left: 0; z-index: 55; }

	h1#Breath-of-God { width: 654px; height: 451px;
		 		background: url(http://hamakuapublishing.net/IMG/Hamakua_text.2.gif) no-repeat;
		 		text-indent: -8888px;
		 		margin: 0; }


    div#hamakua-ebook   { position: absolute; top: 80px; left: 120px; z-index: 1; }

	h2#Truth 	{ width: 414px; height: 451px;
		 		background: url(http://hamakuapublishing.net/IMG/Hamakua-414x451.png) no-repeat;
		 		text-indent: -8888px;
		 		margin: 0; }


		p.Hamakua-Publishing { text-align: center;
					font-family: verdana, helvetica, sans-serif;
					font-size: 13px;
					margin-top: 55px; }


			div#ENTER { width: 100%; height: 186px;
					position: absolute; top: 199px; }



a:link    { color: #2f4f4f; background: transparent; }

a:visited { color: #2f4f4f; background: transparent; }

a:hover   { color: #c00000; background: transparent; }

a:active  { color: #c00000; background: transparent; }


div.Translators a:link,
div.Translators	a:visited,
div.Translators	a:hover,
div.Translators	a:active  { font-family: verdana, helvetica, sans-serif;
			    color: #fff; background: transparent; }

p.translate   { text-align: right; 
		margin: 33px 19px 30px 0; 
		font-family: arial, helvetica, sans-serif; 
		font-size: 19px; }


div#REL { position: relative; }



table { margin: 0; border: 0; }

  td.main { width: 67%; padding: 101px 38px 0 28px; vertical-align: top; }

  td.side { width: 33%; padding: 120px 18px 0 18px; vertical-align: top; }

    td.main-BOOKS { width: 600px; vertical-align: top; }

    td.side-BOOKS { padding: 0 26px; vertical-align: top; }


table.center { margin-right: auto; margin-left: auto; }


/* friends page
   ------------ */
   .bdr1 { width: 515px;
		margin-left: 28px;
		border: 2px solid #f00;
		padding: 28px;
		font-size: 95%;
		text-align: left; }

   .bdr2 { width: 515px;
		margin-left: 28px;
		border: 2px solid #00f;
		padding: 28px;
		font-size: 95%;
		text-align: left; }

   .bdr3 { width: 515px;
		margin-left: 28px;
		border: 2px solid #008000;
		padding: 28px;
		font-size: 95%;
		text-align: left; }

   .bdr4 { width: 515px;
		margin-left: 28px;
		border: 2px solid #ffd700;
		padding: 28px;
		font-size: 95%;
		text-align: left; }

   .bdr5 { width: 515px;
		margin-left: 28px;
		border: 2px solid #ffd700;
		padding: 28px;
		font-size: 95%;
		text-align: left; }


table#friends p { margin: 55px 505px 1em 0; }

/* ----------------------------------------- */


/* eBOOKS page
   ----------- */
   div#HaMaKuA 	  { position: absolute; top: 0; left: 0;
			width: 331px; height: 332px; }

   div#HaMaKuA h1    { width: 331px; height: 332px;
			margin: 0; padding: 0;
			background: url(http://hamakuapublishing.net/eBOOKS/IMG/logo2.331x332.png) no-repeat;
			text-indent: -8888px; }


   div#eBOOKS 	  { position: absolute; top: 220px; left: 161px;
			width: 611px; height: 123px; }

   div#eBOOKS h2     { width: 611px; height: 123px;
			margin: 0; padding: 0;
			background: url(http://hamakuapublishing.net/IMG/HP_logo.gif) no-repeat;
			text-indent: -8888px; }

/* -------------------------------------------- */


h1, h2, h3, h4 { font-family: 'lucida console', tahoma, verdana, helvetica, sans-serif;
		 font-weight: normal; }

  h1#logo      { width: 611px; height: 123px;
		 margin: 19px auto;
		 background: url(http://hamakuapublishing.net/IMG/HP_logo.gif) no-repeat;
		 text-indent: -8888px; }


div#date      { position: absolute; top: 141px; left: 0;
		width: 100%; height: 1em; }

	div#date p { text-align: center; margin: 0; }

		div#date span { font: 15px 'lucida console', tahoma, verdana, helvetica, sans-serif; }


div#date-2    { position: absolute; top: 341px; left: 161px;
		width: 611px; height: 1em; }

	div#date-2 p { text-align: center; margin: 0; }

		div#date-2 span { font: 15px 'lucida console', tahoma, verdana, helvetica, sans-serif; }


	   div#JSKit { position: absolute; top: 0; right: 0;
			width: 12em; height: 1em; }


div#T-TS { position: absolute; top: 169px; right: 18px; }


h3.eighteen    { margin-left: 19px;
		 font-size: 18px; 
		 line-height: 190%; }

h3.eighteen em { font-family: 'lucida console', tahoma, verdana, helvetica, sans-serif;
		 font-style: normal;
		 color: #c00000; background: transparent; }


.block-19 { margin-left: 19px; }



.credit { font: 11px arial, helvetica, sans-serif; margin: 0; padding: 0; display: block; }


.arial95 { font: 95% arial, helvetica, sans-serif; }


ul { list-style: circle; margin-left: .6em; padding-left: .6em; }

   li { font-family: 'lucida console', tahoma, verdana, helvetica, sans-serif; 
	text-align: left; 
       	line-height: 144%; 
	margin-bottom: 1em; }


      ul.BOOKS    { list-style: none;
		    margin: 0; padding: 0; }

      ul.BOOKS li { font-family: 'lucida console', tahoma, verdana, helvetica, sans-serif; 
		    text-align: left; 
       		    line-height: 1em;
		    margin-bottom: 0.8em; }


ul.indent { list-style: circle; margin-top: 0; margin-bottom: 2em; margin-left: 1em; padding-left: 1em; }

ul.indent   li { font-family: 'lucida console', tahoma, verdana, helvetica, sans-serif; 
		 text-align: left; 
       		 line-height: 125%;  
		 margin-bottom: .6em; }


ul.plain { list-style: none; margin-left: .3em; padding-left: .3em; }


.section-break { text-align: center;
		 color: #c00000; background: transparent;
		 margin-bottom: -2em; }


.section-break-Drop { text-align: center;
		 	color: #c00000; background: transparent;
		 	margin-top: 2em; }


p    { font-family: 'lucida console', tahoma, verdana, helvetica, sans-serif;
       text-align: justify; 
       line-height: 180%; }


p.subhead, p.indent { margin: 0; padding: 0; 
	              text-indent: 2em; }


p.no-bot { margin-bottom: 0; }


p.minus { margin: -.5em 0 0 0; }


p.drop { text-indent: 19px; }

p.drop:first-letter { font-size: 300%; line-height: 77%;
		      font-weight: normal; 
		      font-family: "monotype corsiva", "calisto mt", "times new roman", times, serif; }


noscript p { font-family: verdana, helvetica, sans-serif;
	     font-style: italic;
	     line-height: 136%;
	     color: #00f; background: transparent; }


a.TD0 { text-decoration: none; }


a img { border: 0; }

  .right { float: right;
	      margin-left: 5px; }

  .left { float: left;
	     margin-right: 5px; }


strong  { font-weight: bold; }

em      { font-style: italic; font-family: verdana, helvetica, sans-serif; }

.NO-em  { font-style: normal; }

.normal { font-weight: normal; }


.eighty { width: 80%; margin: 0 auto; }


.C, .C p   { text-align: center; }
.L, .L p   { text-align: left; }
.R, .R p   { text-align: right; }

.u   { text-decoration: underline; }
.u-o { text-decoration: underline overline; }
 .uB { text-decoration: underline; font-weight: bold; }


.lyrics { font-size: 95%; font-style: italic; }


 .darkred { color: #c00000; background: transparent; }
   .red { color: #f00; background: transparent; }
     .red-bold { color: #f00; background: transparent; font-weight: bold; }
       .red-bold-vhss { color: #f00; background: transparent; font-weight: bold; 
		        font-family: verdana, helvetica, sans-serif; }



.quote { margin-right: 5%; margin-left: 5%; font-size: 95%; }


.footnote { margin-top: 3em;
	    margin-bottom: 2em;
	    border-top: 1px solid #000;
	    padding-top: 4px;
	    font-size: 95%;
	    text-align: left; 
	    line-height: 125%; }

.footnote strong { background: #add8e6; font-weight: normal; }


.footnote-continue { font-size: 95%;
	    	     text-align: left;
		     line-height: 125%; }

.footnote-end { margin-top: 0;
	        border-bottom: 1px solid #000;
	        padding-bottom: 4px;
	        font-size: 95%;
	        text-align: left;
		line-height: 125%; }

.footnote2 { margin-top: 0;
	    border-top: 1px solid #000; border-bottom: 1px solid #000;
	    padding: 4px 0;
	    font-size: 95%;
	    text-align: left;
	    line-height: 125%; }


     .navHOME-left       { margin: 35px 0;
	    	     	   font-size: 95%;
	    	     	   text-align: left;
	    	     	   line-height: 100%; }

        .navHOME-left a  { text-decoration: none; }

        .navHOME-left em { color: #ff8c00; background: transparent;
			   font-style: normal;
			   font-weight: normal; }

        .navHOME-left strong { color: #00bfff; background: transparent;
			       font-weight: bold; }

/*   #  #  #  #  #  #  #  #  #  #  #  #  #  #  #  #  #  #  #  #  #  #  #   */

     .navHOME-right       { margin: 35px 0;
	    	     	    font-size: 95%;
	    	     	    text-align: right;
	    	     	    line-height: 100%; }

        .navHOME-right a  { text-decoration: none; }

        .navHOME-right em { color: #ff8c00; background: transparent;
			    font-style: normal;
			    font-weight: normal; }

/*   #  #  #  #  #  #  #  #  #  #  #  #  #  #  #  #  #  #  #  #  #  #  #   */

     .nav-Horizontal { margin: 0 0 1em 65px;
	    	     	font-size: 90%; }

        .nav-Horizontal a  { text-decoration: none; }

        .nav-Horizontal strong { color: #00bfff; background: transparent;
			       	 font-weight: bold; }



#CR { width: 33em;
      margin: 55px auto 0 auto;
      border-top: 1px solid #c00000;
      text-align: center;
      font-family: verdana, helvetica, sans-serif;
      font-size: 90%; }

  #CR p { text-align: center;
	  margin: 0; }


/* Pre-launch Index Page
   --------------------- */
div.Happening { width: 295px; height: 38px;
		background: url(IMG/linespin.gif) repeat center right; }

    h1.happen { width: 295px; height: 38px;
		background: url(IMG/Happening.png) no-repeat;
		text-indent: -8888px; }




/* NOTES
   -----
   text-align: center;  !! CENTERS ALL TABLES IN IE !!

   on 1024px screen:
   -----------------
      76% = 765px (with scrollbar)
      24% = 236px (with scrollbar)
      1007px = total width (with scrollbar)
*/