html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0;padding: 0;border: 0;}
td { text-align: left;}
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFF; color: #000; text-align: left;}
a:link, a:visited {color: #03C;}
#pagewrapper {width: 1080px; background:url(../images09/09page_bg.jpg) no-repeat; background-color: #F2F2F2; margin: 0; text-align:left; margin-left:auto; margin-right:auto; text-align: center;}
#innerwrapper{ margin-top: 0; margin-bottom: 0; text-align:left; margin-left:auto; margin-right:auto; text-align: center;}
/* HEADER */
#header {width: 960px; height:70px; margin-top: 0; margin-bottom: 0; text-align:left; margin-left:auto; margin-right:auto; text-align: center;}
/* AUX NAV */
#auxnav {width: 960px; height: 33px; background:url(../images09/09auxnavbg.jpg) no-repeat; padding: 0px 0px 0px 0px; margin-top: 0; margin-bottom: 0; text-align:left; margin-left:auto; margin-right:auto; text-align: center;}
#auxnav p {text-align: left; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 11px; padding: 10px 0px 0px 10px; margin: 0px 0px 0px 0px; color: #999;}
a.auxnav:Link, a.auxnav:Visited, a.auxnav:Hover {font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 11px; font-weight: normal; color: #999; text-decoration: none; padding: 5px 5px 0px 5px !important; margin: 5px 0px 0px 0px; text-align: left;}
a.auxnav:Hover {font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 11px; font-weight: normal; color: #0066cc; text-decoration: none; padding: 5px 5px 0px 5px; margin: 5px 0px 0px 0px; text-align: left;}
/* MAIN NAV */
#mainnav {width: 960px; height: 39px; background:url(../images09/09mainnavbg.jpg) no-repeat; margin-top: 0; margin-bottom: 0; text-align:left; margin-left:auto; margin-right:auto; text-align: center;}
#footerarea {width: 960px; margin: 10px 0px 0px 0px; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; text-align:left; margin-left:auto; margin-right:auto;}
#footerarea H1 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px 0px 0px 0px; margin: 0px 10px 0px 10px; font-weight: bold; color: #666; text-align: left;}
#footerarea p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; padding: 0px 0px 0px 0px; margin: 0px 10px 0px 10px; font-weight: normal; color: #666; text-align: left;}
#footerarea a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; padding: 0px 0px 0px 0px; margin: 0px 10px 10px 0px; font-weight: normal; color: #666; text-align: left; text-decoration: none;}
#footerarea ul {list-style: none; margin: 0 5px 0px 10px; }
#footerarea li {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:16px; color: #666; padding: 2px 5px 2px 15px; /*--Adds padding around each item--*/
margin: 0; text-align: left; background: url(../images09/09bullet-footer.gif) no-repeat left center;}
table#footertable{ width: 960px; padding: 0px 0px 0px 0px; margin: 10px 0px 10px 0px;}
.footer-td140 {width:140px; border-left: 1px solid #fff;}
.footer-td142 {width:142px; border-left: 1px solid #fff;}
.footer-td162 {width:162px; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.footer-td167 {width:167px; border-left: 1px solid #fff;}
.footer-td175 {width:175px; border-left: 1px solid #fff;}
.footer-td174 {width:174px;}
#copyrightarea {width: 960px; height: 80px; margin: 10px 0px 0px 0px; text-align:left; margin-left:auto; margin-right:auto; }
#copyrightarea p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; padding: 0px 0px 0px 0px; margin: 0px 10px 10px 12px; font-weight: normal; color: #666; text-align: left;}
/* MAIN MENU ITEMS */
#nav li {
position: relative;
width: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border:0px;
float:left; /* this makes the list go horizontal vs vertical*/
list-style-type: none;
z-index: 1000;
}
#nav a {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
text-decoration: none;
display: block;
color: #FFF;
font-weight: bold;
padding: 10px 0px 5px 0px; /* Position of main menu items, Home, About, Membership, etc. */
z-index: 1000;
}
/* ROLLOVER FOR THE MAIN NAV ITEMS I.E. HOME, MEMBERSHIP, ABOUT, PROGRAMS, ETC*/
#nav a:hover {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
height: 20px; /*Added 10/20*/
text-decoration: none;
color: #FFF;
background-color: #012391;
z-index: 1000;
}
#nav li p {
border:0px;
/*background:url(../images09/09menudivider.gif) no-repeat;*/
font-size : 12px;
text-decoration:none;
color: #FFF;
width: 5px;
margin: 0px 0px 0px 0px;
padding: 0px 10px 2px 10px;
font-weight: normal;
z-index: 1000;
}
/*DROPDOWN BOX*/
#nav li ul {
display: none;
top: auto;left: auto;
width: 200px; /*My addition*/
border-width: 5px;
border-style: solid;
border-color: #007bc8 #007bc8 #007bc8 #007bc8;
}
/*ADDED 10/27 TRYING TO CORRECT ROLLOVER POSITIONING OF DROPDOWN MENU*/
#nav li ul:hover, #nav li ul.over {
display: none;
top: auto;left: auto;
width: 200px; /*My addition*/
border-width: 5px;
border-style: solid;
border-color: #007bc8 #007bc8 #007bc8 #007bc8;
position: relative; top: 35px;
} /*ADDED 10/27 TRYING TO CORRECT ROLLOVER POSITIONING OF DROPDOWN MENU*/
#nav li:hover ul, #nav li.over ul{
visibility: visible;
display: block;
position:absolute;
z-index:1;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
/*MY ADDITION */
#nav li li {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
/*display: block; */
width: 200px; /* WIDTH OF THE DROPDOWN BOX */
background-color: #FFF; /* background color within dropdown */
font-size : 11px;
padding: 0px 0px 0px 0px;
/*padding: 2px 0px 2px 0px; */
margin: 0px 0px 0px 0px;
}
/*LINKS WITHIN DROPDOWN BOX*/
#nav ul li a {
background-color: #FFF;
color: #1268bb;
text-align: left;
height: 30px; /*ADDITION 10/27*/
margin: 5px 0px 0px 10px;
padding: 0px 0px 0px 0px; /*ADDITION 10/27*/
}
/*HOVER LINKS WITHIN DROPDOWN BOX*/
#nav ul li a:hover {
background-color: #FFF;
color: #008448;
text-align: left;
height: 30px; /*ADDITION 10/27*/
margin: 5px 0px 0px 10px;
padding: 0px 0px 0px 0px; /*ADDITION 10/27*/
/*position: relative; top: 7px;*/ /* POSITIONING THE HOVER - OCT 27 */
}
/* MAIN MENU ITEMS */
/* MAIN BUTTONS */
#menubuttons {
width: 300px;
float: right;
position:relative; top:4px; left:4px;
padding: 0px 20px 0px 0px;
text-align: right;
}
/* INNER CONTENT */
/* INNER PAGE TITLE */
#innerpagetitle {width:960px; height:38px; text-align:left; margin-left:auto; margin-right:auto; margin-top: 0px; margin-bottom: 0px;}
#innerpagetitle h1 {font-family: Arial, Helvetica, sans-serif; font-size: 22px; padding: 0px 0px 0px 0px; margin: 8px 0px 0px 20px; font-weight: normal; color: #0066cc; text-align: left; text-transform: uppercase;}
h1.pagetitle-programs {
width: 380px; height: 38px;
background: url("../images09/09pagetitle-programs.jpg");
background-repeat:no-repeat;
text-indent: -9999px;
}
h1.pagehdr-programs {
width: 652px; height: 135px;
background: url("../images09/09pagehdr-programs.jpg");
background-repeat:no-repeat;
text-indent: -9999px;
}
h1.pagetitle-about {
width: 380px; height: 38px;
background: url("../images09/09pagetitle-about.jpg");
background-repeat:no-repeat;
text-indent: -9999px;
}
h1.pagehdr-about {
width: 652px; height: 77px;
background: url("../images09/09pagehdr-about.jpg");
background-repeat:no-repeat;
text-indent: -9999px;
}
h1.pagetitle-membership {
width: 380px; height: 38px;
background: url("../images09/09pagetitle-membership.jpg");
background-repeat:no-repeat;
text-indent: -9999px;
}
h1.pagehdr-membership {
width: 632px; height: 49px;
background: url("../images09/09pagehdr-membership.jpg");
background-repeat:no-repeat;
text-indent: -9999px;
}
h1.pagetitle-calendar {
width: 380px; height: 38px;
background: url("../images09/09pagetitle-calendar.jpg");
background-repeat:no-repeat;
text-indent: -9999px;
}
h1.pagehdr-calendar {
width: 480px; height: 49px;
background: url("../images09/09pagehdr-calendar.jpg");
background-repeat:no-repeat;
text-indent: -9999px;
}
h1.pagetitle-contact {
width: 380px; height: 38px;
background: url("../images09/09pagetitle-contact.jpg");
background-repeat:no-repeat;
text-indent: -9999px;
}
h1.pagehdr-contact {
width: 542px; height: 116px;
background: url("../images09/09pagehdr-contact.jpg");
background-repeat:no-repeat;
text-indent: -9999px;
}
/* INNER CONTENT TOP & BOTTOM*/
#innercontenttop {width:960px; height:5px; background-image:url(../images09/09homecontentop_bg.jpg); background-repeat:no-repeat; text-align:left; margin-left:auto; margin-right:auto; margin-top: 0px; margin-bottom: 0px; text-align: center;}
/* HACK TO RESOLVE POSITIONING DISCREPANCY BETWEEN FIREFOX/SAFARI AND IE */
#innercontentbtm {width:958px; height: 10px; background-color:#FFF; text-align:left; margin-left:auto; margin-right:auto; margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 0px 0px; text-align: center; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; position: relative; bottom: 10px;}
#innercontentbtmbtm {width:960px; height:5px;
padding: 0px 0px 0px 0px;
background-image:url(../images09/09homecontentbtm_bg.jpg);
background-repeat:no-repeat;
text-align:left; margin-left:auto; margin-right:auto; margin-top: 0px; margin-bottom: 0px; text-align: center;
position: relative; bottom: 10px;
}
#innercontent {width:958px; height: auto; background-color:#FFF; text-align:left; margin-left:auto; margin-right:auto; margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 0px 0px; text-align: center; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
#innercontent p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; padding: 0px 0px 0px 0px; margin: 0px 10px 10px 15px; font-weight: normal; color: #666; text-align: left;}
#innercontent a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; font-weight: normal; color: #0066cc; text-align: left;}
#innercontent ul {
list-style: none;
padding: 0;
text-align: left;
color: #666;
margin: 0px 10px 0px 15px;
}
#innercontent li {
font-family: Arial, Helvetica, sans-serif; font-size: 12px;
padding: 2px 5px 2px 15px;
margin: 0;
background: url(../images09/09bullet.gif) no-repeat left center;
}
#innercontentmain {width: 680px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-right: 1px solid #d1d1d1;}
#innercontentmain H1 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; padding: 10px 0px 12px 0px; margin: 0px 10px 0px 15px; font-weight: normal; color: #076abf; text-align: left; text-transform: uppercase; }
#innercontentmain H2 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; padding: 10px 0px 12px 0px; margin: 0px 10px 0px 15px; font-weight: normal; color: #076abf; text-align: left; text-transform: uppercase; }
#innercontentmain H3 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; padding: 0px 0px 12px 0px; margin: 0px 10px 0px 15px; font-weight: normal; color: #076abf; text-align: left;}
/* KEALAHELE */
#kealahele {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#kealahele H1 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px 10px 0px 15px; font-weight: normal; color: #076abf; text-align: center; text-transform: uppercase; }
#kealahele H2 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; padding: 0px 0px 10px 0px; margin: 0px 10px 0px 15px; font-weight: bold; color: #076abf; text-align: center; text-transform: uppercase; }
#kealahele H3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0px 0px 10px 0px; margin: 0px 10px 0px 15px; font-weight: normal; color: #076abf; text-align: center; }
#kealahele H4 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0px 0px 10px 0px; margin: 0px 10px 0px 15px; font-weight: bold; color: #000000; text-align: left; }
#kealahele H5 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0px 0px 10px 0px; margin: 0px 10px 0px 15px; font-weight: normal; color: #076abf; text-align: left; }
#kealahele p {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height:18px; padding: 0px 0px 0px 0px; margin: 0px 10px 6px 15px; font-weight: normal; color: #666; text-align: center;}
/* INNERCONTENTRIGHT */
#innercontentright {width:276px; float:right; }
#innercontentright H1 {font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 16px; padding: 0px 0px 2px 0px; margin: 23px 10px 0px 15px; font-weight: bold; color: #000; text-align: left; }
#innercontentright p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; padding: 0px 0px 0px 0px; margin: 5px 10px 10px 15px; font-weight: normal; color: #666; text-align: left;}
img.rtside-floatleft {
border: 1px solid #d1d1d1;
margin: 5px;
padding: 0px;
float: left;
}
img.main-floatright {
border: 1px solid #d1d1d1;
margin: 5px;
padding: 0px;
float: right;
}
/* CONTENT MAIN TABLE */
table#contentmaintable{ width: 652px; border-collapse: collapse; padding: 0px 0px 0px 0px; margin: 10px 0px 10px 10px;}
tr.contentmainrow td {border-top: 1px solid #e7e7e7; vertical-align:top;}
td#contentmaintable {padding: 5px;}
td.contentmainleft {width: 160px; vertical-align:top;}
td.contentmainright {text-align: left;}
table#contentmaintable h1 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0px 0px 2px 0px; margin: 5px 10px 0px 10px; font-weight: bold; color: #000; text-align: left; text-transform:none; }
table#contentmaintable p{font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; padding: 0px 0px 0px 0px; margin: 0px 10px 10px 10px; font-weight: normal; color: #666; text-align: left;}
table#contentmaintable a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; padding: 0px 0px 0px 0px; margin: 0px 10px 10px 0px; font-weight: normal; color: #3caff2; text-align: left; text-decoration:none;}
table#contentmaintable img {border: 0px;}
/* CONTACT TABLE */
table#contacttable{ width: 652px; border-collapse: collapse; padding: 0px 0px 0px 0px; margin: 10px 0px 10px 10px;}
tr.contactrow td {border-top: 1px solid #e7e7e7; vertical-align:top;}
td#contacttable {padding: 5px;}
td.contactleft {width: 240px; vertical-align:top;}
td.contactright {text-align: left;}
table#contacttable h1 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0px 0px 2px 0px; margin: 5px 10px 0px 10px; font-weight: bold; color: #000; text-align: left; text-transform:none; }
table#contacttable h2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px 0px 2px 0px; margin: 5px 10px 0px 10px; font-weight: bold; color: #000; text-align: left; text-transform:none; }
table#contacttable p{font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; padding: 0px 0px 0px 0px; margin: 0px 10px 10px 10px; font-weight: normal; color: #666; text-align: left;}
table#contacttable a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; padding: 0px 0px 0px 0px; margin: 0px 10px 10px 0px; font-weight: normal; color: #3caff2; text-align: left; text-decoration:none;}
table#contacttable img {border: 0px;}
/* BOD TABLE */
table#bodtable{ width: 652px; border-collapse: collapse; padding: 0px 0px 0px 0px; margin: 10px 0px 10px 10px;}
tr.bodrow td {vertical-align:top; padding: 15px 0px 0px 0px;}
td#bodtable {padding: 5px;}
td.bodleft {width: 100px; vertical-align:top;}
td.bodright {width: 206px; text-align: left;}
table#bodtable h1 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0px 0px 2px 0px; margin: 0px 10px 0px 10px; font-weight: bold; color: #000; text-align: left; text-transform:none; }
table#bodtable p{font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; padding: 0px 0px 0px 0px; margin: 0px 10px 10px 10px; font-weight: normal; color: #666; text-align: left;}
table#bodtable a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; padding: 0px 0px 0px 0px; margin: 0px 10px 10px 0px; font-weight: normal; color: #3caff2; text-align: left; text-decoration:none;}
table#bodtable img {border: solid 1px #d1d1d1}
table#bodtable2{ width: 652px; border-collapse: collapse; padding: 0px 0px 0px 0px; margin: 10px 0px 10px 10px;}
tr.bodrow td {vertical-align:top; padding: 15px 0px 0px 0px;}
td#bodtable2 {padding: 5px;}
td.bodleft {width: 100px; vertical-align:top;}
td.bodright {width: 206px; text-align: left;}
table#bodtable2 h1 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0px 0px 2px 0px; margin: 0px 10px 0px 10px; font-weight: bold; color: #000; text-align: left; text-transform:none; }
table#bodtable2 p{font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; padding: 0px 0px 0px 0px; margin: 0px 10px 10px 10px; font-weight: normal; color: #666; text-align: left;}
table#bodtable2 a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; padding: 0px 0px 0px 0px; margin: 0px 10px 10px 0px; font-weight: normal; color: #3caff2; text-align: left; text-decoration:none;}
table#bodtable2 img {border: solid 1px #d1d1d1}
.thinborder { border: solid 1px #d1d1d1 }
.pullquote {float: right; width: 160px; color:#000; border: solid #076abf; border-width: 7px 0; font: bold 1em Verdana, Arial, Helvetica, sans-serif; padding: 3px 2px; margin: 1px 7px; }
/*.kaf-bodytext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight : normal;
color: #006eae;
text-align: center;
}
.kaf-h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight : normal;
color: #006eae;
text-align: center;
}*/