body
{
background-image: url('./img/background.jpg');
}

h1 {
letter-spacing: 0.5em;
font-weight: bold;
color:black;
font-size:17px;
text-align: center;
}

td.t1{
width: 777px;
height: 263px;
background-image: url('./img/t1.jpg');

 
}

td.t2{
width: auto;
height: 263px;
background-image: url('./img/t2.jpg');

}

td.t3{
width: 172px;
height: 263px;
background-image: url('./img/t3.jpg');

}

div.menu {
position: absolute;
width: 480px;
top: 110px;
left: 450px;
font-size: 17px;
font-family: Verdana;

}

div.menu ul {
display: inline;
}

div.menu ul li {
display: inline;
display: inline-block;

}

div.menu ul li a {
text-decoration: none;
color: #696969;
}

div.menu ul li a:hover {
color: #FF8C00;
}

div.menu ul li ul {
list-style-type: none;
list-style-position: inside;

display:none;

position:absolute;

}

div.menu ul li ul li {
position:relative;
left: -50px;
display: block;
width:150px;
height:17px;
background-color: #e5e5e5;
padding: 8px;
}

div.menu ul li ul li a {
color: #686868;
font-size: 14px;
}

div.menu ul li:hover ul {
display:block;
width:150px;

position:absolute;


}

div.menu ul li ul li ul
{
width: 180px;
}

div.menu ul li ul li ul li {
display:none;
position:relative;
left:117px;
top: -25px;
width:180px;
}



div.menu ul li ul li:hover ul li{
display:block;
}



div.demo {
width: 150px;
height: 50px;
position: relative;
left: 50px;
text-align: center;
font-family: Courier New;
font-size: 16pt;
font-weight: bold;
background-color: #e5e5e5;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px; 
-khtml-border-radius: 20px;
}

div.demo a {
color: darkblue;
text-decoration: none;
}

div.data {
position: absolute;
top:170px;
left: 0px;
max-width: 1140px;
padding-left: 300px;
padding-right: 60px;
font-family: Verdana;
color: #696969;
font-size: 16px;
text-align: justify;
line-height: 25px;

}

div.data b {
color: black;
}

div.data a {
color: #DC143C;
text-decoration: none;
}