body, html {
    height: 100%;
    width: 100%;
}

body, html, header, nav, section, footer, canvas {
    padding: 0px;
    border: 0px;
    margin: 0px;
    font-size:12px;
    overflow: hidden;
}

header {
    background-color: #6699CC;
    color: white;
    position: absolute;
    left: 0px;
    right:0px;
    top: 0px;
    height: 80px;
    border: 5px;
    padding: 5px;
}

nav {
    font: 12px Monaco;
    color: white;
    background-color: #000000;
    float: left;
    position: absolute;
    left: 0px;
    width: 0px;
    top: 0px;
    bottom: 0px;
}

section {
    color: white;
    background-color: #424242;
    float: left;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 80px;
    bottom: 0px;
    font: 14px Monaco;
}

a:link {
    color: #FF9900;
}

/* visited link */
a:visited {
    color: #FF9900;
}

/* mouse over link */
a:hover {
    color: #FF9900;
}

/* selected link */
a:active {
    color: #FF9900;
}

button  {
font-family: arial; 
font-weight: bold;
color: #000000; 
font-size: 8pt; 
border-width: 2px; 
border-color: #FFFFCC; 
border-style: none; 
 moz-border-radius: 0px;
-webkit-border-radius: 5px;
background-color: #424242

}

button:active {
font-family: arial; 
font-weight: bold;
color: #000000; 
font-size: 8pt; 
border-width: 2px; 
border-color: #FFFFCC; 
border-style: groove; 
 moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #808080

}



canvas {
    background-color: black;
}

footer {
    background-color: #000000;
    color: white;
    clear: both;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    height: 20px;
}