html, body { height:100%; }

body { background-color:#384D56; background-image:url('../img/bkg.jpg');
    background-position:center; background-repeat:no-repeat; margin:0;
    padding:0; background-attachment:fixed; background-size:100% 100%;
    font-family:'Times'; }

/* The title font is Bourton Hand Base */

#menu { position:fixed; top:0; left:0; width:100%; height:50px;
    background-color:#405963; z-index:1000; }

#menu img { position:absolute; top:10px; left:20px; width:auto; height:30px; }

#menu a { display:inline-block; background-color:rgb(95,125,135); color:white;
    font-weight:bold; text-decoration:none; padding:8px 13px; margin-left:10px;
    -ms-transform:skewY(-1deg); transform:skewY(-1deg); padding:3px 13px;
    margin-top:32px; font-family:'Arial Narrow'; text-transform:uppercase;
	cursor:pointer; }

#menu a:hover { padding-top:35px; margin-top:0; }

.content { width:800px; margin:0 auto; -ms-transform:skewY(-1deg);
    transform:skewY(-1deg); margin-top:80px; box-sizing:border-box;
    padding:10px; background-color:rgba(225,245,255,0.5); font-size:1.2em;
    display:none; }

.drop { position:fixed; width:15px; height:18px; border-radius:100%;
    border:1px solid rgba(0, 0, 0, 0.1);
    box-shadow:0 -4px 4px rgba(0, 0, 0, 0.1),
    0 2px 9px rgba(0, 0, 0, 0.25) inset,
    0 -4px 5px rgba(144, 171, 182, 0.3) inset; }

audio { position:fixed; bottom:0; left:0; }

table { border-spacing:30px; }
tr { }
td { width:60%; -ms-transform:skewY(-1deg); transform:skewY(-1deg); background-color:white; }
td p { -ms-transform:skewY(1deg); transform:skewY(1deg); padding:10px; }
th img { max-width:200px; max-height:200px; }



.center { text-align:center; }