*{

    margin:0px;
    padding:0px;

}



html { 
    height: 100%
}

body {
    height: 100%;
}

#container{

    width: 100%;

    height: 86.6%;

}




#header{

    height: 13%;
    text-align: center;
}




#menu {
    float: left;
    overflow:auto;
    overflow-y:scroll;
   
 width: 21%; 
    display: auto;
    height: 100%;
    text-align: center;
    border-top: 1px solid #cccccc;
}

#main {
    float: left;
    height: 95%;
    width: 78%;
    display: auto;
}

#map {
    float: left;
    height: 100%;
    width: 100%;
    display: auto;
    border: 1px solid #cccccc;
}

h1 {
    font-size: 21pt;

    font-family:"‚l‚r ƒSƒVƒbƒN";
}

.table1 {
    width: 80%; 

    border-collapse: collapse;

    table-layout: auto;

    border: 1px solid #7f3333;
    background-color: #ffeecc;

}

.table2 {
    width: 80%; 

    border-collapse: collapse;

    table-layout: auto;

    border: 1px solid #4d7f34;
    background-color: #f6ffe5;

}

.table3 {
    width: 80%; 

    border-collapse: collapse;

    table-layout: auto;

    border: 1px solid #0044cc;

    background-color: #e5f2ff;

}

.table4 {
    width: 80%;

    border-collapse: collapse;

    table-layout: auto;

    border: 1px solid #e50026;

    background-color: #ffe5ee;

}

.table5 {
    width: 80%;

    border-collapse: collapse;

    table-layout: auto;

    border: 1px solid #9900e5;

    background-color: #e9e5ff;

}

.table6 {
    width: 80%; 

    border-collapse: collapse;

    table-layout: auto;

    border: 1px solid #666666;

    background-color: #e6e6e6;

}

p.resize1 img{
    height: 95%; 
}

p.resize2 img{
    width: 80%; 
}

a{
    color: blue;

}

a:visited {
    color: blue;

}


a:hover {

    color: red;
}

.font12 {
    font-weight: normal;

    font-size: 11pt;

    font-family:"‚l‚r ‚oƒSƒVƒbƒN";
}