html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

":focus" {
  outline: 0; }

ol, ul {
  list-style: none; }

table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

blockquote:before, blockquote:after {
  content: ""; }

q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

body {
  background: url('../images/zen_bg.gif') no-repeat #d8e3e5;
  font: normal normal normal 14px/normal Geneva, Helvetica, Arial, sans-serif; }

a {
  color: #023;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

p {
  margin-bottom: 10px; }

em {
  color: #356;
  font-style: italic; }

ul {
  margin: 10px  auto 10px 17px; }
  ul li {
    list-style-type: disc; }

#header, #footer, .section {
  display: block;
  background: white;
  border: 1px solid #ccc;
  width: 820px;
  padding: 25px 30px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  margin: 30px auto;
  shadow: 5px 5px #000; }
  #header:after, #footer:after, .section:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

#header {
  padding-top: 60px;
  padding-bottom: 60px;
  background: #fff url(../images/koi_logo.png) right no-repeat; }
  #header h1 {
    color: #003676;
    margin: 0 0 0px 0;
    font-size: 1.7em;
    float: left;
    font-weight: bold; }

.section.contact {
  margin: -20px auto;
  padding: 10px 30px;
  background: #e8f3f5;
  text-align: center; }
  .section.contact span {
    color: #f3670c; }

.section {
  color: #333; }
  .section ul#navigation {
    float: left;
    width: 200px;
    margin: 0px 15px 0 0;
    height: 100%;
    clear: right; }
    .section ul#navigation li {
      margin-bottom: 10px;
      color: #999;
      font-weight: bold;
      list-style-type: none; }
      .section ul#navigation li a {
        color: #003676;
        text-decoration: none; }
        .section ul#navigation li a:hover {
          color: #f3670c; }
    .section ul#navigation ul {
      margin-left: 10px; }
  .section span.detail {
    font-size: 0.8em;
    color: #666; }
  .section a {
    color: #f3670c; }
  .section #content {
    float: left;
    width: 600px; }

p#qualifications {
  margin: 20px 0 0 auto;
  color: #666;
  font-size: 0.8em; }
  p#qualifications a {
    color: #f93; }

#footer {
  display: block;
  width: 820px;
  margin: 15px auto;
  padding: 20px 20px 5px 20px;
  -webkit-border-radius: 9px;
  text-shadow: #df6 0px 1px;
  font-size: 12px; }
  #footer:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #footer p {
    color: #023;
    clear: left;
    margin: 8px 0; }
  #footer p#recommendation {
    text-align: justify; }
  #footer #alex {
    float: left; }
    #footer #alex a {
      font-size: 15px; }

.role-admin {
  display: none; }

#adminbar {
  background: #223;
  color: #fff;
  -webkit-box-shadow: -10px 2px 10px rgb(0,0,0);
  position: absolute;
  top: 0px;
  height: 40px;
  width: 100%;
  font-size: 1.1em; }
  #adminbar ul {
    margin: 0; }
    #adminbar ul li {
      float: left;
      margin: 10px 10px 0 20px;
      list-style: none; }