<style type="text/css">
html {
width: 100%;
height: 100%;
-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;   
}

.bodystyle {
background-size:100% 100%;
background-repeat: no-repeat;
background-image: url(./../img/pyramids.jpg);
-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;               
}

a {
outline: 0;
}

.mytable {
width: 753;
height: auto; 
margin: 0;
border-collapse: collapse;
white-space: nowrap; 
border-spacing: 0; 
table-layout: fixed;

.table1 {
width: 853px;
height: auto;
margin: 0;
border-collapse: collapse;
white-space: nowrap; 
margin-top:20px;
margin-bottom:40px;
table-layout: fixed;
}

img {
height: auto;
}

td { 
overflow: hidden;
} 

tr,td, {
overflow: hidden;
padding: 0;
margin: 0;
border: 0;
}

.button {
border: 1px; background-color: orange; border-radius: 4px; box-shadow: inset 0 5px 10px orange, 0 1px 1px orange; -o-box-shadow: inset 0 5px 10px yellow, 0 1px 1px yellow; -webkit-box-shadow: inset 0 5px 10px yellow, 0 1px 1px yellow; -moz-box-shadow: inset 0 5px 10px black, 0 1px 1px yellow;
display: block;
height: 28px;
width: 85px;
margin: 0 auto;
text-align: center; 
font-family: Tahoma, sans-serif bold;
font-size: 15px;
line-height: 27px; 
font-weight: bold;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6f00', endColorstr='#c9960c'); 
}

a.button:link {text-decoration:none;color: #2965d2;}  //ffffff
a.button:visited {text-decoration:none;color: #ffffff;} 
a.button:active {text-decoration:none; color: #ffff00;}
a.button:hover {text-decoration:none;color: #2965d2;}
}

.myBoxu3 {
    visibility:visible; 
    overflow:hidden; 
    background-color: transparent;
    color: #000;
    width: 90%;
    height: 90%;
    padding: 5px;
    text-align: center;
    background-color: #ffa5ff;
    border: 1px solid #ffffff; 
    box-shadow: inset 0 1px 5px orange, 0 1px 11px white; 
    -webkit-box-shadow: inset 0 1px 5px yellow, 0 1px 11px white; 
    -moz-box-shadow: inset 0 1px 5px grey, 0 1px 11px white;
    text-shadow: 1px 1px 1px #0000ff;

    /* Do rounding (native in Firefox and Safari) */
    
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: -moz-linear-gradient(top, #ffffff, #11aaff);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#11aaff)); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#11aaff'); /* for IE */
}

.myBoxu2 {
    visibility:visible; 
    overflow:hidden; 
    background-color: transparent;
    color: #000;
    width: 90%;
    height: 90%;
    padding: 5px;
    text-align: center;
    background-color: #ffa5ff;
    border: 1px solid #ffffff; 
    box-shadow: inset 0 1px 5px orange, 0 1px 11px white; 
    -webkit-box-shadow: inset 0 1px 5px yellow, 0 1px 11px white; 
    -moz-box-shadow: inset 0 1px 5px grey, 0 1px 11px white;
    text-shadow: 1px 1px 1px #0000ff;

    /* Do rounding (native in Firefox and Safari) */
    
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: -moz-linear-gradient(top, #ffffff, #11aaff);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#11aaff)); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#11aaff'); /* for IE */
}

.myBoxu1 {
    visibility:visible; 
    overflow:hidden; 
    background-color: transparent;
    margin: 0.2in auto;
    margin-top: 150;
    margin-bottom: 20;
    color: #fff;
    width: auto;
    height: auto;
    padding: 15;
    text-align: center;
    background-color: #ffa5ff;
    border: 1px solid #ffffff; 
    box-shadow: inset 0 1px 5px orange, 0 1px 11px white; 
    -webkit-box-shadow: inset 0 1px 5px yellow, 0 1px 11px white; 
    -moz-box-shadow: inset 0 1px 5px grey, 0 1px 11px white;
    text-shadow: 1px 1px 1px #0000ff;

    /* Do rounding (native in Firefox and Safari) */
    
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: -moz-linear-gradient(top, #ffffff, #1111ff);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#1111ff)); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#1111ff'); /* for IE */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#1111ff'); /* for IE */
}

.myBoxu1a {
    display:flex;
    //visibility:visible; 
    //overflow:hidden; 
    //background-color: transparent;
    border: 6px solid $73AD21;
    width:219px; 
    height:60px;
    //top:191px; 
    padding:10px;
    text-align:center;
    margin:auto;
    margin: 0.2in auto;
    //margin-bottom: 20px;
    color: #fff;
    //width: 90%;
    //height: 90%;
    padding: 15px;
    text-align: center;
    border:1px solid #ffffff;    
}

.myBoxu {
    margin: 0.2in auto;
    color: #fff;
    width: 90%;
    padding: 5px;
    text-align: center;
    background-color: #ffa500;
    border: 1px solid #ffffff;

    /* Do rounding (native in Firefox and Safari) */
    
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: -moz-linear-gradient(top, #ffa500, #555555);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffa500), to(#555555)); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa500', endColorstr='#555555'); /* for IE */
}

a.sidenav3 {
	width: 90%;
	color:#eaeaff;       
	text-decoration:none;
	font-size: 23px; 
	font-weight: bold;      
}

a.sidenav3:hover {
	width: 90%;
	color:#6666ff;   
}

a.sidenav3a {
	width: 90%;
	color:#eaeaff;       
	text-decoration:none;
	font-size: 23px; 
	font-weight: bold;      
}

a.sidenav3a:hover {
	width: 90%;
	color:#6666ff;   
}

a.sidenav2 {
	width: 90%;
	color:#eaeaff;       
	text-decoration:none;
	font-size: 16px; 
	font-weight: bold;
}

a.sidenav2:hover {
	width: 90%;
	color:#6666ff;   
}

a.sidenav1 {
	width: 90%;
	color:#eaeaff;       
	text-decoration:none;
	font-size: 13px; 
	font-weight: bold;      
}

a.sidenav1:hover {
	width: 90%;
	color:#6666ff;   
}

.myBoxu7 {
    display:flex;
    visibility:visible; 
    overflow:hidden; 
    border: 6px solid $73AD21;
    //padding-top:30; 
    //padding-left:120; 
    //padding-right:120; 
    //padding-bottom:30;  
    //width: 815px;
    width:95%; 
    height:auto;
    //left:120; 
    //top:120; 
    //bottom:auto;
    text-align:center;
    margin:auto;
    display:block;
    //z-index: 50;
    -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;
    //background-color: #ffa5ff; 
    //border: 1px solid #ffffff; 
    box-shadow: inset 0 1px 5px orange, 0 1px 11px white; 
    -webkit-box-shadow: inset 0 1px 5px yellow, 0 1px 11px white; 
    -moz-box-shadow: inset 0 1px 5px grey, 0 1px 11px white;
    text-shadow: 1px 1px 1px #0000ff;

    /* Do rounding (native in Firefox and Safari) */
    
    -webkit-border-radius: 50%
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: -moz-linear-gradient(top, #74c365, #ffffff);  
     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#74c365), to(#ffffff)); 
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c365', endColorstr='#ffffff'); /* for IE */
     -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c365', endColorstr='#ffffff'); /* for IE */
}

a.sidenav7 {
	width: 60%;
	color:#ffffff;       
	text-decoration:none;
	font-size: 11px; 
	font-weight: bold;      
}

a.sidenav7:hover {
                  width: 60%;
	color:#ffff33;   
}

.oval {
display:block;
visibility:visible; 
overflow:hidden; 
//border: 2px solid #ff0000; 
width:717;                     
height: 190;
margin-top:96;
background: #2e8b57;
//border: 6px solid $73AD21;
border-radius:556px/120px;
border: 2px solid #ffff00; 
//-webkit-border-radius: 50%
//-moz-border-radius: 50%;
//border-radius: 50%;
box-shadow: inset 0 1px 5px #ff8a8a, 0 1px 11px #d10000; 
 -webkit-box-shadow: inset 0 1px 5px #ff8a8a, 0 1px 11px #d10000; 
 moz-box-shadow: inset 0 1px 5px #ff8a8a, 0 1px 11px #d10000;
text-shadow: 1px 1px 1px #d10000;

background: -moz-linear-gradient(top, #ffc0cb, #ffffff);  
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffc0cb), to(#ffffff)); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc0cb', endColorstr='#ffffff'); /* for IE */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc0cb', endColorstr='#ffffff'); /* for IE */
}

.container {
position:relative;
display:flex;
justify-content:center;
width:100%;
height:100%;
margin-left:auto;  /* top,right,bottom,left */
margin-right:auto; 
//padding:90;
//white-space:nowrap; 
//display:block;
//align:center;
border:0px solid #000;
//background-color: #808bb6;
}

#footer {
//text-align: right;
//font-size: 13px;
//background-color: #4c7fff;
border-bottom: 0px solid #ffffff;
padding:2px;
}

#footerlink {
//background-color: #4c7fff;
//color:#ffffff;
text-decoration: none;
}
</style>