/*
----------------------------------------
  NORMALIZE STYLES
----------------------------------------
*/

body, div, h1, h2, h3, h4, h5, h6 {
  font: 90% "Trebuchet MS", Verdana, sans-serif;
  color: #02243c;
}

li {
  padding-bottom: 10px;
}

table {
  margin-left: 20px;
}

h1 {
  font-size: 180%;
  color: #005db3;
  font-weight: bold;
}

h2 {
  font-size: 120%;
  color: #ffffff;
  font-weight: normal;
}

h3 {
  font-size: 130%;
  color: #5195ce;
  font-weight: bold;
}

p {
  font-size: 115%;
}

div, span, img, form, h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
  background-color: transparent;
  border: 0px;
}

table {
  border-style: solid;
  border-width: 1px;
  border-spacing: 0px;
  border-collapse: collapse;
}

tr,
td {
  border-style: solid;
  border-width: 1px;
  border-spacing: 0px;
  border-collapse: collapse;
}

img {
  padding: 0;
  margin: 0;
}

/*
----------------------------------------
  BANNER AND NAVIGATION - MOUSEOVER MENU IN OWN CSS
----------------------------------------
*/

body {
  background-color: #C6D8EC;
}

div#container {
  width: 800px;
  margin: 10px auto;
  background-color: #ffffff;
}

div#banner {
  background: url('../images/logo_banner.jpg');
  height: 140px;
}

div#nav_blue {
  background: url('../images/nav_blue.jpg');
  height: 70px;
}

div#nav_holder {
  position: absolute;
  margin:20px;
  margin-top: -60px;
  z-index: 100;
}

/*
----------------------------------------
  IMAGE, QUOTE AND SEARCH AREA
----------------------------------------
*/

div#image {
  margin-bottom: -5px;
}

div#white_transparent {
  background: url('/images/white_transparent.png') repeat;
  height: 62px;
  padding-top: 10px;
  position: absolute;
  width: 800px;
  margin-top: -308px;
}

div.quote {
  float: left;
  padding-left: 20px;
  width: 410px;
}

div.quote p {
  font-size: 140%;
  line-height: 1.3;
  margin: 2px 0;
}

p.author {
  font-size: 140%;
  margin-top: 5px;
  color: #005db3;
}

div.area_search {
  text-align: right;
  float: right;
  margin-right: 20px;
  font-size: 115%;
  line-height: 2;
}

div.area_search select {
  width: 170px;
  margin-left: 10px;
}

div.area_search input.search {
  width: 166px;
  margin-left: 10px;
}

/*
----------------------------------------
  SUB MENU
----------------------------------------
*/

div#sub_menu {
  background-color: #5195ce;
  padding: 0 20px;
}

div#sub_menu ul {
  list-style-type: none;
  padding: 5px 0;
  margin: 0;
}

div#sub_menu ul li {
  display: inline;
  font-size: 115%;
}

div#sub_menu ul li a:link,
div#sub_menu ul li a:visited {
  color: #02243c;
  text-decoration: none;
}

div#sub_menu ul li a:hover {
  text-decoration: underline;
}

div#sub_menu ul li a:link.current,
div#sub_menu ul li a:visited.current {
  color: #ffffff;
  text-decoration: none;
}

div#sub_menu ul li a:hover.current {
  text-decoration: underline;
}

/*
----------------------------------------
  GENERAL BODY / TEXT
----------------------------------------
*/

div#main_content {
  margin: 20px 0px 20px 20px;
  width: 520px;
  float: left;
}

.indent {
  padding-left: 20px;
}

.indent_2 {
  padding-left: 40px;
}

.indent_3 {
  padding-left: 60px;
}
.indent_4 {
  padding-left: 80px;
}

a:link.para_link,
a:visited.para_link {
  color: #346f1f;
}

a:hover.para_link {
  color: #5bc236;
}

ul.numbered_list {
  list-style-type: decimal;
  padding-left: 80px;
}

/*
----------------------------------------
  NEWS - FIX ME - TO BE AUTOMATICALLY UPDATED
----------------------------------------
*/

div#news_navy {
  float: right;
  width: 180px;
  margin: 20px 20px 0px 0px;
  padding: 5px 20px;
  background-color: #02243c;
}

div#news {
  float: right;
  width: 180px;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 10px 20px;
  background-color: #d6d6d6;
}

div.articule {
  border-bottom: 1px solid #b3b3b3;
  margin-bottom: 15px;
}

p.right {
  text-align: right;
}

h2 a:link,
h2 a:visited {
  color: #ffffff;
  text-decoration: none;
}

h2 a:hover {
  text-decoration: underline;
}

/*
----------------------------------------
  FOOTER
----------------------------------------
*/

div#footer {
  clear: both;
  background: url('../images/footer_grad.jpg');
  height: 40px;
}

div#footer p {
  text-align: center;
  color: #ffffff;
  padding-top: 12px;
  font-size: 95%;
}

a:link.kcs,
a:visited.kcs {
  color: #ffffff;
}

a:hover.kcs {
  color: #5195ce;
}

div#spacer {
  clear: both;
}

/*
----------------------------------------
  CONTACT FORM
----------------------------------------
*/

form#about,
form#addyourarea,
form#about label,
form#addyourarea label,
form#about input,
form#addyourarea input,
form#about textarea,
form#addyourarea textarea {
  width: 100%;
}

form#about fieldset,
form#addyourarea fieldset {
  border: 0px solid #999;
}

form#about label,
form#addyourarea label {
  font-weight: bold;
}

form#about button,
form#addyourarea button {
  float: right;
}

span.required {
  color: #5195ce;
  font-weight: bold;
}