body {
    background-color: #011322;
    color: #000000;
}

img#logo {
    float: left;
}

.page {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
}

.content {
    float: left;
    clear: left;
    width: 96%;
    background-color: #EDDFEE;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
}

.footer {
    float: left;
    clear: left;
    width: 100%;
}

.breadcrumbs {
    float: left;
    clear: both;
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    background-color: #DCCEDD;
    font-size: 18pt
}

.bc {
    text-decoration: none
}

.text {
    width: 68%;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 1%;
    float: left;
    clear: left;
}

.announcement_container {
    width: 28%;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-right: 1%;
    float: right;
    clear: right;
}

.announcement {
    float: right;
    clear: none;
    border: 3px ridge green;
    font-size: 20pt;
    width: 96%;
    background-color: #CBBDCC;
    text-align: justify;
    padding: 2% 2% 2% 2%;
}

.news-list {
    list-style-type: none;
}

.news-list li {
    padding-bottom: 20px;
}

.date {
    font-size: 16pt;
    color: darkgreen; 
}

.news-content {
    font-size: 14pt;
    color: black; 
}

.header {
    width: 100%
}

.right-top-info {
    padding-top: 40px;
    color: #FFFFFF;
    float: right;
    clear: right;
}

a.darkbg:link {
    color: #CBBDCC;
}

a.darkbg:visited {
    color: #CBBDCC;
}

a.darkbg:hover {
    color: #DCCEDD;
}

a.darkbg:active {
    color: #FFFFFF;
}

a:link {color: #0645AD}
a:visited {color: #0B0080}
a:hover {color: #3366BB}
a:active {color: #CC2200}

.formatted_description {
    width: 65%;
    float: left;
}

.right_col {
    overflow: hidden;
    width: 32%;
    float: right;
}