body,td,th {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    width:100%;
position: fixed;
}

body{margin:0px; background-color:#252525;}

*{margin:0px}

h1 {     font-size:18pt;     color:#000000

list-style-type: none; }

h2 {
    font-size:14pt;
    color:#000000;	
}

h3 {
    font-size:10pt;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: bold;
}

#languages {
position: fixed;
right: 10px;
top: 5px;
}

#languages img {
margin: 3px;
border: 0px;
}

#logo {
position: relative;
top: 80%;
left: 1%;
width: 10%;
height: 9%;
//overflow: hidden;
}

#logo img {
position: absolute;
bottom:0px;
margin-left: 5px;
margin-top: 5px;
width: 100%;
//height: 100%;
max-height: 80px;
min-height: 50px;
max-width: 80px;
min-width: 50px;
}

#OuterFrmDl{
float:inherit;
margin:0px auto auto auto;
width:100%;
border-top:1px solid #A0522D;
border-right:none;
border-bottom:1px solid #A0522D;
border-left:none;
}

#FooterBxDL{
clear:left;
margin:1px auto auto auto;
position:fixed;
bottom:0px;
width:100%;

color:#FFFFFF;
text-align:center;
}

#FooterBxDL a:link, #FooterBxDL a:visited, #FooterBxDL a:active {
color:#AACAF1;
text-decoration:none;
}

#FooterBxDL a:hover {
color:#AACAF1;
text-decoration:none;
}

#HeadSectionDl{
float:inherit;
margin:0px;
width:100%;
height:100px;
background-color:#333333;
border-bottom:1px solid #A0522D;
position: relative;
}

#TopHzNavSectionDl{
clear:left;
margin:0px;
width:100%;
position:fixed;
height:25px;

background-color:#A0522D;
border-bottom:#A0522D 1px solid;
}

#TopHzNavSectionDl a:link, #TopHzNavSectionDl a:visited, #TopHzNavSectionDl a:active {
text-decoration:none;
color:#AACAF1;
}

#TopHzNavSectionDl a:hover {
color:#AACAF1;
text-decoration:none;
}

#CntSectionDlDiv{
clear:left;
margin-top:25px;
width:100%;
height:278px;
border-bottom:1px solid #A0522D;
position:fixed;
}

#CntSectionDlTbl{
border-collapse:collapse;
width:100%;
}

#CntSectionDlTbl .LeftSideBar{
width:20%;
background-color:#252525;
border-left:1px solid #A0522D;
color:#000000;
text-align: center;
left: 0px;
display: inline-block;
vertical-align: middle;
horizontal-align: middle;
}


.LeftSideBar img {
width: 100%;
max-width: 150px;
max-height: 267px;
vertical-align: middle;
}


#CntSectionDlTbl .LeftSideBar a:link, #CntSectionDlTbl .LeftSideBar a:visited, #CntSectionDlTbl .LeftSideBar a:active {
text-decoration:none;
color:#AACAF1;
}

#CntSectionDlTbl .LeftSideBar a:hover {
color:#AACAF1;
text-decoration:none;
}


#CntSectionDlTbl .ContentsArea{
background-color:#808080;
color:#000000;
text-align:justify;
border-left:1px solid #A0522D;
width:60%;
left: 20%;
}

#CntSectionDlTbl .ContentsArea a:link, #CntSectionDlTbl .ContentsArea a:visited, 
#CntSectionDlTbl .ContentsArea a:active {
text-decoration:none;
color:#AACAF1;
}

#CntSectionDlTbl .ContentsArea a:hover { color:#AACAF1;
text-decoration:none; list-style-type: none;}


#CntSectionDlTbl .RightSideBar{
width:20%;
background-color:#252525;
border-left:1px solid #A0522D;
color:#000000;
text-align: center;
right: 0px;
display: inline-block;
vertical-align: middle;
horizontal-align: middle;
}

.RightSideBar img {
width: 100%;
max-width: 150px;
max-height: 267px;
vertical-align: middle;
}


#CntSectionDlTbl .RightSideBar a:link, #CntSectionDlTbl .RightSideBar a:visited, #CntSectionDlTbl .RightSideBar a:active {
text-decoration:none;
color:#AACAF1;
}


#CntSectionDlTbl .RightSideBar a:hover {
color:#AACAF1;
text-decoration:none;
}

#BottomHzNavSectionDl{
clear:left;
bottom:0px;
position:fixed;
width:100%;
height:25px;
background-color:#AACAF1;
}

#BottomHzNavSectionDl a:link, #BottomHzNavSectionDl a:visited, #BottomHzNavSectionDl 
a:active {
color:#AACAF1;
text-decoration:none;
}

#BottomHzNavSectionDl a:hover {
color:#AACAF1;
text-decoration:none;
}

.ContentBoxDl{
height:268px;
padding:5px;
overflow:auto;
border-left:1px solid #A0522D;
}

.fadeout {
margin-left:-5px;
    bottom: 0;
    height: 2em;
    background: linear-gradient(
        rgba(37, 37, 37, 0) 0%,
        rgba(37, 37, 37, 1) 100%
    );
    position: absolute;
    width: 100%;
} 

#badge {
width: 200px;
}

#badger {
position: fixed;
width: 150px;
right: 15px;
top: 40px;

}

/* below is extra style for title section */

#WSTitleDL{
float:left;
width:50%;
position:fixed;
margin-top:30px;
margin-left:20%;
font-size:18pt;
font-weight:bold;
color:#FFFFFF;
overflow: hidden;
}

#WSubTitleDL{
width:50%;
position:fixed;
margin-top:60px;
margin-left:20%;
font-size:10pt;
font-weight:bold;
color:#666666;
list-style: none;
}


#WSubTitleDL a:link, #WSubTitleDL a:visited {
color:#AACAF1;
text-decoration:none;
}




/* below is extra style for horizontal sample navigation links */

.HzNavCntDL{font-weight:bold;} 
.HzNavCntDL ul{
padding:5px;
margin-left: 0px;
}
.HzNavCntDL ul li{
display: inline;
}
.HzNavCntDL ul li a{
float: left;
padding: 0px 9px 0px 9px;
}

/* below is extra style for Vertical sample navigation links */

.VtNavCntDL{font-weight:bold;} 
.VtNavCntDL ul{
margin: 10px 0px 0px 0px;
padding:0px;
list-style-type:none;
}
.VtNavCntDL li{
width:100%;
}
.VtNavCntDL a{
display: block;
padding: 3px 3px 3px 10px;
}
.notice {
background-color: #f2faf2;
border: 1px solid #cdcdcd;

padding: 5px;
margin: 5px;