body{
    margin: 0 ;
    padding: 0 ;
    background-color: #e2e2e2;
    color: black;
    font-family: Arial, Helvetica,Verdana,sans-serif;
}
.hidden {
    display; none ;
}
a:link {
    color: black;
    background-color: transparent ;
    text-decoration: underline;
}
a:visited {
    color: purple;
    background-color: transparent ;
    text-decoration: underline;
}
a:active {
    color: white;
    background-color: transparent ;
    text-decoration: underline;
}
h1 {
    margin:         0 ;
    padding:        0 ;
    padding-top:    18px ;
    padding-bottom: 10px ;
}
h2 {
    margin:         0 ;
    padding:        0 ;
    padding-bottom: 12px ;
}
h3 {
    margin:         0 ;
    padding:        0 ;
    padding-bottom: 12px ;
}
h4 {
    margin:         0 ;
    padding:        0 ;
    padding-bottom: 12px ;
}
p {
    margin:         0 ;
    padding:        0 ;
    padding-bottom: 12px ;
}
#wrap {
    width:          90% ;
    margin:         auto ;
    overflow:       hidden ;
}
#innerwrap {
    width:          90%-8px;
    background:     #e8efb3;
    margin:         auto;
    overflow:       hidden;
    border-width:   4px ;
    border-color:   #3e3e3b;
    border-style:   solid ;
    border-top:     none ;
    border-bottom-left-radius:  6px;
    border-bottom-right-radius:  6px;
}
#navigation {
    height:         46px ;
    background:     #b1c800;
    border-radius:  6px;
    margin-bottom:  10px ;
    margin-top:     10px ;
    font-size:      16pt;
}
#navigation .padding {
    padding: 10px ;
    padding-left:  21px ;
    padding-right: 21px ;
}
#navigation .left {
    text-align:  left ;
}
#navigation .right {
    text-align:  right ;
}
#header {
    height:         80px ;
    background:     #3e3e3b;
    color:          #b1c800 ;
    border-top-left-radius:  6px;
    border-top-right-radius:  6px;
    padding-left: 21px ;
    padding-right: 21px ;
}
#main {
    background:     #e8ef3;
    text-align:     justify;
    color:          black ;
    float:          left ;
    width:          100% ;
    line-height:    140% ;
    border-style:   solid;
    border-width:   1px;
    border-top:     none;
    border-left:    none;
    border-bottom:  none;

}
#main .padding {
    padding:        15px ;
    padding-right:  25px ;
    padding-left:   19px ;
}
#main .text {
    padding:        20px ;
    padding-right:  15% ;
    padding-left:   15% ;
    line-height:    130% ;
    font-size;      14pt;
}
#main .text2 {
    padding:        20px ;
    padding-right:  40% ;
    padding-left:   10% ;
    line-height:    130% ;
    font-size;      14pt;
}
#main .expl{
    padding-top:    3px ;
    padding-left:   5px;
    padding-right:  50% ;
    line-height:    120% ;
    font-size;      12pt;
    padding-bottom: 15px;
}
#main .img {
    text-align:     center ;
    padding-top:    50px ;
    padding-right:  15% ;
    padding-left:   15% ;
    max-height:     auto ;
    max-width:      auto ;
    font-size:      10pt;
}
#main .code {
    background:     #FFFFFF;
    padding:        5px ;
    font-family:'Courier New';
    word-wrap: break-word;
}
#sidebar {
    text-align:     center;
    background:     #e8efb3 ;
    width:          20% ;
    margin-left:    80% ;
    line-height:    18px ;
    border-style:   solid;
    border-width:   1px;
    border-top:     none;
    border-right:    none;
    border-bottom:  none;
}
#sidebar .padding {
    padding:        15px ;
}
#footer {
    clear:          both ;
    background:     #b1c800;
    height:         46px ;
    border-radius:  6px;
    margin-top:     10px ;
    margin-bottom:  10px;
    text-align:     center;
    font-size:      16pt;
}
#footer .padding {
    padding: 10px ;
    padding-left: 21px ;
}