#header
{
  background: #FFFFFF url('/include/koaheader.jpg') top left no-repeat;
  margin: 0;
  padding: 0;
  width: 700px;
  height: 104px;
}

.koa_wrapper
{
  border: 0;
  width: 700px;
  padding: 0;
  margin: 0;
}

.navigation
{
  width: 150px;
  float: left;
  vertical-align: top;
}
.navigation ul
{
  padding: 5px 0 0 3px;
  margin: 0;
  list-style: none;
}
.navigation li
{
  padding-bottom: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
}


.navigation a, 
.navigation a:active,
.navigation a:visited,
.navigation a:hover
{
  text-decoration: none;
  color: #2472bf;
}

.koa_wrapper_news
{
  border: 0;
  width: 1100px;
  padding: 0;
  margin: 0;
}


.searchform a,
.searchform a:link,
.searchform a:visited,
.searchform a:active
{
    border: 0;
    color: #069;
    background-color: inherit;
    text-decoration: none;
}
.searchform a:hover,
.searchform a:focus
{
    text-decoration: underline;
}


.searchform a.help,
.searchform a.help:link,
.searchform a.help:visited,
.searchform a.help:active
{
    border: 0;
    color: #660000;
    background-color: inherit;
    text-decoration: none;
}
.searchform a.help:hover,
.searchform a.help:focus
{
    text-decoration: underline;
}
.searchform a.help:focus
{
    text-decoration: underline;
}

.searchform div.downtime  {
   margin: 10px auto;
   padding: 5px 12px 8px;
   font-weight: bold;
   font-size: small;
   background-color: #ffdddd;
   border-left: 6px solid #f44336;
   width: 95%;
}

.searchform h1
{
    font-family: arial,geneva,verdana,helvetica,sans-serif;
    text-align: center;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 22px;
    font-weight: bold;
    color: #031a4d;
    background-color: #c3d5e1;
    border: 1px solid #a4bfd0;
}

.searchform h2
{
    text-align: center;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    color: #031a4d;
    background-color: #c3d5e1;
    border: 1px solid #a4bfd0;
}

.searchform h3
{
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    color: #031a4d;
    background-color: #c3d5e1;
    border: 1px solid #a4bfd0;
}

.searchform h4
{
    text-align: center;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    background-color: #fffacd;
    border: 1px solid #808080;
}

.searchform .border_table
{
  border-collapse: collapse;
}
.searchform .border_table td, .searchform .border_table th
{
  border: 1px solid #999;
  padding: 5px;
  vertical-align: top;
  align: left;
}
.searchform .border_table th
{
  background: #ccc;
}

.searchform .form_table
{
  border-collapse: collapse;
}
.searchform .form_table td, .searchform .form_table th
{
  border: 0px;
  padding: 2px;
  vertical-align: top;
  align: left;
}
.searchform .form_table th
{
  border: 0px;
  /*border-radius: 25px;*/
  background: #3598FE;
}

.searchform .badge_table
{
  border-collapse: collapse;
}
.searchform .badge_table td, .searchbadge .badge_table th
{
  border: 0px;
  padding: 2px;
  vertical-align: top;
  align: left;
}
.searchform .badge_table th
{
  border: 0px;
  border-radius: 25px;
  background: #ccc;
}


.content
{
  width: 550px;
  vertical-align: top;
}


.webpage h1,
.webpage h2,
.webpage h3,
.webpage h4
{
    font-family: arial,geneva,verdana,helvetica,sans-serif;
}

.webpage h1
{
    text-align: center;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 22px;
    font-weight: bold;
    color: #031a4d;
    background-color: #c3d5e1;
    border: 1px solid #a4bfd0;
}

.webpage h2,
.webpage h3
{
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 10px 0 0 0;
    background-color: inherit;
}
.webpage h2
{
    color: #069;
    border-bottom: 1px solid #ccc;
}
.webpage h3
{
    color: #444;
    margin-bottom: 0;
    padding-bottom: 0;
}
.webpage h4
{
  color: #444;
  font-weight: bold;
}


.webpage h5
{
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    color: #031a4d;
    background-color: #c3d5e1;
    border: 1px solid #a4bfd0;
}

.webpage h6
{
    text-align: left;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: normal;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #faebd7;
    border: 1px solid #deb887;
}



.webpage form { margin: 0; padding: 0; }
.webpage p { margin: 10px 0 10px 0; }

.webpage table,
.webpage tr,
.webpage td
{
    margin: 0; padding: 0; border: 0;
}

.webpage .border_table
{
  border-collapse: collapse;
}
.webpage .border_table td, .webpage .border_table th
{
  border: 1px solid #999;
  padding: 3px;
  vertical-align: top;
}
.webpage .border_table th
{
  background: #ccc;
}

.webpage .centered_cells td,
.webpage .centered_cells th
{
  text-align: center;
}

.webpage .no_wrapping td,
.webpage .no_wrapping th
{
  white-space: nowrap;
}

