/* 
html{

    height: 100%;


}

body{

    height: 100%;

    background: radial-gradient(rgb(255, 255, 255), rgb(236,236,236));

    background-size: cover;

    background-repeat: no-repeat;

    background-attachment: fixed;

} */
/* 
tr.NaviRow{
    width: 100%;
    height: 100px;

} */

td.navi{

    /* width: 50px; */
    /* width: 1000px; */
    background-color: rgb(255, 202, 202);
    border-radius: 10px;
    margin-left: auto;
	margin-right: auto;
}

td.navibox{

    /* width: 1000px; */
    /* width: 100%; */
    /* background-color:  rgb(252, 197, 197); */
    margin-left: auto;
	margin-right: auto;
}

nav{

    /* width: 100%; */

    /* height: 85px; */

    /* background-color: rgb(253, 253, 130); */

    /* box-shadow: 2px 2px 4px rgba(0,0,0,0.11); */

    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
} 

nav ul{

    float: none;

}

nav ul li{

    float: left;

    list-style: none;

    position: relative;


}

nav ul li a{

    font-family: Arial;

    color: #1e1bf6;

    background-color:  rgb(253, 253, 130);

    font-size: 24px;

    font-weight: bold;

    text-decoration: none;

    padding: 15px 15px 15px 15px;    

    margin-left: 0px;
    margin-right: 40px;
    margin-top: 0px;
    margin-bottom: 20px;

    display: block;

    border-radius: 10px;

    box-shadow: 8px 8px 16px rgba(253, 0, 0, 0.479);
}

nav ul li a:hover{

    background-color: #a1eaf6;
    box-shadow: 8px 8px 16px rgba(69, 201, 253, 0.815);
} 

nav ul li ul{

    display: none;

    position: absolute;

    background-color: rgb(255, 255, 180);;

    padding: 7px;

    border-radius: 0px 0px 12px 12px;
}

nav ul li:hover ul{

    display: block;
}

nav ul li ul li a{

    color: #1e1bf6;

    padding: 16px 20px;

    border-radius: 10px;
}

nav ul li ul li a:hover{

    background-color: #a1eaf6;

}