/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body {
   text-align: center;
   background: #CACBCD;
   font-family: serif;
   margin: 0;
   padding: 0;
   text-align: center;
}
a{text-decoration: none;}

#xouter{
   text-align: left;
   width: 820px;
   margin: 0 auto;
}
#xcontainer {
   text-align: left;
   position:absolute;
}      

#dLogo{
    position: absolute;
    top: 5px; left: -5px;
    width: 395px;  height: 60px;
/*     background-color: red; */
}

#footer{
    position: absolute;
    top: 605px; left: 70px;
    width: 590px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #000;
    text-align: right;
}

#footer a{
    color: #000;
}

#dLang{
    position: absolute;
    top: 15px; left: 650px;
    width: 90px;  height: 15px;
/*     background-color: red; */
}

#topNav1,#topNav2,#topNav3,#topNav4,#topNav1Sel,#topNav2Sel,#topNav3Sel,#topNav4Sel{
    position: absolute; 
    top: 70px;
}

#topNav1 a,#topNav2 a,#topNav3 a,#topNav4 a,#topNav1Sel a,#topNav2Sel a,#topNav3Sel a,#topNav4Sel a{
    font-size: 14px;
    font-weight: bold;
}

#topNav1 a,#topNav2 a,#topNav3 a,#topNav4 a{color: #3F434C;}
#topNav1Sel a,#topNav2Sel a,#topNav3Sel a,#topNav4Sel a{color: #7D414B;}

#topNav1,#topNav1Sel{left: 150px;}
#topNav2,#topNav2Sel{left: 300px;}
#topNav3,#topNav3Sel{left: 475px;}
#topNav4,#topNav4Sel{left: 600px;}

#dMainArea{
    position: absolute;
    top: 100px; left: 50px;
    width: 740px; height: 600px;
/*     background-color: white; */
}

#dLeftMenu{
    position: absolute;
    top: 0px; left: 0px;
    width: 70px; height: 100%;
/*     background-color: fuchsia; */
}

#leftMenu1,#leftMenu2,#leftMenu3,#leftMenu4,#leftMenu5{
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
}

#leftMenu1 b,#leftMenu2 b,#leftMenu3 b,#leftMenu4 b,#leftMenu5 b{
    font-weight: normal;
    display:block; 
    text-align:center; 
}

#leftMenu1 a,#leftMenu2 a,#leftMenu3 a,#leftMenu4 a,#leftMenu5 a{
    color: #FFF;
}

#leftMenu1{background-color: #854F58;}
#leftMenu2{background-color: #5A5966;}
#leftMenu3{background-color: #614744;}
#leftMenu4{background-color: #485464;}
#leftMenu5{background-color: #9C554A;}

#dRightMenu{
    position: absolute;
    top: 0px; left: 670px;
    width: 70px; height: 100%;
/*     background-color: fuchsia; */
}

#dBorder{
    position: absolute;
    top: 0px; left: 70px;
    width: 580px; height: 580px;
    border-style: solid;
    border-width: 10px;
    background-color: #CACBCD;
}

.dBorderLeft1{border-color:#854F58;}
.dBorderLeft2{border-color:#5A5966;}
.dBorderLeft3{border-color:#614744;}
.dBorderLeft4{border-color:#485464;}
.dBorderLeft5{border-color:#9C554A;}


#dMainPic{
    position: absolute;
    top: 0px; left: 0px;
    width: 580px; height: 290px;
/*     background-color: black; */
}

#dMainText{
    position: absolute;
    top: 290px; left: 0px;
    width: 567px; height: 270px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}


.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}
.vscrollerbase {
width: 4px;
/* background-color: #231F20; */
}
.vscrollerbar {
width: 4px;
background-color: #CACBCD;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}
.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}