body
{
    background:rgb(0,191,191);
    margin:0;
    padding:0;
}

a, ul, li
{
    margin:0;
    padding:0;
    border:0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}

a
{
    text-decoration:none;
    color:rgb(0,0,95);
    font-family: sans-serif;
}

div
{
    position:relative;
}

nav
{
    height:1em;
    width:100%;
}

nav ul
{
    width:100%;
    list-style:none;
}

nav ul li
{
    width:33%;
    float:left;
    text-align:center;
}

nav ul li:hover
{
    background-color:gray;
}

nav ul li a
{
    display: block;
    width: 100%;
}

main
{
    width:864px;
    height:100%;
    margin:auto;
}

td
{
    text-align:center;
    vertical-align:middle;
}

p
{
    color:rgb(0,0,95);
}

video
{
    margin: 100px auto;
    display: block;
}

#row1
{
    margin-top:144px;
}

#row2
{
    margin-left:60px;
}

.row
{
    width:100%;
    height:144px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.letter
{
    display:block;
    float:left;
    width:144px;
    height:144px;
    margin:0;
    font-size:128px;
    font-family:sans-serif;
    font-weight:bold;
    text-align:center;
    cursor:pointer;
    color:rgb(0,0,95);
}

.letter:hover
{
    color:rgb(0,191,191);
    background:rgb(0,0,95);
}

.lightbox_div
{
    margin:0 auto;
}

.lightbox
{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, .8);
    z-index:1;
}

.lightbox table
{
    width:100%;
    height:100%;
}

#bio_img {
    margin-top: 60px;
}

.center
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.nofloat {
    float: none;
}

.hidden {
    display:none;
}