@charset "UTF-8";

/** Imports **/
@import url("src/reset.css");
@import url("src/base.css");
@import url("src/layout.css");
@import url("src/form.css");

/* ---------->>> MAIN <<<-----------*/
body {
        background: #ecf0f3; color: #5a5a5a; line-height: 18px;
        font: normal 11px Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif; }
body li {line-height: 18px; }
a { color: #004f8c; }
a:hover { text-decoration: none; }

p { }

legend { font: normal 11px Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif; color: #000000; }
input { font: normal 11px Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif; color: #000000; }

h1 { color: #00548f; font-weight: bold; font-size: 18px; margin: 0px 0px 14px 0px; }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

/* ---------------->>> LAYOUTS <<<---------------*/

/** Wrapper layout **/
#wrapperLayout {
        width: 100%; min-width: 1000px; height: 100%; overflow: hidden; position: relative; }
#wrapperLayout #wrapperLayoutSub1 { padding-bottom: 1000px; margin-bottom: -1000px; position: relative; z-index: 8; }

/** Center layout **/
#centerLayout { width: 100%; overflow: hidden; padding-bottom: 1000px; margin-bottom: -1000px; }
#centerLayout #centerLayoutSub1 { }
#centerLayout #centerLayoutSub2 { }

/** Left layout **/
#leftLayout { width: 270px; background: url("../images/left_bg.png") right top repeat-y; padding-bottom: 1000px; margin-bottom: -1000px; }
#leftLayout #leftLayoutSub1 {
    margin: 0px 13px 0px 5px; min-height: 700px;
    /**background: url("../images/left_bg2.jpg") left 365px no-repeat; **/}

/** Right layout **/
#rightLayout { margin: 0px 0px 0px -270px; }
#rightLayout #rightLayoutSub1 { margin: 0px 0px 0px 270px; padding: 5px 5px 0px 5px; }

/** Header layout **/
#headerLayout { position: relative; }

/** Footer layout **/
#footerLayout { position: relative; clear: both; width: 100%; min-width: 1000px; display: none; }

/** Content layout **/
#contentLayout { }

/* ---------------->>> BOXES <<<---------------*/

/** logoBox **/
#logoBox { margin: 14px 0px 20px 0px; }

/** sloganBox **/
#sloganBox { margin: 0px 0px 20px 20px; }
#sloganBox p { margin: 0px 0px 0px 0px; }
#sloganBox p strong { color: #00548f; }

/** mainNavBox **/
#mainNavBox { margin: 0px 0px 0px 0px; background: #D7DFEA; }
#mainNavBox #mainNavBoxSub1 { width: 100%; overflow: hidden; margin: 0px 0px 0px 0px; padding: 12px 0px 0px 0px; }
#mainNavBox ul { margin: 0px 0px 0px 0px; list-style: none; width: 90%; float: left; }
/*#mainNavBox ul li {
    margin: 0px 0px 5px 5px; padding: 0px 0px 0px 32px; line-height: 20px;
    background: url("../images/main_menu_bg.png") left top no-repeat; }
*/
#mainNavBox ul li a { font-family: Times New Roman;font-size: 14px; text-decoration: none; color: #4d4449;font-weight: bolder; }
#mainNavBox ul li a:hover { color: #000000; }

.main_menu_green {
    margin: 0px 0px 5px 5px; padding: 0px 0px 0px 32px; line-height: 20px;
    background: url("../images/main_menu_bg_green.png") left top no-repeat; }

.main_menu_red
{
    margin: 0px 0px 5px 5px; padding: 0px 0px 0px 32px; line-height: 20px;
    background: url("../images/main_menu_bg_red.png") left top no-repeat; }


/** newsBox **/
#newsBox {  }
#newsBox table { width: 100%; border-top: 1px solid #e6e4e9; }
#newsBox table td { border-bottom: 1px solid #e6e4e9; height: 20px; padding: 0px 4px 0px 4px; color: #6c6b8b; }
#newsBox table .bg1 td { background: #f1f1f1; }
#newsBox table .firstTd { width: 30px; }

/** paginateBox **/
#paginateBox { margin: 15px 0px 0px 13px; }
#paginateBox p { margin: 0px 0px 0px 0px; color: #6289c4; }
#paginateBox p a { color: #6289c4; text-decoration: none; }
#paginateBox p a:hover { color: #000000; }

/** contactsBox **/
#contactsBox { position: absolute; top: 480px; left: 280px; z-index: 9; }
#contactsBox h2 { margin: 0px 0px 12px 0px; color: #5979a0; font-size: 11px; font-weight: normal; }
#contactsBox p { width: 100%; overflow: hidden; margin: 0px 0px 6px 0px; }
#contactsBox p .sub1 { display: block; float: left; width: 53px; }
#contactsBox p .sub2 { display: block; float: left; width: 120px; color: #004c89; }

/** boxesBox **/
#boxesBox { margin: 0px 1px 0px 3px; position: relative; padding: 1px 0px 0px 0px; }
#boxesBox #handTop { position: absolute; top: 0px; left: 13px; }
#boxesBox #handBottom { position: absolute; bottom: 0px; left: 16px; }
#boxesBox #boxesBoxSub1 { margin: 20px 0px 0px 0px; background: #ebf0f3; }

/** documentListBox **/
#documentListBox { }
#documentListBox p { position: relative;  }
#documentListBox p img { display: block; width: 61px; margin: 0px auto 0px auto; border: 1px solid #000000; }
#documentListBox p span { position: absolute; top: -4px; left: 0px; cursor: pointer; }
#documentListBox p span img { display: inline; width: auto; margin: 0px 0px 0px 0px; border: none; }

/** newsListBox **/
#newsListBox { margin: 55px 0px 0px 0px; }
#newsListBox dl { }
#newsListBox dl dt { color: #5a5a5a; margin: 0px 0px 10px 0px; }
#newsListBox dl dd { margin: 0px 0px 13px 0px; width: 95%; }
#newsListBox dl dd p { color: #5a5a5a; line-height: 20px; }
#newsListBox dl dd h2 { margin: 0px 0px 13px 0px; font-weight: bold; font-size: 18px; color: #00548f; }

/** navBox **/
#navBox { }
#navBox p { margin: 25px 0px 25px 0px; color: #004f8c; }
#navBox p span { color: #4d4449; }

/** moduleListBox **/
#moduleListBox { margin: -27px 0px 0px 0px; }
#moduleListBox .item { padding: 27px 0px 27px 0px; border-bottom: 1px solid #b5c4d7; }
#moduleListBox .item h2 { margin: 0px 0px 4px 0px; font-weight: bold; font-size: 11px; color: #00548f; }
#moduleListBox .itemSub1 { width: 100%; overflow: hidden; margin: 0px 0px 0px 0px; }
#moduleListBox .itemSub1 .subLeft2 { float: left; width: 150px; }
#moduleListBox .itemSub1 .subLeft2 img { display: block; border: 1px solid #c4d0df; }
#moduleListBox .itemSub1 .subRight2 { float: right; margin: 0px 0px 0px -150px; width: 100%; }
#moduleListBox .itemSub1 .subRight2Sub1 { margin: 0px 0px 0px 150px; }

/** boxType1Box **/
.boxType1Box { margin: 6px 0px 0px 0px; }
.boxType1Box .title {
    width: 100%; overflow: hidden; margin: 0px 0px 3px 0px; background: #EBBABF; height: 18px;color:#003153; }
.boxType1Box .title h2 { font-size: 15px; margin: 0px 0px 0px 28px; line-height: 17px; font-weight: normal; float: left;font-weight: bold; }
.boxType1Box .title .icons { float: right; margin: 3px 5px 0px 0px; }
.boxType1Box .title .icons span { padding: 0px 0px 0px 5px; cursor: pointer; }
.boxType1Box .body { background: #FFFFFF; margin: 3px 0px 0px 0px; padding: 8px 4px 8px 4px; }

/** boxType2Box **/
.boxType2Box { margin: 6px 0px 0px 0px; }
.boxType2Box .title {
    width: 100%; overflow: hidden; margin: 0px 0px 0px 0px; background: #f7e4e6; height: 18px; }
.boxType2Box .title h2 { font-size: 11px; margin: 0px 0px 0px 4px; line-height: 17px; font-weight: normal; float: left; color: #45403d; }
.boxType2Box .title h2 * { vertical-align: middle; }
.boxType2Box .title .icons { float: right; margin: 3px 5px 0px 0px; }
.boxType2Box .title .icons span { padding: 0px 0px 0px 5px; }
.boxType2Box .body {
    background: #FFFFFF; margin: 0px 0px -1000px 0px; padding: 0px 0px 1000px 0px; width: 100%; overflow: hidden; }
.boxType2Box .body .subLeft { float: left; width: 90px; }
.boxType2Box .body .subRight { width: 100%; float: right; margin: 0px 0px 0px -90px; }
.boxType2Box .body .subRightSub1 {
    margin: 0px 0px 0px 91px; background: url("../images/box2_bg.png") left top repeat-y; }
.boxType2Box .body .subRightSub2 { background: url("../images/box2_bg2.png") left top no-repeat; }
.boxType2Box .body .subRightSub3 { background: url("../images/box2_bg3.png") left bottom no-repeat; }
.boxType2Box .body .subRightSub4 { margin: 0px 0px 0px 27px; }
.boxType2Box .body .subRightSub5 { overflow: scroll; position: relative; width: 100%; }
.boxType2Box .body .subRightSub6 {
    border-right: 5px solid #a19fa0; border-top: 5px solid #a19fa0;
    position: relative; padding: 0px 30px 0px 20px; }
.boxType2Box .body .subRightSub6 #angle { position: absolute; bottom: -3px; right: 0px; }
.boxType2Box .body .subRightSub6 p { color: #5a5a5a; line-height: 18px; }

/** boxBox **/
.boxBox { margin: 0px 0px 5px 0px; }
.boxBox .title { width: 100%; overflow: hidden; margin: 0px 0px 7px 0px; background: #b5c4d7; height: 18px; }
.boxBox .title h3 { float: left; font-size: 11px; line-height: 16px; font-weight: normal; color: #464950; margin: 0px 0px 0px 2px; }
.boxBox .title span { float: right; display: block; margin: 2px 3px 0px 0px; cursor: pointer; }
.boxBox .body { padding: 0px 0px 0px 2px; background: #ebf0f3; margin: 0px 0px 0px 0px; }
.boxBox .body .line { width: 100%; overflow: hidden; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; background: #ebf0f3; }
.boxBox .body .lineLast { margin: 0px 0px 13px 0px; }
.boxBox .body .lineFull { position: relative; left: -2px; }
.boxBox .body .lineFirst { margin: 12px 0px 5px 0px; }
.boxBox .body .line span { cursor: pointer; padding: 0px 4px 0px 0px; }

/* ---------------->>> DECORATIONS <<<---------------*/

/* ---------------->>> SUBPAGES <<<---------------*/