body {
    margin: 0px;
    background: #DEE4E7;
    /* background-image: url(img_86.gif); */
                /* color : black */
    font-family: Helvetica, Tahoma, Verdana, Geneva, Arial, sans-serif;
    font-size: 15px;
    line-height: 15px;
    
}

a:link {
    color: #316AC4;
    text-decoration: none;
    }     /* unvisited link */
a:visited {
    color: #316AC4;
    text-decoration: none;
    }  /* visited link */
a:hover {
    color:  #316AC4;
    text-decoration: underline;
    }   /* mouse over link */
a:active {color: #0000FF}   /* selected link */


h3{
    color: #316AC4;
}

.title {    
    /*POSITION*/
    margin-left:5%;
    width: 82%;
    height: 50px;
    padding-top: 10px;
    /*DECORATION*/
    border: 1px solid #999;
    font-size: 35px;
    font-weight:bold;
    line-height: 35px;
    color: #FFF;
    background: #316AC4;
}

.menu {
    margin-top: 5px;
    margin-left:5%;
    width: 50%;
    font-size: 13px;
    background: #DEE4E7;
    /*DECORATION*/
    height: 25px;
}

.menu ul {
    float:left;
    width:100%;
    padding:0;
    margin:0;
    list-style-type:none;
}

.menu li {
    display: inline;
    padding: 5px;
    border-right: solid 1px white;
    }

/* 
    Special style for menu URL's.
*/
.menu a:link {
    color: white;
    text-decoration: none;
    }     /* unvisited link */
.menu a:visited {
    color: white;
    text-decoration: none;
    }  /* visited link */
.menu a:hover {
    color:  #316AC4;
    text-decoration: underline;
    }   /* mouse over link */
.menu a:active {color: #0000FF}   /* selected link */

/* 
    TODO Style.
*/
.todo {
    font-family: arial;
    size: 18px;
    font: bold;
    color: red;
    }
    
/*
    The Table of Content Style.
    Located on the right below the top frame it displays links
    to other pages.
*/      
.toc {
    position: absolute;
    width : 20%;
    top: 0px;    
    left: 67%;
    list-style-type: disc;
    border: 1px solid #999;
    padding: 5px;
    background: #DEE4E7;
    min-height: 600px;
}

.content {
    /*POSITION*/
    margin-left:5%;
    padding: 20px;
    width: 60%;
    max-width: 60%;
    background: #FFF;
    font-family: tahoma, times;
    text-align:middle;
    min-height: 600px;
}

.shout {
    font-size: 28px;
    font-weight:bold;
    font-stretch:wider;
    line-height:40px;
    color: #316AC4;
}

/*
    used in the download table.
*/
.download {
    width: 90%;
    font-family: times;
    text-align: left; 
    border: 1px solid #999;
    border-spacing: 0px;
}

.download th {    
    color: white;
    background: #999;
}

.download tr {

}

.download td {
}