body
 {
    background: #666666;
 }

.title_bar
 {
    background-image: url('img/logo.png');
    background-repeat: no-repeat;
    padding-left:120px;
    margin-bottom:5px;
 }

.menu_bar
 {
    float:left;
    width:15%;
    max-width:12em;
    background:#FFFFFF;
    margin-top:0px;
    border: 1px solid #000000;
 }

.menu
 {
    margin-left:1em;
    margin-right:1em;
    margin-top:1em;
    margin-bottom:3em;
    line-height:1.5;
 }

.menu a
 {
    display:block;
    margin-bottom:0.5em;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:0.5em;
    padding-right:0.5em;
    color:#333333;
    font-weight:bold;
    text-decoration:none;
 }

.menu a:hover
 {
    color:#000000;
    background:#CCCCCC;
 }



.canvas
 {
    float:left;
    width:80%;
    max-width:100em;
    min-width:650px;
    background:#FFFFFF;
    border: 1px solid #000000;
    margin-left:10px;
    margin-top:0px;
 }

.canvas_title
 {
    margin:0px;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:1em;
    padding-right:10px;
    border-bottom: 1px solid #000000;
    background: #AAAAAA;
    font-weight:bold;
    font-size:small;
    letter-spacing:2px;
    font-family:Courier New CE, courier, monospace;
 }

.canvas_workplace
 {
    margin:0px;
    padding-top:2px;
    padding-bottom:2em;
    padding-left:1em;
    padding-right:1em;
 }


.canvas_workplace ul li
 {
    margin-top:0.5em;
    margin-bottom:0.5em;
 }

.NU
 {
    color:#0000FF;
    text-decoration:none;
    letter-spacing:-3px;
 }

nav
 {
    text-decoration:none;
    font-size:small;
    letter-spacing:2px;
    font-weight:bold;
    font-family:courier;
 }

nav span
 {
    text-decoration:none;
    font-size:medium;
    letter-spacing:-3px;
 }

nav a
 {
    text-decoration:none;
    font-size:medium;
    letter-spacing:-3px;
 }



audio
 {
    width:600px;
    height:30px;
    margin-top:1px;
    margin-bottom:1px;
 }

.canvas_workplace table
 {
    margin-left:4em;
 }