body {
    color: #8E90C4;
    background: white;
    top: 0;
    left: 0;
    bottom: 0;
    font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
}

img.logo {
    display: block;
    margin-left: 1.5ex;
    width: 17ex;
}

div.main{
    margin: 0ex;
    padding-left: 2ex;
    position: fixed;
    top: 1ex; 
    left: 27ex; /*Set left value to WidthOfFrameDiv*/
    right: 1ex;
    bottom: 1ex;
    overflow: auto; 
    border-color: 8E90C4;
    border-left-style: solid;
}

#left {
    width: 25ex;
    margin: 1px;
}

#left ul {
    list-style: none;
    padding: 0;
    width: 35ex;
    text-align: left;
}

#left li.title {
    /* background-color: #8E90C4; */
    color: #9C23A9;
    font-weight: bold;
}

h1 {
    text-align: left;
    color: #9C23A9; /* #BD2B8C; */ /* #732C7B; */
    font-weight: 900;
}

h2 {
    text-align: left;
    color: #8E90C4;
    font-weight: 900;
}

h3 {
    color: #8E90C4;
}

h4 {
    color: #9C23A9;
}

div.bodytext {
    font-weight: normal;
    color: #606060;
}

p.image {
    text-align: center;
}

a:link {
        text-decoration:   none;
        color:             #8E90C4;
}

a:visited {
        text-decoration:   none;
        color:             #8E90C4;
}

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

.footer {
        font-size:        70%;
        color:            #888888;
        text-align:       left;
        /* position: fixed;
        bottom: 0px; */
}

ul.faq {
    list-style-type: square;
}

span.code {
    font-family: courier;
    color: #000000;
}