a {color:blue;}


#background{
    position:absolute; z-index:0; width:100%; height:100%; top:0; left:0;
}

#scroller {
    position:absolute; width:100%; height:100%; 
    top:0; left:0; overflow:auto; z-index:2;}
#content {padding:8px 8px 8px 8px;}

header {
        color=#ffff00;
        height:110;
        width:auto;
        font-family: roman;
        font-size: xx-large;
        font-weight:bolder;
        overflow:auto; z-index:2;
        text-align:center;
}

aside {
    position:relative; z-index:1;
        float:left;
        width:100px;
      }

main {
    color: darkblue;
    column-width:300px;
    column-count:3;
    #column-rule-style:solid;
}

footer {
    position:relative; z-index:1;
    font-weight:bolder;
        clear:left;
        padding-bottom:10px;
        padding-top:10px;
        text-align:center;
        width: 100%;
        height: 100px;
       }

h1 {
    column-span:all;
}
diashow {
#    position:relative; z-index:1;
    #left:0;
    #float:left;
    #height:auto;
}

rightdia {
    position:relative; z-index:1;
    float:left;
    padding:10px;
}

#nobreak {
    break-inside:avoid-column;
    page-break-inside: avoid;
}

#sidemenu{
    break-inside:avoid-column;
    page-break-inside: avoid;
}

#sidemenu ul {
    padding-left: 0px;
    list-style: none;
}

#sidemenu ul li a{
    font-size: 15pt;
    color: darkblue;
    display: block;
}

#sidemenu ul li a:hover, #sidemenu ul li .active{
    color: blue;
}

#nodot ul {
    list-style:none;
          }
#nodot ul li {
    padding-bottom: 6px;
   }

@media (max-width: 640px) {

diashow {
    #position: relative; z-index:1;
    #width:100%;
}

rightdia {
    width=100%;
}

footer {
    height:0px;
       }
aside {
        width:1px;
        height:1px;
      }

main {
    width:100%;
     }