/* Structure                                                             >>> */
body {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: #FFFFFF;
  font: normal normal 12px verdana, arial, helvetica, sans-serif;
  color: #000000;
  text-align: center;
}

/* Outer Most Container, so that everything with in it, can be fixed width and centered */
#cxl_01 {
  width: 770px;
  margin: 0px auto 10px auto;
  padding: 0px 0px 0px 0px;
}

/* Top Section */
#cxl_03 {
  height: 100px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: url("images/hilo_masthead.jpg") no-repeat top left;
}

/* Middle Section */
#cxl_04 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/* Left Section */
#cxl_04_l {
  width: 120px;
  margin: 0px 0px 0px 0px;
  padding: 0px 1px 30px 2px;
  text-align: left;
}

/* Right Section */
#cxl_04_r {
  margin: 1px 1px 1px 1px;
  padding: 10px 10px 10px 10px;
  background: #ffffff;
  text-align: left;
}
/* Structure                                                             <<< */





/* Layout                                                                >>> */
p {
  margin: 0px 0px 12px 0px;
  padding: 0px 0px 0px 0px;
  font: normal normal 12px verdana, arial, helvetica, sans-serif;
  color: #000000;
}

img {
  border: none;
}

.center_image {
  text-align: center;
}

a {
  font: normal normal 12px verdana, arial, helvetica, sans-serif;
  color: #4069b2;
  text-decoration: underline;
}

a:hover {
  font: normal normal 12px verdana, arial, helvetica, sans-serif;
  color: #4069b2;
  text-decoration: none;
}

/* Left Nav >>> */
.left_nav_pre {
  margin: 20px 0px 20px 0px;
  padding: 3px 3px 0px 3px;
  font: normal bold 16px verdana, arial, helvetica, sans-serif;
  color: #fff100;
  text-align: center;
}

.left_nav_div_selected {
  height: 20px;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 0px 5px;
  background: #9ac0e5;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #ffffff;
  border-left: none;
  font: normal bold 10px verdana, arial, helvetica, sans-serif;
  color: #ffffff;
}

.left_nav_div_child_page {
  height: 20px;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 0px 5px;
  background: #9ac0e5 url("images/left_nav_div_child_page.gif") no-repeat top right;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #ffffff;
  border-left: none;
  font: normal normal 10px verdana, arial, helvetica, sans-serif;
  color: #000000;
}

.left_nav_div {
  height: 20px;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 0px 5px;
  background: #9ac0e5;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #ffffff;
  border-left: none;
  font: normal normal 10px verdana, arial, helvetica, sans-serif;
  color: #000000;
}

a.left_nav {
  font: normal normal 10px verdana, arial, helvetica, sans-serif;
  color: #000000;
  text-decoration: none;
}

a.left_nav:hover {
  font: normal normal 10px verdana, arial, helvetica, sans-serif;
  color: #ffffff;
  text-decoration: underline;
}
/* Left Nav <<< */

/* ConneXlink >>> */
.connexlink_div {
  width: 760px;
  height: 30px;
  margin: 10px auto 10px auto;
  padding: 0px 0px 0px 0px;
  font: normal normal 9px verdana, arial, helvetica, sans-serif;
  color: #4069b2;
}

a.connexlink {
  font: normal normal 9px verdana, arial, helvetica, sans-serif;
  color: #4069b2;
  text-decoration: underline;
}

a.connexlink:hover {
  font: normal normal 9px verdana, arial, helvetica, sans-serif;
  color: #4069b2;
  text-decoration: none;
}
/* ConneXlink <<< */

h1 {
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 30px;
  font: normal bold 30px verdana, arial, helvetica, sans-serif;
  color: #000000;
  line-height: 40px;
}

h2 {
  margin: 28px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  font: normal bold 16px verdana, arial, helvetica, sans-serif;
  color: #4069b2;
}

li {
  margin: 0px 0px 12px 0px;
  padding: 0px 0px 0px 0px;
}

/* Top Sub Nav >>> */
.top_sub_nav_container {
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
  background: #9ac0e5;
  border: 1px solid #000000;
}

a.top_sub_nav {
  font: normal normal 10px verdana, arial, helvetica, sans-serif;
  color: #000000;
  text-decoration: none;
}

a.top_sub_nav:hover {
  font: normal normal 10px verdana, arial, helvetica, sans-serif;
  color: #000000;
  text-decoration: underline;
}
/* Top Sub Nav <<< */
/* Layout                                                                <<< */





/* Custom                                                                >>> */
.quote_text {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font: italic normal 12px verdana, arial, helvetica, sans-serif;
  color: #000000;
}

.quote_name {
  float: right;
  margin: 0px 0px 12px 0px;
  padding: 0px 0px 0px 0px;
  font: normal bold 12px verdana, arial, helvetica, sans-serif;
  color: #000000;
}

.small_print_div {
  margin: 0px 0px 9px 0px;
  padding: 0px 0px 0px 0px;
  font: normal normal 9px verdana, arial, helvetica, sans-serif;
  color: #000000;
}

a.small_print {
  font: normal normal 9px verdana, arial, helvetica, sans-serif;
  color: #4069b2;
  text-decoration: underline;
}

a.small_print:hover {
  font: normal normal 9px verdana, arial, helvetica, sans-serif;
  color: #4069b2;
  text-decoration: none;
}

a.article_link {
  font: normal bold 14px verdana, arial, helvetica, sans-serif;
  color: #4069b2;
  text-decoration: underline;
}

a.article_link:hover {
  font: normal bold 14px verdana, arial, helvetica, sans-serif;
  color: #4069b2;
  text-decoration: none;
}

.article_credits {
  font: normal bold 12px verdana, arial, helvetica, sans-serif;
  color: #000000;
}

.spec_01 {
  text-align: center;
  background: url("images/ocean_01.jpg") no-repeat top left;
}

.spec_02 {
  text-align: center;
  background: url("images/ocean_02.jpg") no-repeat top left;
}

.spec_03 {
  font: normal bold 36px verdana, arial, helvetica, sans-serif;
  color: #e2363d;
}

.spec_04 {
  font: normal bold 20px verdana, arial, helvetica, sans-serif;
  color: #4069b2;
}

.spec_05 {
  width: 450px;
  height: 50px;
  margin: 0px 0px 20px 0px;
  padding:  10px 0px 0px 0px;
  background: #fff100;
  font: normal bold 30px verdana, arial, helvetica, sans-serif;
  color: #000000;
}

.spec_06 {
  font: normal bold 18px verdana, arial, helvetica, sans-serif;
  color: #000000;
}

.spec_07 {
  font: normal bold 18px verdana, arial, helvetica, sans-serif;
  color: #ffffff;
}

.spec_08 {
  width: 300px;
  height: 25px;
  margin: 0px 0px 20px 0px;
  padding:  10px 0px 0px 0px;
  background: #9ac0e5;
  font: normal bold 12px verdana, arial, helvetica, sans-serif;
  color: #000000;
}

.spec_09 {
  margin: 0px 0px 0px 0px;
  padding:  3px 0px 0px 0px;
  background: url("images/bkgd_01.jpg") no-repeat top left;
  font: normal bold 14px verdana, arial, helvetica, sans-serif;
  color: #4069b2;
  line-height: 25px;
}
/* Custom                                                                <<< */