h1 {
    color: #0971EE;
    border-bottom: 2px solid #cd9700;
    text-transform: uppercase;
    margin-top: 20px;
    padding-bottom: 10px;
    font-size: x-large;
    font-weight: normal;
    margin-bottom: 20px;
}

h2 {
    color: #0971EE;
    font-size: large;
    margin-bottom: 16px;
    font-weight: normal;
}

h3 {
    color: #0971EE;
    font-size: large;
    margin-bottom: 16px;
    margin-top: 0px;
    font-weight: normal;
}

h4 {
}

h5 {
}

h6 {
}

p {
}

em {
}

blockquote {
}

hr {
    border-top: 1px solid #d4d3d3;
}

fieldset {
    background-color: aliceblue;
    border: #cd9700 1px solid;
    border-radius: 10px;
}

    fieldset legend {
        font-size: x-large;
        color: #002c73;
        font-weight: bold;
    }

    fieldset h2 {
        font-weight: bold;
    }
/*
    <article class="expand">
        <input type="checkbox" id="a0" />
        <label for="a0">
            Title
            <span>&rArr;</span>
            <span>&dArr;</span>
        </label>
        <section>
            html
        </section>
    </article>
*/

article.expand {
    margin-left: 0px;
    margin-top: 15px;
    background-color:aliceblue;
    padding:5px;
}
    article.expand input {
        display: none;
    }
    article.expand label {
        font-weight: bold;
        cursor: pointer;
        font-size: medium;
        display: block;
        color:#0971EE;
        padding-top:0px;
        padding-bottom:0px;
    }
        article.expand label span {
            font-size: x-large;
            color:#cd9700;
        }
            article.expand label span:first-of-type {
                display: inline;
            }
            article.expand label span:last-of-type {
                display: none;
            }
            article.expand label span img {
                height:16px;
                vertical-align:middle;
                margin-bottom:0px;
                display:none;
            }
    article.expand section {
        display: none;
    }
    article.expand section h2 {
        color:black;
    }
    article.expand section h3 {
        color:black;
    }
    article.expand input:checked ~ section {
        display: block;
    }
    article.expand input:checked ~ label span:last-of-type {
        display: inline;
    }
    article.expand input:checked ~ label span:first-of-type {
        display: none;
    }

div.newshead {
    margin-top:15px;
    padding:5px;
    border-bottom:3px double #cd9700;
    color:#0971EE;
    font-size:x-large
}

article.news {
    border-bottom: 1px solid #cd9700;
    position: relative;
    margin-top: 16px;
    padding-left: 16px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 24px;
    overflow: auto;
}
    article.news header {
        color: #0D70F1;
        border-bottom: 1px none #cd9700;
        margin-top: 8px;
        padding-bottom: 8px;
        text-transform: uppercase;
        font-size: 17px;
    }
    article.news figure {
        float: left;
        margin-left: 16px;
        width: 20%;
        transition: .25s linear;
        -webkit-transition: .25s linear;
    }
        article.news figure img {
            width: 100%;
            height: auto;
        }
    article.news footer {
        text-transform: uppercase;
        font-size: 10px;
        color: red;
        font-style: normal;
        display:none;
    }
    article.news section {
        transition: .25s linear;
    }
        article.news section:last-of-type {
            display: none;
        }
    article.news label {
        position: absolute;
        bottom: 16px;
        right: 270px;
        cursor: pointer;
        color: #0D70F1;
    }
        article.news label span:first-of-type {
            display: inline;
        }
        article.news label span:last-of-type {
            display: none;
        }
    article.news input[type=checkbox] {
        display: none;
    }
        article.news input[type=checkbox]:checked ~ section:last-of-type {
            display: block;
        }
        article.news input[type=checkbox]:checked ~ label {
            right: 16px;
        }
            article.news input[type=checkbox]:checked ~ label span:first-of-type {
                display: none;
            }
            article.news input[type=checkbox]:checked ~ label span:last-of-type {
                display: inline;
            }
        article.news input[type=checkbox]:checked ~ figure {
            float: left;
            width: 40%;
            margin-right: 20px;
            margin-bottom: 20px;
            margin-left: auto;
        }

article.press {
    position: relative;
    margin-top: 16px;
    padding-left: 16px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 24px;
    overflow: auto;
}
    article.press header {
        color: #0D70F1;
        border-bottom: 1px solid #cd9700;
        padding-bottom: 8px;
        text-transform: uppercase;
        font-size: 17px;
    }
    article.press figure {
        float: left;
        margin-left: auto;
        width: 50%;
        margin-right: 20px;
        margin-bottom: 20px;
    }
        article.press figure img {
            width: 100%;
            height: auto;
        }

div.flow {
    overflow:auto;
    margin-bottom:20px;
}

img.floatL {
    float: left;
    margin-right: 20px;
    width: 40%;
}

img.floatR {
    float: right;
    margin-left: 20px;
    width: 40%;
}

div.floatL {
    width: 40%;
    float: left;
    text-align: center;
    margin-right: 20px;
}
    div.floatL img {
        width: 100%;
        height: auto;
    }

div.floatR {
    width: 40%;
    float: right;
    text-align: center;
    margin-left: 20px;
}
    div.floatR img {
        width: 100%;
        height: auto;
    }

table.schedule {
    font-size:small;
    width:100%;
    border-spacing:0px;
}
tr.month {
    background-color:#002c73;
    color:#cd9700;
    border-bottom:1px solid #cd9700;
    font-size:large;
    border-top:20px solid white;
}
    tr.month th {
        border-bottom:1px solid #cd9700;
        border-top:20px solid white;
    }
tr.head {
    background-color:#d4d3d3;
}

div.portal {
    margin-top:20px;
    margin-bottom:10px;
    text-align:center;
}
div.portal a{
    display:inline-block;
    background-color:#002c73;
    width:200px;
    text-decoration:none;
    margin-bottom:5px;
    padding:5px;
    color:white;
    border-radius:5px;
    border:outset thin #cd9700;
    font-size:x-large;
    text-align:center;
}
div.portal a:hover {
    color:#cd9700;
}