/* Reset default browser css */
a, abbr, acronym, address, applet,
b, big, blockquote, body,
caption, center, cite, code,
dd, del, dfn, div, dl, dt,
em,
fieldset, font, form,
h1, h2, h3, h4, h5, h6, html,
i, iframe, img, ins,
kbd,
label, legend, li,
object, ol,
p, pre,
q,
s, samp, small, span, strike, strong, sub, sup,
table, tbody, td, tfoot, th, thead, tr, tt,
u, ul,
var
{
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

body {
    line-height: 1;
    margin-top: 0px;
    font-family: 'Arial', Verdana, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

blockquote {
    quotes: none;
}

blockquote:before, blockquote:after {
    content: '';
    content: none;
}

del {
    text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */

html * {
    font-size: 100.01%;
}

a img {
    border: none;
}

body {
    font-family:'Arial', Verdana, Helvetica, sans-serif;
    font-size:83%;
    color:#444;  
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal; 
    color: #3cd4d0;
    margin: 0; 
}

h1 {font-size: 175%; color: #000;}           /* 21px */
h2 {font-size: 150%; color: #3cd4d0}         /* 18px */
h3 {font-size: 150%}                         /* 18px */
h4 {font-size: 133.33%}                      /* 16px */
h5 {font-size: 116.67%}                      /* 14px */
h6 {font-size: 116.67%; font-style: italic}  /* 14px */

p {
    line-height: 1.3em;
    margin: 0 0 1em 0;
}

strong, b {
    font-weight: bold;
    font-size: 14px;
    color: #3cd4d0;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

ul, ol, dl {
    line-height: 1.5em;
    margin: 0 0 1em 1em;
}

li {
    margin-left: 1.5em;
    line-height: 1.5em;
}

dt {
    font-weight: bold;
}
dd {
    margin: 0 0 1em 2em;
}

cite, blockquote {
    font-style: italic;
}

blockquote {
    margin: 0 0 1em 1.5em;
}

strong, b {
    font-weight: bold;
    font-size: 14px;
    color: #3cd4d0;
}

em, i {
    font-style: italic;
}

pre, code {
    font-family: monospace;
    font-size: 1.1em;
}

input, textarea {
    margin-left: 1em;
    padding: 2px;
    width: auto;
    font: 1em Verdana, Arial, Helvetica, Sans-Serif;
    border: 1px #ccc solid;
    background: #fafafa;
    color: #777;
}

input[type=text]:focus, textarea:focus {
    background: #f0f0f0;
    color: #333;
    border-color: #666;
}

input:disabled {
    color: #333333;
    opacity: 1;
}


img {
    border: 0;
}

table {
    width: auto;
    border-collapse: collapse;
    margin-bottom: 0.5em;
}

table.full {
    width: 100%;
}

table.fixed {
    table-layout: fixed;
}

th, td {
    padding: 0.5em;
}

thead th {
    background: #444;
    color: #fff
}

tbody th {
    background: #ccc;
    color: #333
}

tbody th.sub {
    background: #ddd;
    color: #333
}

a {
    color: #444;
    text-decoration:underline;
}

a:focus, a:hover, a:active {
    color: #222;
    text-decoration: none;
 }

/* Layout */
.header1 {
    border-collapse: collapse;
    border: none;
    background:transparent url(../img/logo_1.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #ffffff;
    width: 337px;
    height: 210px;
}

.header2 {
    border-collapse: collapse;
    border: none;
    background:transparent url(../img/logo_2.jpg);
    background-position: top left;
    background-repeat: repeat-x;
    background-color: #ffffff;
    width: 1000px;
    height: 210px;
    margin-left: auto; 
    margin-right: auto;
}

.td-list {
    border-width: 2px;
    border-color: #eeeeee;
    border-style: solid;
}

.content {
    border-collapse: collapse;
    border: none;
    background:transparent;
    background-position: top left;
    background-color: #ffffff;
    width: 747px;
    margin-left: auto; 
    margin-right: auto;
}

.content-left {
    width: 200px;
    border-right: 1px solid #bbbbbb;
}

.content-right {
    width: 747px;
    padding-left: 50px
}