/* =============================================================================
   Top of page
   ========================================================================== */
#logo { float:left; }

#nav_bar {
  float:right;
  margin: 15px 5px 0px 10px;
  width: 620px;
  background-color: #002060;
  border: none;
}

#nav_bar ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: inline;
}

#nav_bar li {
  display: inline;
  line-height: 2.4em;
}

#nav_bar ul li a:link, #nav_bar ul li a:visited {
  font-size: 10pt;
  font-weight: bold;
  padding: 7px 10px 7px 10px;
  text-decoration: none;
  background-color: #002060;
  color: #ffffff;
}

#nav_bar ul li a:hover, #nav_bar ul li a:active {
  font-size: 10pt;
  font-weight: bold;
  padding: 7px 10px 7px 10px;
  text-decoration: none;
  background-color: #c6a648;
  color: #000000;
}

#content { width: auto; float: left; }

#content a { text-decoration: none; font-weight: bold; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
 
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0 0 40px 0; font-size: 10pt; line-height: 1.5; }

body, button, input, select, textarea { font-family: 'Helvetica neue bold', Verdana, Geneva, Helvetica, Arial, sans-serif; color: #222222; }

body { padding: 0 5pt 0 5pt; }


/* =============================================================================
   Links
   ========================================================================== */

a { text-decoration: none; }
a:link, a:visited { color:#002060; }
a:hover, a:active { color:#FF0000; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; } 


/* ==|== primary styles =====================================================
   Author: Gosta Seuranen
   ========================================================================== */

#header {
    float: left;
    width: 100%;
    background-color: #ffffff;
}

#footer {
    float: left;
    width: 100%;
    background-color: #008e40;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    position: relative;
}
#wrapper {
    float: left;
    padding-left: 200px;
    padding-right: 200px;
    overflow: hidden;
}


#left_side {
    position: relative;
    float: left;
    width: 200px;
    background-color: #f98e35;
    right: 200px;
    margin-left: -100%;
    padding-bottom: 2000px;
    margin-bottom: -2000px;
}

#right_side {
    position: relative;
    float: left;
    width: 200px;
    background-color: #92d050;
    margin-right: -200px;
    text-align: center;
    padding-bottom: 2000px;
    margin-bottom: -2000px;
}

#content_area {
    position: relative;
    float: left;
    width: 98%;
    background-color: #ffffff;
    padding-bottom: 2000px;
    margin-bottom: -2000px;
}

#left_side u1 {
    list-style: none;
    margin: 12px 0px 0px 12px;
    padding: 0px;
}

#left_side li a:link, #nav li a:visited {
    font-size: 12px;
    font-weight: bold;
    padding: 3px, 0px, 3px, 3px;
    color: #000000;
    display: block;
}

#left_side li a:hover, #nav li a:active {
    font-size: 12px;
    font-weight: bold;
    padding: 3px, 0px, 3px, 3px;
    color: #ffffff;
    text-decoration: none;
    display: block;
}

h1 {
  font: 20pt Verdana, Geneva, Arial, Helvetica,sans-serif;
  font-weight:bold;
  color:#002060;
  line-height: 20pt;
}

h2 {
  font: 16pt Verdana, Geneva, Arial, Helvetica,sans-serif;
  font-weight:bold;
  color:#002060;
  line-height: 20pt;
}

h3 {
  font: 12pt Verdana, Geneva, Arial, Helvetica,sans-serif;
  font-weight:bold;
  color:#002060;
  line-height: 20pt;
}

p.subheader {
  font-weight: bold;
  color:#593d87;
}

img { padding: 3pt; }

div.footer {
  font-size:9pt;
  font-style: italic;
  line-height:12pt;
  text-align:center;
  padding-top: 30pt;
}