body {

    font-family: 'Quicksand', sans-serif;
    font-size: 12pt;
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;

}

:link { color: #003300; }
:visited { color: #003300; }

#myname { 
    font-family: 'Russo One', sans-serif;
    font-size: 48pt;
    color: #088A08;
}

#motto {
    margin: 3px;
    font-family: 'Architects Daughter', sans-serif;
    font-size: 16pt;
    color: #000000;
    font-weight: bold;
}

h2.left {
    text-align: left;
}

h2.right {

    text-align: right;

}

.timeline { background-color: #99CCFF; height: 50px; width: 500px; }

.event { background-color: #3399FF; width: 5px; height: 50px; position: absolute; }

p { margin: 3px; margin-bottom: 15px; }

h1 { margin: 5px; }

h2 {
    font-size: 26pt;
    color: #003300;
    margin: 5px;
    cursor: pointer;

}

#bounder {

    width: 800px;
    margin-left: 135px;
    margin-right: auto;

}

#header_block {

    margin-left: 280px;

}

.emptyBox {
    width: 100%;
    margin-bottom: 0px;
    border: 3px solid #003300;
    background-color: #CCFFCC;
    color: #FFFFFF;
    -moz-box-sizing: border-box;
    -opera-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
}

.box {
    width: 540px;
    margin-bottom: 5px;
    padding: 10px;
    border: 2px solid #003300;
    background-color: #CCFFCC;
    color: #000000;
    font-weight: bold;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -moz-box-sizing: border-box;
    -opera-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
}