body, div, p, form, input, select, textarea{
            font-size: 11px;
            font-family: arial, verdana, tahoma, helvetica,sans-serif;
            color: #777777;
            padding: 0px 0px 0px 0px;
            vertical-align: top;
            /* margin: 0px auto; */
            margin: 0px 0px 0px 0px;
            LINE-HEIGHT: 1.4em;
}

body {
/*     background-color: #F1F1F1; */
     background: url(/pimages/oranje_bg_1.gif);
}


div.mContentBox{
            width: 775px;
            background-color: #FFFFFF;
            background: url(/pimages/oranje_content_bg1.gif) 0px 0px repeat-y;
            padding: 0px 0px 0px 0px;
            margin: 0px auto;
}


div.mHeader {
            background: url(/pimages/oranjefan_top_logo1.gif) 0px 0px no-repeat;
            width: 775px;
            height: 34px;
            position: relative;
}

div.mMenu {
            background: url(/pimages/oranjefan_mmenu_bg.gif) 0px 0px no-repeat;
            width: 775px;
            height: 36px;
            padding-top: 0px;
            color: #FFFFFF;
            position: relative;
}

div.mBanner {
            width: 775px;
            height: 130px;
            position: relative;
            overflow: hidden;
}


div.mLeftCol {
            width: 180px;
            float: left;
}

div.mRightCol {
            border-left: 0px dotted #F1F1F1;
            width: 570px;
            float: left;
            padding-left: 10px;
}


