body.outer {
    margin: 5px;
    background-color: #7a88a2;
    align-content: center;
    }

    div {
    width: 90%;
    margin: 0;
    }

    td.frame   {
    background-color: #000e29;
    }

    .outertable {
    width: 85%;
    height: 99%;
    }


    table  {
    border-radius: 16px;
    color: #6185cc;
    font-size: small;
    font-family: verdana, tahoma, sans-serif;
    text-align: center;
    padding: 0;
    background-color: #000e29;
    }


    td.kitty  {
    width: 20%;
    height: 20%;
    padding: 0;
    }
    
    td.header {
    width:80%;
    height:10%;
    }

    td.toprightbuttons  {
    width:80%;
    height:10%;
    border: 0px;
    }

    iframe.buttonframe {
    width: 100%;
    height: 42px;
    margin: 0px;
    border: 0px;
    }

    div.buttoncontainer {
    width: 96%; 
    height: 100%;
    text-align: center;
    }

    .mainmenu   {
    color: black;
    position: relative;    
    border: 0px;
    padding: 0px;
    font-size: medium;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    }
    
    .button {
    width: 13%;
    height:100%;
    margin:0px;
    border: 0px;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: small;
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 10px;
    }

    .button
        a.link {color: #000000; font-size: medium; text-decoration: none;}
        a.visited {color: #000000; font-size: medium; text-decoration: none;}
        a.hover {color: #00f800; font-size: medium; text-decoration: none;}
        a.active {color: #000000; font-size: medium; text-decoration: none;}

    .buttonhome {background-color: #88d050; border: 2px solid #263b90;}
    .buttondottings {background-color: #ac101a; border: 2px solid #263b90;}
    .buttonarticles {background-color: #220daa; border: 2px solid #263b90;}
    .buttonart {background-color: #931a91; border: 2px solid #263b90;}
    .buttonhealth {background-color: #04AA6D; border: 2px solid #263b90;}
    .buttonbook {background-color: #ed6a32; border: 2px solid #263b90;}
    .buttontechnical {background-color: #555555; border: 2px solid #263b90;}

    .buttonhome:hover {
    background-color: #3118ff;
    color: black;
    }
    .buttondottings:hover {
    background-color: #dc414c;
    color: black;
    }
    .buttonarticles:hover {
    background-color: #6185cc;
    color: black;
    }
    .buttonart:hover {
    background-color: #d926d6;
    color: black;
    }
    .buttonhealth:hover {
    background-color: #2bdd4c;
    color: black;
    }
    .buttonbook:hover {
    background-color: #e3c52c;
    color: black;
    }
    .buttontechnical:hover {
    background-color: #837272;
    color: black;
    }






    td.bottomleft   {
    width:20%;
    height: 100%;
    vertical-align: top;
    border: 0px;
    padding-top: 4px;
    padding-left: 16px;
    }

    iframe.menuleft   {
    display: block;
    overflow: auto;
    width: 90%;
    height: 95%;
    position: relative;
    background-color: #001439;
    padding: 0px;
    margin: 0px;
    border-radius: 20px;
    border: 3px solid #263b90;
    padding-left: 2px;
    }

    .vertical   {
    width: 100%;
    padding: 0px;
    line-height: 2.4;
    border: 0px;
    vertical-align: top;
    text-align: left;
    background-color: transparent;
    margin-left: 0px;
    border: 0px;
        }   


    .verticalmenu   {
    text-align: left;
    }

    .verticalmenujustified   {
    text-align: justify;
    }



    td.bottomrightcontent   {
    width: 80%;
    height: 100%;
    }

      .horizontaldivide    {
    width: 88%;
    border-radius: 10px;
    border-right: 0px;
    border-bottom: 0px;
    padding: 4px;
    vertical-align: top;
    background-color: #000e29;
       }

    .divideindex    {
    border-top: 4px solid #3118ff;
    border-left: 1px solid #1c0b8c;
        }

    .dividedottings    {
    border-top: 4px solid #ac101a;
    border-left: 1px solid #ac101a;
        }

    .dividearticles    {
    border-top: 4px solid #3118d5;
    border-left: 1px solid #1c0b8c;
        }

    .divideart    {
    border-top: 4px solid #931a91;
    border-left: 1px solid #931a91;
        }

    .dividehealth    {
    border-top: 4px solid #067e52;
    border-left: 1px solid #035f3d;
        }

    .dividebook    {
    border-top: 4px solid #ed6a32;
    border-left: 1px solid #b8552b;
        }

    .dividetech    {
    border-top: 4px solid #837272;
    border-left: 1px solid #555454;
        }


    div.picandcaption {
    width: auto;
    border: 0px solid black;
    float:left;
    margin: 8 8 8 8;
    text-align: center;
    color: #2bd596;
    font-size: small;
    font-family: verdana, tahoma, sans-serif;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 14px;
    padding-right: 14px;
    border: 0px;
    }

    div.picandcaptioncentre {
    width: auto;
    border: 0px solid black;
    float:center;
    margin: 8 8 8 8;
    text-align: center;
    color: #2bd596;
    font-size: small;
    font-family: verdana, tahoma, sans-serif;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 14px;
    padding-right: 14px;
    border: 0px;
    }

    div.picandcaptionright {
    width: auto;
    border: 0px solid black;
    float:right;
    margin: 8 8 8 8;
    text-align: center;
    color: #2bd596;
    font-size: small;
    font-family: verdana, tahoma, sans-serif;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 14px;
    padding-right: 14px;
    border: 0px;
    }


    .tag {
    text-align: center;
    color: #2bd596;
    font-size: small;
    font-family: verdana, tahoma, sans-serif;
    padding-bottom: 3px;
    text-align: top;
    border: 0px;
    line-height: 1.8;
    }


    object.maincontent    {
    width:100%;
    height: 95%;
    display:flex;
    flex-wrap: wrap;
    background-color: #000e29;
        }

    
     a.vertical:link {
	color : #82c0cc;
	text-decoration : none;
      }
     a.vertical:visited {
	color : #82c0cc;
	text-decoration : none;
      }
     a.vertical:hover {
	color : #ff0000;
	text-decoration : none;
      }
     a.vertical:active {
	color : #cc0000;
	text-decoration : none;
      }

     a.verticalnext:link {
	color : #09c680;
	text-decoration : none;
      }
     a.verticalnext:visited {
	color : #09c680;
	text-decoration : none;
      }
     a.verticalnext:hover {
	color : #49f355;
	text-decoration : none;
      }
     a.verticalnext:active {
	color : #4fe8b0;
	text-decoration : none;
      }

     a.verticalhealth:link {
	color : #4fe8b0;
	text-decoration : none;
      }
     a.verticalhealth:visited {
	color : #4fe8b0;
	text-decoration : none;
      }
     a.verticalhealth:hover {
	color : #ff0000;
	text-decoration : none;
      }
     a.verticalhealth:active {
	color : #cc0000;
	text-decoration : none;
      }



    p.verticalnew   {
    font-size: small;
    font-family: verdana, tahoma, sans-serif;
    text-align: left;
    text-decoration: bold;
    color: #09c680
    }

    p.verticalsection   {
    font-size: small;
    font-family: verdana, tahoma, sans-serif;
    text-align: left;
    text-decoration: bold;
    color: #46c9f7;
    }



    .content    {
    text-align: left;
    color: #6185cc;
    font-family: sans-serif;
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 0px;
    padding-bottom: 5px;
    vertical-align: top;
    font-size: 12pt;
    line-height: 1.6;
        }


    span.right  {
    float:right;
    }

    span.left   {
    float:left;
    }

    .leftright  {
    color: #5de772;
    font-family: sans-serif;
    padding-left: 22px;
    padding-right: 2px;
    font-size: 12pt;
    line-height: 1.6;
    }



    .h1 {
    font-size: large;
    text-decoration: bold;
    text-align: center;
    vertical-align: top;
    padding: 0px;
    font-family: sans-serif;
    color: #6185cc;
    }


    p   {
    font-size: small;
    font-family: verdana, tahoma, sans-serif;
    text-align: center;
    }


::-webkit-scrollbar {
width: 4px;
height: 4px;
}
::-webkit-scrollbar-track {
border: 1px solid blue;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background: #7a88a2;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: #88ba1c;
}