@import url('Format.css');

/* CSS Document */
*
{
    border: 0;
    margin: 0;
    padding: 0;
}
body
{
    background: #ececff;
    color: #006699;
    font-family: Georgia, "Times New Roman" , Times, serif;
}
#left
{
    position: absolute;
    background: url('/Images/Left.gif') repeat-y;
    width: 778px;
    z-index: -1;
}
#right
{
    background: url('/Images/Left.gif') 100% repeat-y;
    position: absolute;
    width: 778px;
    height: 100%;
    z-index: -1;
}
#container
{
    width: 778px;
    margin: 0 auto;
}
#bg
{
    float: left;
    position: absolute;
    background: url('/Images/Background.gif') repeat-x;
    width: 773px;
    height: 113px;
    top: 225px;
    left: 2px;
}
#header
{
    background: url('/Images/HeaderMenu.jpg') no-repeat;
    width: 778px;
    height: 130px;
}

#headerlink
{
    position: absolute;
    width: 319px;
    height: 92px;
    top: 5px;
    left: 7px;
    z-index: 2;
}
#header2
{
    background: url('/Images/Header.jpg') no-repeat;
    width: 778px;
    height: 161px;
    border-bottom-style: solid;
    border-color: #aabeff;
    border-width: 1px;
}
a
{
    text-decoration: none;
    color: #4366d4;
}
a:hover
{
    color: #d59203;
}
#menu1
{
    background: url('/Images/NewsSelected.gif');
}
#menu1 a
{
    float: left;
    background: url('/Images/News.gif') no-repeat left top;
    width: 148px;
    height: 96px;
}
#menu1 a:hover
{
    background: url('/Images/NewsSelected.gif') no-repeat left top;
}
#menu2
{
    background: url('/Images/PublicationsSelected.gif');
}
#menu2 a
{
    float: left;
    background: url('/Images/Publications.gif') no-repeat left top;
    width: 152px;
    height: 95px;
}
#menu2 a:hover
{
    background: url('/Images/PublicationsSelected.gif') no-repeat left top;
}
#menu3
{
    background: url('/Images/AdvantagesSelected.gif');
}
#menu3 a
{
    float: left;
    background: url('/Images/Advantages.gif') no-repeat left top;
    width: 173px;
    height: 95px;
}
#menu3 a:hover
{
    background: url('/Images/AdvantagesSelected.gif') no-repeat left top;
}
#menu4
{
    background: url('/Images/PartnersSelected.gif');
}
#menu4 a
{
    float: left;
    background: url('/Images/Partners.gif') no-repeat left top;
    width: 171px;
    height: 95px;
}
#menu4 a:hover
{
    background: url('/Images/PartnersSelected.gif') no-repeat left top;
}
#menu5
{
    background: url('/Images/AboutSelected.gif');
}
#menu5 a
{
    float: left;
    background: url('/Images/About.gif') no-repeat left top;
    width: 131px;
    height: 95px;
}
#menu5 a:hover
{
    background: url('/Images/AboutSelected.gif') no-repeat left top;
}
#bg2
{
    float: left;
    width: 772px;
    height: 100%;
}
h1
{
    font-size: 1.4em;
    color: #004699;
}
h2
{
    font-size: 1.2em;
    color: #004699;
    margin: 10px 15px 10px 0px;
}
h3
{
    font-size: 1.05em;
    color: #006699;
    margin: 10px 15px 10px 0px;
}
ul, ol
{
    padding-left: 30px;
}
#start_page_header
{
    font-size: 1.5em;
    color: #004699;
    text-align: center;
    margin: 10px 15px 10px;
}
#page_header
{
    border-bottom: 1px solid #aabeff;
    color: #006699;
    text-align: center;
    position: relative;
    left: 320px;
    top: 30px;
    width: 445px;
    border-left-color: #aabeff;
    border-left-width: 1px;
    border-right-color: #aabeff;
    border-right-width: 1px;
    border-top-color: #aabeff;
    border-top-width: 1px;
}
#breadcrumb
{
    font-size: .78em;
    padding: 5px 0px 5px 10px;
}
.border
{
    border-bottom-style: solid;
    border-color: #aabeff;
    border-width: 1px;
    position: relative;
    margin-left: 5px;
}
#content
{
    float: right;
    font-size: .71em;
    position: relative;
    z-index: 3;
    padding: 0 10px 5px 10px;
    width: 97%;
}


