Body {
background-color: Add8E6;
}

.Top {
display: block;
position: static;
width: 100%;
height: 80px;
padding: 0% 0% 0% 0%;
margin: 5% 5% 5% 5%; 
text-align: center;
font-family: Verdana, Tahoma, sans-serif;
font-weight: 600;
line-height: 1.2;
}


.Main {
display: inline-block;
position: static;
width: 99%;
margin: 0.5%;
background-color: 99ffff;
}

    .header {
        display: inline-block;
        float: left;
        width: 100%;
        background-color: inherit;
        padding: 0% 0% 0% 0%;
        margin: 0% 0% 0% 0%; 
    }
    
    .panel {
        display: inline-block;
        float: left;
        width: 20%;
        padding: 1% 1% 1% 1%;
        margin: 0% 0% 0% 0%;
        background-color: 87CEFA;
    }
    
    .data { 
        display: inline-block;
        float: right;
        width: 75%;
        padding: 1% 1% 2% 2%;
        margin: 5% 5% 5% 5%; 
        background-color: inherit;
    }
    
    .line {
        display: inline-block;
        position: relative;
        float: left;
        width: 100%;
        margin: 5%, 5%, 5%, 5%;
    }
    
    .topic {
        display: inline-block;
        width: 20%;
        float: left;
        padding: 0% 0% 0% 0%;
        vertical-align: baseline;
        background-color: inherit;
        font-size: 90%;
        font-family: Verdana, Tahoma, sans-serif;
        font-weight: 600;
        line-height: 1.2;
    }
            
    .topicBody {
        display: inline-block;
        width: 75%;
        float: right;
        padding: 0% 0% 0% 0%;
        vertical-align: baseline;
        background-color: inherit;
        font-size: 70%;
        font-family: Verdana, Tahoma, sans-serif;
        font-weight: 400;
        line-height: 1.0;
    }
    
    #name {
        width: 95%;
        float: left;
        line-height: 2.0;
        vertical-align: baseline;
        font-size: 130%;
        font-family: Verdana,Tahoma,sans serif;
        color: ffffff;
        background-color: ff6600;
        font-weight: 600;
    }
    
    
    #listHeader {
        font-size: 120%;
        font-family: Verdana, Tahoma, sans-serif;
        font-weight: 600;
        list-style-type: none;
        line-height: 1.6;
    }
    
    #list {
            font-size: 90%;
            font-family: Verdana, Tahoma, sans-serif;
            font-weight: 600;
            list-style-type: none;
            line-height: 1.6;
    }
    
    #Box5 {
    border-width: medium;
    border-color: cc00ff;
    border-style: solid;
    width: 18%;
    float: left;
    font-size: 90%;
    font-family: Verdana, Tahoma, sans-serif;
    font-weight: 600;
    color: 000066;
    line-height: 1.2;
    vertical-align: baseline;
    text-align: center;
    }
    
    #Box10 {
        border-width: medium;
        border-color: cc00ff;
        border-style: solid;
        width: 10%;
        float: left;
        font-size: 90%;
        font-family: Verdana, Tahoma, sans-serif;
        font-weight: 600;
        color: 000066;
        line-height: 1.2;
        vertical-align: center;
        text-align: center;
    }
    
    #Index {
    border-width: medium;
    border-color: cc00ff;
    border-style: solid;
    width: 70%;
    float: left;
    font-size: 90%;
    font-family: Verdana, Tahoma, sans-serif;
    font-weight: 600;
    color: 000066;
    line-height: 1.2;
    vertical-align: baseline;
    text-align: center;
    }

        
.Bottom {
display: block;
position: static;
width: 100%;
height: 50px;
margin: 0.5%;
}