html, body{
    margin:0;
    padding:0
}

body#main {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    background-color: #edf6ff;
}

/* hdr */
div#hdr {
    border-bottom: 8px solid #033767;
}
div#hdr h1{
    height: 80px;
    line-height: 80px;
    margin: 0;
    padding-left: 10px;
    background: #EEE;
    color: #79B30B
    padding-left: 8px;
    display: none;
}

/* navigation */
div#nbar {
    text-align: center;
    background: #033767;
    border-bottom: 3px solid #033767;
    width: 610px;
}
div#nbar a {
    color:#fff;
    font-weight: bold;
    font-size: 11pt;
    padding: 3px;
}
div#nbar a:hover {
    color:#ffff00;
}
div#nbar .act {
    text-decoration: none;
    color:#ffff00;
}
/* footer */
div#ftr {
    text-align: center;
    background: #033767;
    color: #FFF;
    clear:both;
    width: 800px;
}
div#ftr a {
    color: #fff;
}
div#ftr p {
    margin:0;
    padding:5px 10px;
}

div#cnt {
    text-align:left;
    background-color: #fff;
    width:800px;
    margin:0 auto;
}

/* content */
div#con h1, h2, h3, h4, h5 {
    margin-top: 0px;
    margin-bottom: 8px;
}
div#con h1 {
    text-align: center;
    font-size: 24px;
}
div#con h2 {
    margin-left: 8px;
    text-align: center;
    font-size: 20px;
}
div#con h3 {
    margin-left: 8px;
    font-size: 16px;
}
div#con {
    float:left;
    width:600px;
}
div#con p{
    line-height:1.4;
    font-size: 10pt;
}

/* rbar */
div#rbar h3 {
    font-weight: bold;
    font-size: 13pt;
}

div#rbar {
    float: right;
    width:192px;
    text-align: center;
    background:#fff;
    border-left: 4px solid #033767;
    border-right: 4px solid #033767;
    border-bottom: 4px solid #033767;
}

div#bbar {
    float: left;
    width: 796px;
    text-align: center;
    /*border-right: 4px solid #033767;*/
}

img {border: 0px;}

/* typography */
* {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}
p{margin:0 10px 10px}
p, ul, td, th {
    font-size: 9pt;
}
div#con h2 {
}

/* links */
a {
    font-weight: bold;
    font-size: inherit;
    color: #0074C6;
    text-decoration: underline;
}
a:hover {
    color: #333;
}
a img {
    border-style: none;
}

/* rbar */
div#rbar h3 {
    margin: 0;
    padding: 0;
    display: block;
    background-color: #033767;
    color: #fff;
}
div#rbar img {
    margin: 4px;
    padding: 4px;
}

/* form */
form * {
margin:0;
padding: 2px;
} /* Standard margin and padding reset, normally done on the body */

legend {
color:#000; /* IE styles legends with blue text by default */
*margin-left:-7px; /* A hack that only ie reads to position the legend in the same place cross browser */
}
fieldset {
border:0px solid #dedede; /* Default fieldset borders vary cross browser, so make them the same */
margin-left: 1em;
}
fieldset div {
overflow:hidden; /* Contain the floating elements */
display:inline-block; /* Give layout in ie to contain float */
}
fieldset div {
display:block;
} /* Reset element back to block leaving layout in ie */
label {
font-weight: bold;
}
.radio {
position:relative; /* Position so children are relative to this container */
border:0; /* Remove the border */
}
.radio span {
position:absolute; /* Take the content of the legend out of flow */
top:0;left:0; /* and position it to the top left of the fieldset */
width:5em; /* Same width as labels */
}
.radio ul {
margin-left:5em; /* Since the legend is out of flow. set margin, so inputs are inline */
list-style:none; /* Dont want bullets */
}
.radio li {
position:relative; /* Fix a bug in IE zoom functionality */
display:inline; /* Display the inputs in a line */
white-space:nowrap; /* We dont want a label to wrap between the input and label */
}
.radio label, .radio input {
width:auto; /* Reset the width on the label from the 5em, set earlier */
float:none; /* Reset the float from left on the label, set earlier */
vertical-align:middle; /* Align the radio buttons with the inputs */
}

/* cloud */
ul.cloud {
display: block;
text-align: justify;
margin-left: -2em;
}

li.cloud_entry {
display: inline;
font-weight: bold;
font-size: 80%;
margin-right: 1em;
}

li.cloud_entry_0 {
color: #f8bf3a;
}

li.cloud_entry_1 {
color: #f9771f;
}

li.cloud_entry_2 {
color: #b41a07;
}

li.cloud_entry_3 {
color: #185fa1;
}

li.cloud_entry_4 {
color: #a44b85;
}

li.cloud_entry span {
white-space: nowrap;
font-size: 8pt;
}