#flash
{
    float: left;
    padding: 20px 10px 0 0;
}
.content2
{
    float: right;
    width: 97%;
    font-size: .71em;
    margin: 10px 0px 10px 10px;
    padding: 0px 10px 0px 0px;
    position: relative;
    z-index: 3;
}

#content3
{
    float: right;
    font-size: .71em;
    padding: 5px 10px 8px 5px;
    width: 500px;
}
.column1
{
    float: left;
    width: 30%;
    font-size: .70em;
    padding: 0px 0px 0px 10px;
    position: relative;
    z-index: 2;
    margin: -15px 0px 0px 0px;
}
.column2
{
    float: left;
    width: 28%;
    font-size: .70em;
    position: relative;
    z-index: 2;
}
.boy
{
    float: left;
    width: 219px;
    height: 219px;
    position: absolute;
    bottom: -204px;
    left: 18px;
    z-index: 2;
}
.circle
{
    float: left;
    width: 153px;
    height: 127px;
    position: absolute;
    bottom: 17px;
    left: 225px;
    z-index: 2;
}
.column3
{
    float: right;
    width: 29%;
    font-size: .70em;
    padding: 0px 0px 20px 10px;
    margin: -15px 0px 0px 0px;
    position: relative;
    z-index: 3;
}
.column4
{
    float: left;
    width: 33%;
    font-size: .70em;
    padding: 0px 0px 0px 10px;
    margin: -20px 0px 10px 0px;
    position: relative;
    z-index: 3;
}
.columnborder
{
    border-top-style: solid;
    border-color: #aabeff;
    border-width: 1px;
    position: relative;
    z-index: 1;
    margin: 10px 0px 10px 0px;
}
.column5
{
    float: left;
    width: 30%;
    font-size: .70em;
    padding: 0px 0px 0px 40px;
    margin: -20px 0px 10px 0px;
    position: relative;
    z-index: 3;
}
.column6
{
    float: right;
    width: 28%;
    font-size: .70em;
    padding: 0px 0px 0px 10px;
    margin: -20px 0px 10px 0px;
    position: relative;
    z-index: 3;
}
.counter
{
    position: relative;
    float: left;
    padding-left: 23px;
    padding-top: 7px;
}
.footer_left
{
    float: left;
    font-size: .70em;
    padding: 8px 0px 5px 5px;
}

.footer_right
{
    float: right;
    font-size: .70em;
    padding: 8px 20px 5px 10px;
}
#footer
{
    background: url('/Images/Footer.gif') no-repeat;
    margin-left: -1px;
    position: relative;
    float: left;
    width: 782px;
    height: 29px;
}
#menu
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    float: left;
    width: 240px;
    margin-left: 0px;
}
.tree td div
{
    height: 100% !important;
}
#menu .content
{
    padding: 5px;
}
.menu_item
{
    color: #3d6c87;
    padding-left: 10px;
}
.selected_menu_item
{
    color: #006699;
    text-decoration: none;
}
.selected_menu_item:hover
{
    color: #006699;
}
#line
{
    background-image: url('/Images/Line.png');
    background-repeat: repeat-x;
    height: 1px;
    width: 100%;
}
p
{
    padding-top: 3px;
    padding-bottom: 3px;
}
.column1 p, .column2 p, .column3 p, .column4 p, .column5 p, .column6 p
{
    padding-top: 0px;
    padding-bottom: 0px;
}
#comment
{
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    background-color: #dcdcdc;
}
.textbox
{
    padding: 2px;
    border-style: solid;
    border-color: #aabeff;
    border-width: 1px;
    color: #006699;
}
.button
{
    padding: 2px;
    background: #e4eeff;
    border-style: solid;
    border-color: #aabeff;
    border-width: 1px;
    color: #006699;
}
.cell_top_left
{
    border: 1px dotted #000000;
    text-align: center;
    vertical-align: middle;
    padding: 3px;
}

.cell_top
{
    border-style: dotted dotted dotted none;
    border-width: 1px;
    border-color: #000000;
    text-align: center;
    vertical-align: middle;
    padding: 3px;
}
.cell_left
{
    border-style: none dotted dotted dotted;
    border-width: 1px;
    border-color: #000000;
    text-align: center;
    vertical-align: middle;
    padding: 3px;
}
.cell
{
    border-style: none dotted dotted none;
    border-width: 1px;
    border-color: #000000;
    text-align: center;
    vertical-align: middle;
    padding: 3px;
}