/* CSS definition file containing sitestyle stylesheets */

body { 
font-family: Georgia,Times New Roman,Times,serif; 
font-size:18px; 
//background-size:100% 100%;
background-image: url("background-image: url(./../img/background.gif);") 
}

<style type="text/css">
a {
outline: 0;
}

.mytable {
width: 80%;
height: auto; 
margin: 0;
border-collapse: collapse;
white-space: nowrap; 
border-spacing: 0; 
table-layout: fixed;

.table1 {
width: 753;
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 {
    visibility:visible; 
    overflow:hidden; 
    background-color: transparent;
    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 */
}

    .myboxu7 {
    display:flex;
    border: 6px solid $73AD21;
    width:219px; 
    height:60px;
    //top:191px; 
    padding:10px;
    text-align:center;
    margin:auto;
    display:block;
    -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, #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 */ 
}

a.sidenav3 {
	width: 90%;
	color:#eaeaff;       
	text-decoration:none;
	font-size: 23px; 
	font-weight: bold;      
}

a.sidenav3: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;   
}

a.sidenav7 {
	width: 90%;
	color:#ffffff;       
	text-decoration:none;
	font-size: 27px; 
	font-weight: bold;      
}

a.sidenav7:hover {
        width: 90%;
	color:#ffff33;   
}

.container {
padding: 20px 0;
} 

#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>