.webpage a,
.webpage a:link,
.webpage a:visited,
.webpage a:active
{
    border: 0;
    color: #069;
    background-color: inherit;
    text-decoration: none;
}
.webpage a:hover,
.webpage a:focus
{
    text-decoration: underline;
}

.webpage h2 a,
.webpage h2 a:link,
.webpage h2 a:visited,
.webpage h2 a:active
{
    text-decoration: none;
    border-bottom: 1px solid;
}
.webpage h2 a:hover,
.webpage h2 a:focus
{
    text-decoration: none;
    border: 0;
}

.webpage dl
{
  margin-left: 20px;
}
.webpage dt
{
  font-weight: bold;
}
.webpage dd
{
  margin-bottom: 10px;
}

.webpage .list_spaced li
{
  margin-bottom: 10px;
}

.webpage div.notesbox
{
        border-radius: 2px;
        border: 2px solid #c3d5e1; !important;
        float: center;
        padding: 5px;
        overflow-y: auto;
        overflow-x: auto;
}



.webpage .cardtable {
border-left: 1px solid #ff0000;
border-top: 1px solid #ff0000;
border-collapse: separate;
}

.webpage .card4 {
width: 25%;
padding: 50px;
background-color: #900c3f;
border-bottom: 1px solid #ff0000;
border-right: 1px solid #ff0000;
}

.webpage .card3 {
width: 33%;
padding: 50px;
background-color: #900c3f;
border-bottom: 1px solid #ff0000;
border-right: 1px solid #ff0000;
}



.webpage .card {
text-align: left;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
width: 270px;
min-height: 410px;
display: inline-block;
vertical-align: top;
margin: 20px;
color: #777;
font-size: 14px;
background: #efefef; /* ef */
padding: 0;
}

.webpage .card:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.webpage .card_head {
padding-top: 15px;
padding-bottom: 10px;
text-transform: uppercase;
text-align: center !important;
font-size: 16px;
font-weight: 600;
color: #222;
border-bottom: 1px solid #ddd;
background: #efefef;
font-family: "Helvetica";
margin: 0;
}

.webpage .card_body {
padding: 19px;
}



.webpage .card_list {
list-style: none;
padding: 0;
}

.webpage .card_list li {
margin-bottom: 6px;
}


.webpage .card_list .badge {
background-color: #428bca;
color: #fff;
font-weight: normal;
font-size: 11px;
border-radius: 10px;
min-width: 10px;
padding: 3px 7px;
margin-left: 2px;
/*float: right;*/
/*margin-right: 50px;*/
}


.webpage .cardsmall {
text-align: center;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
width: 300px;
min-height: 225px;
display: inline-block;
vertical-align: top;
margin: 20px;
color: #777;
font-size: 14px;
background: #efefef; /* ef */
padding: 0;
}

.webpage .cardsmall:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.webpage .cardsmall_head {
padding-top: 15px;
padding-bottom: 10px;
text-transform: uppercase;
text-align: center !important;
font-size: 16px;
font-weight: 600;
color: #222;
border-bottom: 1px solid #ddd;
background: #efefef;
font-family: "Helvetica";
margin: 0;
}

.webpage .cardsmall_body {
padding: 19px;
}



.webpage .cardsmall_list {
list-style: none;
padding: 0;
}

.webpage .cardsmall_list li {
margin-bottom: 6px;
}


.webpage .cardsmall_list .badge {
background-color: #428bca;
color: #fff;
font-weight: normal;
font-size: 11px;
border-radius: 10px;
min-width: 10px;
padding: 3px 7px;
margin-left: 2px;
/*float: right;*/
/*margin-right: 50px;*/
}



.footer
{
  clear: both;
  margin-top: 20px;
  border-top: 1px solid #999999;
}

.footer .note
{
  font-style: italic;
  font-size: 90%;
  text-align: justify;
}

.footer .plainnote
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: regular;
  font-size: 12px;
  text-align: center;
}

.footer .search_form
{
  text-align: center;
  padding: 20px 0 0 0;
  margin: 0 auto;
}

.footer .logos
{
  list-style: none;
  width: 700px;
  margin: 0 auto;
}
.footer .logos li
{
  float: left;
  padding: 0 32px;
}

#koatooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
}

#tabnav {
        width:100%;
        text-align: center;
	margin:0 auto;
        font-size: +1;
}

#tabnav table {
  margin: 0 auto;
  border-spacing: 0;
  border-collapse: collapse;
}

#tabnav td {
  padding: 3;
  margin: 0;
}

#tabnav A {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 11px;
	background:#660000;
	margin:0;
	padding:0.25em 0.5em;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;
}

#tabnav A:hover,
#tabnav A:active,
#tabnav A.here:link,
#tabnav A.activeTab,
#tabnav A.here:visited {
	background:#3598FE;
}

#tabnav A.here:link,
#tabnav A.here:visited {
	position:relative;
	z-index:102;
}