body, div, p, form, input, select, textarea{
            font-size: 12px;
            font-family: arial, verdana, tahoma, helvetica,sans-serif;
            color: #111111;
            padding: 0px 0px 0px 0px;
            margin: 0px;
            vertical-align: top;
}

body {
     background-color: #E1E1E1;
}



.mTopLogoBar{
     height: 121px;
     width: 780px;
     background-image: url(/images/topEcoRaport2.gif); background-position: top center; background-repeat: no-repeat;
}

div.mContentBoxBg{background-color: #FFFFFF;
     background-image: url(/images/topBarBg3.jpg); background-position: 0px 121px; background-repeat: repeat-x;
}

div.mContentBox{
            padding: 0px;
            width: 780px;
            margin: 0px auto;
            position: relative;
}


.mTopMenuBar {
     height: 137px;
     /*176px; */
     background-image: url(/images/topBarBg3.jpg); background-position: top center; background-repeat: repeat-x;
}

.mMainBox {width: 550px; float: left; padding: 0px; padding-top: 45px; position: relative;}
.mLeftBox {position: relative; border-top: 0px solid #00FF00;  width: 180px; float: left; padding: 0px; padding-top: 10px;}


/* ----------------------- */

div.docData {}

div.docImgBottom{
            margin: 10px 0px 10px 0px;
            text-align: center;
}


div.docListItem {margin: 15px 0px 0px 0px; float: none;}
div.docListItemIcon {float: left; padding: 5px 5px 5px 5px; border: 0px solid #0E8ACA; margin-right: 10px; margin-bottom: 10px;}
div.docListItemText {padding-left: 10px;}


div.dlistPgMenu {vertical-align: middle; /*width: 610px; */ margin: 15px 0px 0px 0px; padding: 4px 5px 5px 5px; float: none; /*background-color: #F0F0F0; */ color: #777777;}
div.sortDocForm {vertical-align: middle; float: right; width: 200px;}

.clear {clear: both;
       height: 0;}

div.langBox {
            float: right;
            text-align: right;
            padding: 4px 5px 4px 0px;
            margin-right: 1px;
            width: 120px;
            vertical-align: middle;
}

div.langBox a{color: #999999; text-decoration: none;}


/*////////////////////////////////////*/
span.red {color: #FF0000}
.rarrow {display: block; float: right; clear: both;}
.larrow {display: block; float: left; clear: both;}

a {color: #577401; text-decoration: underline;}
a:hover {color: #000033; text-decoration: underline;}


/*-------------------------- */
div.docImgBottom a {font-weight: normal; vertical-align: bottom; text-align: left; text-decoration: underline; width: 140px; display: block; float: left; font-size: 11px; margin-bottom: 20px; padding: 0px 20px 0px 0px;}
div.docImgBottom a:hover {text-decoration: underline}

.docImg {border: 1px solid #EEEEEE; text-align: left; font-weight: normal; width: 200px; display: block; float: left; font-size: 10px; margin-bottom: 20px; padding: 0px 0px 0px 0px; margin-left: 10px;}
div.docImgBottom .docImg {width: 150px; vertical-align: bottom;}
div.docImgBottom .docImg a {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; display: inline; float: none}
.docImg img {border: 0px solid #EEEEEE;}
.docImg .imgCaption {font-size: 11px; padding: 2px 3px 2px 5px; background-color: #F5F5F5; text-decoration: underline;}
.docImg .imgDescr {padding: 0px 3px 2px 5px; font-size: 11px; background-color: #F5F5F5; color: #777777;}
.docImg img {vertical-align: bottom; float: none; clear: both;}

div.docImgBottom img {vertical-align: bottom; float: none; clear: both;}
div.docImgBottom img.rarrow {float: left; margin-right: 4px;}

/*-------------------------- */
.docIconBottom {margin: 10px 0px 10px 0px; text-align: center; vertical-align: top;}
.docIconBottom .iconBox {width: 125px; height: 180px; float: left; margin: 0px 15px 10px 15px;}
div.docIconBottom a.caption {background: url(/images/k4_orangeBox.gif) 0px 4px no-repeat; padding-left: 12px; padding-bottom: 1px; display: block; text-decoration: none; text-align: left;}


h1,h2,h3 {font-family: arial, "Trebuchet MS", verdana, tahoma, helvetica, sans-serif;}
h1 {font-size: 24px; font-weight: normal; color: #333333; margin: 0px auto; padding-bottom: 10px}
h2 {color: #333333; font-size: 15px; margin-bottom: 0px; padding: 1px 1px 1px 1px;}
h3 {color: #333333; font-size: 13px;}

a#selectedItem {border-left: 1px solid #FFFFFF; color: #FFF500; padding: 8px 5px 6px 5px;}

.pathToDoc a {color: #AAAAAA;  text-decoration: underline;}
.docListPgMenu a {color: #00A3F0; text-decoration: none;}
a#selPgMenuItem {color: #777777;}


img {border-width: 0px;}
.leftSmallImg {display: block; margin: 5px 10px 5px 0px; float: left; color: #999999; text-decoration: none; font-size: 10px;}
.rightSmallImg {display: block; margin: 5px 0px 5px 10px; float: right; color: #999999; text-decoration: none; font-size: 10px;}
.centerImg {width: 100%; text-align: center; vertical-align: top; margin: 0px 0px 0px 0px; display: block; color: #999999; text-decoration: none; font-size: 10px;}
.galleryImg {display: block; margin: 5px 0px 5px 10px; float: right; text-decoration: none; font-size: 10px; border: 0px solid #AAAAAA;}

.docAttr {color: #777777; margin-bottom: 18px;}


/*////////////////////////////////////*/
/*Drop down menu.... */

#nav {
    PADDING-RIGHT: 0px;
    PADDING-LEFT:  0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
/*    LINE-HEIGHT: 1; */
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none;
    color: #FFFFFF;
    font-weight: normal;
    font-size: 12px;
 /*   background: #85C229; */
}

#nav li, #nav a{font-weight: bold; font-size: 12px; font-family: tahoma, arial, verdana, helvetica, sans-serif;}

UL#nav  {}

#nav UL {
    MARGIN: 0px;
    PADDING: 0px;
    LIST-STYLE-TYPE: none;
}

#nav A {
    text-decoration: none;
    DISPLAY: block;
    padding: 0px;
    color: #E8EFD0;
    text-align: center;
}

#nav A:hover {
    DISPLAY: block;
}

#nav LI {
    float: left;
    text-align: left;
    WIDTH:   80px;
}

div.mMenuBox {
            text-align: right;
            vertical-align: middle;
            position: absolute;
            margin: 0px;
            left: 0px;
            /*top: 260px; */
            top: 221px;
            height: 37px;
            width: 748px;
            z-index: 100;
            background: transparent url(/images/mmenuBg.jpg) 0px 0px no-repeat;
}


LI#mm1, #mmSel1, #mmNSel1{width: 117px; }
LI#mm2, #mmSel2, #mmNSel2{width: 69px;}
LI#mm3, #mmSel3, #mmNSel3{width: 69px;}
LI#mm4, #mmSel4, #mmNSel4{width: 142px;}
LI#mm5, #mmSel5, #mmNSel5{width: 190px;}
LI#mm6, #mmSel6, #mmNSel6{width: 79px;}
LI#mm7, #mmSel7, #mmNSel7{width: 79px;}

#mmSel1, #mmNSel1{text-indent: -900em;  height: 37px;}
#mmSel2, #mmNSel2{text-indent: -900em;  height: 37px;}
#mmSel3, #mmNSel3{text-indent: -900em;  height: 37px;}
#mmSel4, #mmNSel4{text-indent: -900em;  height: 37px;}
#mmSel5, #mmNSel5{text-indent: -900em;  height: 37px;}
#mmSel6, #mmNSel6{text-indent: -900em;  height: 37px;}
#mmSel7, #mmNSel7{text-indent: -900em;  height: 37px;}


a#mmSel1, a#mmNSel1:hover {background: transparent url(/images/mmenuBg.jpg)      0px  -37px no-repeat;}
a#mmSel2, a#mmNSel2:hover {background: transparent url(/images/mmenuBg.jpg)   -117px -37px no-repeat;}
a#mmSel3, a#mmNSel3:hover {background: transparent url(/images/mmenuBg.jpg)   -185px -37px no-repeat;}
a#mmSel4, a#mmNSel4:hover {background: transparent url(/images/mmenuBg.jpg)   -255px -37px no-repeat;}
a#mmSel5, a#mmNSel5:hover {background: transparent url(/images/mmenuBg.jpg)   -397px -37px no-repeat;}
a#mmSel6, a#mmNSel6:hover {background: transparent url(/images/mmenuBg.jpg)   -587px -37px no-repeat;}
a#mmSel7, a#mmNSel7:hover {background: transparent url(/images/mmenuBg.jpg)   -667px -37px no-repeat;}

#nav LI UL {
    background: #80AA00;
    LEFT: -999em;
    WIDTH: 150px;
    POSITION: absolute;
    text-align: left;
}

#nav LI:hover UL {
    LEFT: auto
}
#nav LI.sfhover UL {
    LEFT: auto
}

#nav LI UL A {
    border-left: 0px solid #FFFFFF;
    width: 140px;
    background: #80AA00;
    text-align: left;
    padding: 5px 5px 5px 10px;
    }

#nav LI UL a:hover {background-color : #668700;}



/* ------------------------------------------------ */
div.pathToDoc {color: #999999; padding: 3px 10px 10px 5px; font-size: 11px; font-family: tahoma, arial, verdana, helvetica,sans-serif;}
.pathToDoc A{color: #999999; text-decoration: none;}
.pathToDoc A:hover{text-decoration: underline;}


table.formTable {margin-top: 5px;}
.formTable td {padding: 2px 5px 2px 5px; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF}
.formTable .tHeader {background-color: #FFCC00; color: #333333; font-weight: bold; text-align: left; text-align: center;}
.formTable .tlHeader {background-color: #FFCC00; color: #555555; font-weight: normal;}
.formTable .tBody {background-color: #FFF4CA; color: #01325D; font-weight: normal; vertical-align: top;}
.formTable .tFooter {text-align: center; color: #01325D; background-color: #C9DFF5; text-align: right;}

table.hiddenTable {margin-top: 20px;}
.hiddenTable td {padding: 2px 5px 2px 5px; border-width: 0px;}
.hiddenTable .tHeader  {color: #333333; font-weight: bold; text-align: left; text-align: center;}
.hiddenTable .tlHeader {color: #333333; font-weight: normal;}
.hiddenTable .tBody {font-weight: normal; vertical-align: top;}




.mMainBox li {list-style-image:  url(/images/orangeDot.gif); margin-bottom: 2px;}
.mMainBox li li {list-style-image:  none; margin-bottom: 2px; list-style-type: circle;}
.mMainBox p {margin-bottom: 15px;}


div.mFooter {position: relative; float: none; margin: 0px auto;
            padding: 0px;
            width: 780px;
            margin: 0px auto;
            position: relative;
            height: 50px;
            }

div.mFooterR{width: 450px; float: right; padding: 10px;}
div.mFooterL{width: 200px; padding: 10px; float: left;}
div.mFooterR, div.mFooterR div, div.mFooterR a {color: #777777; font-size: 12px;}
div.mFooterL, div.mFooterL div, div.mFooterL a {color: #777777; font-size: 12px;}

.mFooter a {color: #777777}
.mFooterR a {color: #777777}
.mFooterR {color: #777777}


div.mFooterBox {
            background-color: #E1E1E1;
            padding: 0px;
            }



.alistBox a{font-size: 12px; text-decoration: underline;}
.alistBox a:hover {text-decoration: underline;}
.alistBox a {width: 90%; background: url(/images/orangeDot.gif) 0px 2px no-repeat; padding-left: 16px; padding-bottom: 6px; display: block; text-decoration: underline;}


.mPdfList a{font-size: 12px; text-decoration: underline;}
.mPdfList a:hover {text-decoration: underline;}
.mPdfList a {width: 90%; background: url(/images/i_file_pdf.jpg) 0px 2px no-repeat; padding-left: 25px; padding-bottom: 6px; display: block; text-decoration: underline;}