body
{
    font-family: Verdana, Sans-Serif;
}
.mypage
{
    width: 79%;
    margin-left: 10%;
    margin-right: 10%;
    border-color: #BECED2;
    border-style: solid;
    border-width: 1px;
}
.header
{
    width: 100%;
    font-family: Sans-Serif;
    border-top-style: solid;
    border-bottom-style: solid;
    border-color: #BECED2;
    border-width: 8px;
}
.hdrleftcol
{
    clear: both;
    float: left;
    text-align: left;
    padding: 1%;
}
.hdrmidcol
{
    font-size: large;
    float: left;
    height: 209px;
    text-align: right;
}
.hdrrightcol
{
    font-size: x-large;
    float: right;
    padding: 1%;
    background: #BECED2;
    text-align: right;
    color: White;
    height: 138px;
}
.topnav
{
    clear: both;
    font-size: x-small;
    text-align: center;
    border-bottom-style: solid;
    border-color: #BECED2;
    border-width: 8px;
}
.row
{
    clear: both;
    border-bottom-style: solid;
    border-color: #BECED2;
    border-width: 8px;
    height: 100%;
}
.leftcol
{
    float: left;
    width: 15%;
    padding: 1%;
}
.midcol
{
    float: right;
    width: 35%;
    padding: 1%;
}
.rightcol
{
    float: right;
    width: 30%;
    padding: 1%;
}
#bottomnav
{
    clear: both;
    font-size: x-small;
    text-align: center;
    border-bottom-style: solid;
    border-color: #BECED2;
    border-width: 8px;
}
.title
{
    font-size: medium;
    font-weight: bold;
}
.info
{
    font-size: small;
    background: #BECED2;
}