body {
    margin-top:     0px;
    margin-left:    0px;
    margin-right:   0px;
    background:     #fff;
    font-size:      14px;
    font-family:    georgia, palatino, arial, sans-serif;
}

.header {
    
    border-bottom:  solid 1px #000;
    border-top:     solid 1px #000;
    
    background-color: #ffe28d;
    
    padding-top:    10px;
    padding-bottom: 5px;
    padding-left:   10px;
    
    font-weight:    bold;
    font-size:      14px;
    
    font-family: sans-serif;
}

.menu { 
    width:          100px;
    line-height:    120%;
    
    font-size:      11px;
    border-right:   solid 1px #000;
    padding-top:    10px;
    padding-bottom: 15px;
    padding-left:   10px;
    
    width:          130px;
    
    background-color: #eee;
}


.main {
    padding-right:  20px;
    padding-left:   10px;
    font-size:      13px;
    background-color:  #fff;
}
.main a,
.main a:link,
.main a:visited,
.main a:active {
  color:           black;
}

.main a:hover { 
    color:              red;
    text-decoration:    underline;
}

.main ul {
    padding-left: 18px;
}

.footer, .footer a {
    color: #888;
    font-size: 10px;
    padding-top: 5px;
}

.footer {
    
}
.disabled {
    color: #888;
}

.topLeftBox {
    font-family:    sans-serif;
    font-size:      14px;
    font-weight:    bold;
    
    border-bottom:  solid 1px #000;
    border-right:   solid 1px #000;
    border-top:     solid 1px #000;
    
    padding-top:    10px;
    padding-bottom: 5px;
    
    background-color: #ddd7bc;
    /*
    background-color: #003B63;
    background-color: #005F9F;
    */
    
    width:      140px;
}

.header a,
.header a:link,
.header a:visited,
.header a:active {
    color: #4C432A;
    text-decoration: none;
}


.menuFooter {

    width:              140px;
    height:             18px;
    
    background-color:   #700000;
    
    border-bottom:      solid 1px #000;
    border-top:         solid 1px #000;
    border-right:       solid 1px #000;
    
    padding-top:        8px;
    color:              #fff;
    text-align:         center;
    text-decoration:    none;
    font-weight:        bold;
    font-size:          8px;
}

code {
    #background-color:   #eee;
}
        .textareaCodeMini,
        .textareaCodeSmall,
        .textareaCodeMedium,
        .textareaCodeLarge,
        .textareaCode,
        .textareaCode600,
        .textareaCode60,
        .textareaCode100,
        .textareaCode120,
        .textareaCode150,
        .textareaCode200,
        .textareaCode250,
        .textareaCode300,
        .textareaCode400
         {
            width:600px;
            height:200px;
            background-color:#eee;
            font-family: Monaco, Courier;
            font-size:10px;
            border: none;
        }
        
        .textareaCodeMini,
        .textareaCode60 {
            height:60px;
        }
        .textareaCodeSmall,
        .textareaCode100 {
            height:100px;
        }
        
        .textareaCodeMedium,
        .textareaCode120 {
            height:120px;
        }
        
        .textareaCode150 {
            height:150px;
        }
        .textareaCode200 {
            height:200px;
        }
        .textareaCode250 {
            height:250px;
        }
        .textareaCode300 {
            height:300px;
        }
        
        
        
        .textareaCodeLarge,
        .textareaCode400 {
            height:400px;
        }