div.topic1 {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
}

div.topic1 div.main {
    position: relative;
    top: 0px;
}

div.topic1 div.main h1
{
    font-size: x-large;
    text-align: left;
}

div.topic1 div.main h1 .subtitle
{
    font-size:smaller;
    color:#eeeeee;
}

div.topic1 div.main div.description 
{
    position: relative;
    top: 15px;
    
    color: #eeeeee;
    text-align: justify;
}

div.topic1 div.main div.description .emphasis 
{
    font-weight:bold;
}

div.topic1 div.highlights 
{
    position: relative;
    top: 60px;
    height: 180px;
}


div.topic1 div.highlights div.highlight 
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    
    border-color: White;
    border-style: solid;
    border-width: thin;

    background-color: #acb6be;
    
    cursor:pointer;
}

div.topic1 div.highlights div.highlight h2
{
    margin-top: 4px;
    margin-left: 4px;
    margin-right: 4px;
    
    font-size: x-large;
    text-align: left;
}

div.topic1 div.highlights div.highlight h2 .subtitle
{
    font-size: medium;
    color: #eeeeee;
}

div.topic1 div.highlights div.highlight div.description
{
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    
    font-size: medium;
    color: #eeeeee;
}

div.topic1 div.highlights div.highlight1
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 49%;
    height: 170px;
}

div.topic1 div.highlights div.highlight2
{
    position: absolute;
    left: 51%;
    top: 0px;
    width: 49%;
    height: 170px;
}


div.topic2 
{
    position:relative;
    top:80px;
    left:0px;
    width:100%;
}

div.topic2 h2 
{
    font-size: x-large;
    text-align: left;
}

div.topic2 h2 .subtitle
{
    font-size:medium;
    color:#eeeeee;
}

div.topic2 div.updates
{
    top:15px;
}

div.topic2 div.updates div.update
{
    padding-bottom:30px;
}

div.topic2 div.updates div.update h3
{
    font-weight:bold;
}

div.topic2 div.updates div.update div.content
{
    
}


div.footer
{
    padding-top:30px;
}