div.mFooter {background: #000000; position: relative; width: 775px; height: 50px; margin-top: 70px; }
div.footerMenu {position: absolute; left: 175px; color: color: #999999; width: 600px;}
div.intiFBox {position: absolute; left: 550px; width: 200px; top: 30px; text-align: right; }
div.oranjeFBox {position: absolute; left: 20px; width: 300px; top: 30px}
div.mFooter div, div.mFooter a{color: #F1F1F1; text-decoration: none;}
div.mFooter a:hover {color: #FF6600;}
div.footerMenu, div.footerMenu a {color: #FFFFFF;}
div.footerMenu a:hover {color: #FF6600;}



div.mSearchBox {font-size: 11px; color: #555555; text-align: left; padding: 10px 3px 10px 5px; width: 160px;}
#fSearchBtn {margin-left: 5px; border: 0px; float: left;}
#fSearchTxt {margin-top: 3px; float: left; border: 1px solid #E1E1E1;}

img.mMenuIcon {width: 179px; margin-bottom: 10px;}

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

div.mMenuBox {
            text-align: left;
            vertical-align: top;
            padding: 0px 10px 10px 10px;
            margin-bottom: 30px;
}

div.centerBox {
            padding: 0px 0px 0px 0px;
            margin: 0px auto;
            margin-top: 1px;
            vertical-align: top;
}


div.contentHeader1{
             border-left: 0px solid #FFD733;
             vertical-align: bottom;
             padding-top: 0px;
             padding-left: 0px;
             margin-bottom: 5px;
}

div.docData {
/*            clear: both;
            float: none; */
}


div.docImgRightCol {
            float: right;
            width: 160px; /*180px; */
            margin: 0px 0px 0px 10px;
            text-align: center;
}

div.docImgBottom, .docIconBottom {margin: 10px 0px 10px 0px; text-align: center;}
.docIconBottom {vertical-align: top;}


div.docListItem {margin: 20px 0px 0px 0px; float: none;}
div.docListItemText {padding-left: 0px; }
div.docListItemText a b {font-size: 15px; font-weight: bold}
div.docListItemIcon {width: 70px; height: 70px; overflow: hidden; float: left; border: 1px solid #F1F1F1; margin-right: 5px; margin-bottom: 0px;}

.redFav div.docListItemText {padding-left: 10px; padding-right: 20px;}
.redFav div.docListItemText a b{font-weight: normal}

div.catListItem {margin: 10px 0px 0px 0px; float: none;}
div.catListItemIcon {float: left; padding: 0px 0px 0px 0px; border: 0px solid #336699; }
div.catListItemIcon img {border: 0px solid #D1EDFC;}
div.catListItemText {padding-left: 5px; padding-right: 10px; overflow: hidden; }
div.catListItemText a {font-size: 15px; font-weight: normal;}

div.menuListItem {width: 235px; margin: 10px 15px 15px 0px; float: left;}
div.menuListItemIcon {float: left; padding: 5px 5px 5px 5px; border: 1px solid #EEEEEE; margin-right: 5px; margin-bottom: 10px;}
div.menuListItemIcon img {border: 0px solid #336699;}
div.menuListItemText {display: inline; padding-left: 0px; overflow: hidden; font-size: 12px;}
div.menuListItemText a {font-size: 14px;}

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

.clear{clear: both; line-height: 0; background-color: #FF0000;}

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 {font-size: 11px;}
.larrow {display: block; float: left; clear: both;}

/*a.rarrow {display: inline; float: none; font-size: 11px;} */


a {color: #FF6600; text-decoration: underline;}
a:hover {color: #000000; text-decoration: underline;}



/* glllll*/
div.docIconBottom a {font-weight: normal; vertical-align: bottom; text-align: left; text-decoration: none; width: 120px; display: block; float: left; font-size: 11px; margin-bottom: 20px; margin-right: 5px; padding: 0px 0px 0px 0px; overflow: hidden}
div.docIconBottom a img {max-width: 120px;}
div.docIconBottom a:hover {text-decoration: none}
/* */

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: 0px solid #EEEEEE; text-align: left; font-weight: normal; width: 120px; display: block; float: left; font-size: 10px; margin-bottom: 10px; padding: 0px 0px 0px 0px; margin-right: 10px;}
div.docImgBottom .docImg {width: 120px; height: 90px; overflow: hidden; 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: #FFFFFF; text-decoration: underline;}
.docImg .imgDescr {padding: 0px 3px 2px 5px; font-size: 11px; background-color: #FFFFFF; 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;}
/*-------------------------- */
.docImgRightCol img {width: 150px;}
.docIconBottom img.rarrow {float: left; margin-right: 4px;}
/* ------------ */

img.docCatIcon {display: block; float: right; margin: 10px 0px 5px 20px;}
img.docIcon {float: left; margin: 0px 10px 10px 0px;}
.docData img.docIcon {display: block; float: right; margin-bottom: 30px; padding: 0px 0px 0px 0px; margin-left: 20px;}



h1 {font-family: "Trebuchet MS", arial, tahoma, verdana, helvetica, sans-serif;}
h2,h3 {font-family: "Trebuchet MS", arial, verdana, tahoma, helvetica, sans-serif;}
h1 {font-size: 18px; font-weight: normal; color: #222222; padding-bottom: 0px;  margin-bottom: 5px;}
h2 {color: #444444; font-size: 16px; margin-bottom: 5px; padding: 1px 1px 1px 1px;}
h3 {color: #777777; font-size: 14px;}

.mHeader a {color: #FFFFFF; font-weight: bold;}
.mFooter a {color: #CCCCCC}

/*.pathToDoc a {color: #00A3F0;  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: 10px 0px 10px 0px; float: none; text-align: center; text-decoration: none; font-size: 10px; border: 0px solid #AAAAAA;}

.docAttr {color: #999999; font-size: 11px;}


/*--------------------------------------------------------------- */
a#selectedItem {color: #333333;}

/* ------------------------------------------------ */
div.pathToDoc {color: #BBBBBB; padding: 0px 10px 5px 0px;
              border-bottom: 0px solid #D1D1D1;
              }
.pathToDoc a{color: #BBBBBB; text-decoration: none; font-weight: normal; font-size: 11px; font-family: tahoma, arial, verdana, helvetica,sans-serif;}
.pathToDoc a:hover{text-decoration: underline; color: #000000;}
.docListItem .pathToDoc {border-bottom: 0px solid #D1D1D1;}

/* ------------------------------------------------ */
.formTable td {padding: 2px 5px 2px 5px; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF}
td.tHeader {background-color: #83B7E9; color: #FFFFFF; font-weight: bold; text-align: left;}
td.tlHeader {background-color: #83B7E9; color: #FFFFFF; font-weight: normal;}
td.tBody {background-color: #EAF2FB; color: #01325D; font-weight: normal;}
td.tFooter {text-align: center; color: #01325D; background-color: #EAF2FB; text-align: right;}


/* ------------------------------------------------ */
.redFavHeader h2{font-size: 16px; font-weight: bold; color: #555555; font-family: "Trebuchet MS", arial, /* "Times New Roman", */ tahoma, verdana, helvetica, sans-serif;}
div.redFavHeader {margin-top: 20px; border-bottom: 1px solid #DDDDDD; padding-top: 0px; padding-bottom: 0px;}

div.redFav {margin-top: 0px; padding: 10px 0px 10px 0px;}
a.rarrow {display: block;  float: right; width: 59px; padding-top: 5px;}
div.redFav a.rarrow {margin-right: 15px;}
div.redFavBlock {width: 45%; float: left; padding-right: 20px; font-size: 11px;}
.refFavListItem {padding-top: 5px;}

div.docCommentListBox {margin-top: 30px; padding: 0px 0px 20px 0px; background-color: #F5F5F5;}
.docCommentListBox .listH  {color: #999999; font-size: 15px; background-color: #E1E1E1; font-weight: bold; padding:2px 5px 2px 5px;}
.listH .addDocComment {display: block; float: right; font-weight: bold; font-size: 12px; text-align: right; width: 200px;}
.docCommentListBox LI {list-style-image: url(/pimages/forum1u.gif);}
.docCommentListBox .docCommentAttr {font-weight: bold; color: #999999;}

a.topMenu {display: block; float: right; color: #BBBBBB; border-right: 1px solid #BBBBBB; padding: 10px 5px 0px 5px; margin-right: 10px; font-size: 11px;}
div.galleryImgNav {text-align: center}

.mMenu a {font-size: 12px; padding-top: 3px; padding-left: 0px; text-align: center; color: #FFFFFF; text-decoration: none; height: 22px; display: block; float: left;}
#mmNSel1, #mmSel1  {width: 57px;}
#mmNSel2, #mmSel2  {width: 93px;}
#mmNSel3, #mmSel3  {width: 52px;}
#mmNSel4, #mmSel4  {width: 52px;}
#mmNSel5, #mmSel5  {width: 64px;}
#mmNSel6, #mmSel6  {width: 62px;}
#mmNSel7, #mmSel7  {width: 70px;}
#mmNSel8, #mmSel8  {width: 52px;}
#mmNSel9, #mmSel9  {width: 52px;}
#mmNSel10, #mmSel10 {width: 56px;}

.mMenu a:hover {background-color: #999999; color: #FFFFFF; text-decoration: none;}
#mmSel1 ,#mmSel2, #mmSel3, #mmSel4, #mmSel5,
#mmSel6 ,#mmSel7, #mmSel8, #mmSel9, #mmSel10 {background-color: #000000;color: #FFFFFF;}
div.leftSubMenu a {font-size: 12px; display: block; width: 160px; border-bottom: 1px solid #F1F1F1; text-decoration: none; color: #FF6600; padding: 3px 0px 3px 0px; }
div.leftSubMenu a:hover {color: #FFFFFF; background: #FF6600; text-decoration: none;}
#smmSel {background: url(/pimages/oranje_rarrow.gif) no-repeat 3px 5px; }


#newCommentFormId {position: relative; height: 0px; display: none; overflow: hidden;}
#newCommentFormId div {color: #666666; font-weight: normal; font-size: 11px;}
a.formHeaderLink {color: #FFFFFF}
a.formHeaderLink:hover {color: #FF0000}

#newForumFormId {position: relative; height: 0px; display: none; overflow: hidden;}
#newForumFormId div {color: #666666; font-weight: normal; font-size: 11px;}

.newsShortList{
  background: #FFFFC6;
  width: 480px; float: left; margin-bottom: 20px; font-size: 11px;
  margin-top: 5px;
  padding-bottom: 20px;
  }

.newsShortList .newsDate {color: #555555;}
.newsShortList div {padding: 2px 5px 2px 5px;}

div.shortNewsTitle
  {
  background: #72BC74;
  background-image: none;
  padding: 2px 10px 2px 5px;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  }


a.mainHomeLink, a.mainHomeLink:hover {
 text-indent: -900em;
 display: block;
 position: absolute;
 left: 10px;
 top: 5px;
 width: 200px;
 height: 80px;
 text-decoration: none;
}



.redFavShortList{
  width: 480px; float: left; margin-bottom: 20px; font-size: 11px;
  margin-top: 5px;
  padding-bottom: 20px;
  padding-top: 0px;
  background-color: #F4FBF4;
  }
.redFavShortList div.redFavHeader {font-weight: bold;  background-color: #72BC74; color: #FFFFFF; padding: 2px 5px 2px 5px; text-align: left;  border-top: 0px solid #BEC298; margin-top: 0px;}
.redFav div.docListItemText {padding-left: 10px; padding-right: 20px;}
.redFav div.docListItemText a b{font-weight: normal; font-size: 12px;}


.docLItemAttrBox {text-align: right; vertical-align: top; margin-bottom: 15px;}
.docLItemAttrBox, .docLItemAttrBox a {color: #AAAAAA}
.docLItemAttrBox a {text-decoration: underline;}
.docLItemAttrBox a:hover {color: #FF6600;}

/* FileList */
div.docFileListBox {padding: 20px 0px 20px 0px;}
.docFileListBox H2 {color: #555555; font-size: 14px; border-bottom: 1px dotted #D1D1D1; }
.docFileListBox LI {list-style-image: url(/pimages/i_article.gif);}

/* DocLink */
div.docLinkListBox {padding: 15px 0px 5px 0px;}
/*.docLinkListBox H2 {color: #999999; font-size: 14px; border-bottom: 1px solid #D1D1D1; } */
.docLinkListBox H2 {margin-top: 0px; color: #555555; font-size: 14px; border-bottom: 1px dotted #D1D1D1; }
/*.docLinkListBox H2 {color: #FFFFFF; background-color: #C1C1C1; font-size: 12px;} */
.docLinkListBox UL {margin-top: 0px;}
.docLinkListBox LI {list-style-type: circle;}