.ytbWrapper {
    position: relative;
    display: block;
    width: 90%;
    height: 0px;
    padding-bottom: 50%;
    margin: 20px auto;
}

em {
    /* color : darkred; */
    /* font-style: normal; */
}

.ytbWrapper iframe {
    display : block;
    position : absolute;
    top : 0px;
    left : 0px;
    width : 100%;
    height: 100%;
    /* border-radius: 5px; */
}


h1, h2, h3, h4 {
    color : #1D003D;
}

body {
    font-family: "Open Sans", arial, sans;
    font-size : 10pt;
    max-width: 800px;
}

ul {
    padding-left: 0px;
    margin-left : 0px;
    list-style-type: none;
}

li {
    margin: 5px 5px;
    padding-left: 10px;
}

img {
    width : 97%;
    margin: 10px auto;
}

a:hover {
    text-decoration: underline;
}

a:visited {
}

a {
    color: #1D003D;
    padding: 2px 15px;
    text-decoration: none;
    outline: none;
}

.top {
    font-size: 75%;
    color: #4A2F07;
    border-left: 10px solid #0B7029;
    border-bottom: 1px solid #0B7029;
}

.signature {
    font-size: 75%;
    padding-left: 40px;
    color: #1D003D;
}

li:before {
    content : '\25B7';
}

li.active:before {
    content : '\25BD';
    color : #0B7029;
}

a.active {
    font-weight: bold;
    color : #0B7029;
    /* border-bottom: 1px solid #0B7029; */
    /* border-left: 5px solid #0B7029; */
}

li.active {
        border-left: 1px dotted #0B7029;
}

.desc {
    font-size: 85%;
    margin: 0px;
    padding: 0px 25px;
    color : #4A2F07;
    font-style : italic;
}

#pallete {
    width: 100%;
    height: 2px;
    display: table;
}

.pallete {
    display: table-cell;
    width: 20%;
    height: 100%;
}

.color1 {
    background-color: #480E8A;
}

.color2 {
    background-color: #4A2F07;
}

.color3 {
    background-color: #1D003D;
}

.color4 {
    background-color: #0B7029;
}

.color5 {
    background-color: #078A2E;
}