html,body {
background-image:url(DD.jpg);
}

ul,li {
font-size : 100%;
font-family : Arial, Helvetica, Geneva, sans-serif;
/*font-weight : bold; #414A5C*/
color : #374565;/*#A5695D*/
text-align : justify;
margin-right:10px;
margin-left:10px;
}

.main li {
font-size: 12px;
margin-left: 0px;
margin-right: 20px;
text-indent:15px;
padding-top:5px; 

}

p,td {
font-size : 99%;
font-family : Arial, Helvetica, Geneva, sans-serif;
color : #374565;/*#667390;*/
text-align : justify;
}

.main p {
font-size: 12px;
text-align: justify; 
margin-right: 15px;
text-indent: 20px;
vertical-align: center;
margin-top:15px;
}

h1 {
font-family: Arial, Helvetica, Geneva, sans-serif; 
font-size: 150%; 
font-weight: bolder; 
border-bottom: 1px dotted #cccccc; 
padding: 2px; 
text-align: left; 
color : #374565;
}

h2 {
font-size : 110%;
font-family : Arial, Helvetica, Geneva, sans-serif;
color : #374565;
font-weight : bold;
padding-left:15px;
padding-right:15px;
}


a:link {
color: #3407F9; 
font-weight: bold; 
text-decoration:none;
}

a:visited {
color: #FBAD17; 
font-weight: bold; 
text-decoration:none;
}

a:hover {
color: #FB8201; 
text-decoration:none;
}


.title {position: absolute; 
left: 3px;  top: 2px; width: 98%; height: 190px; 
overflow: auto; 
text-align: left;
}

.menu {
position: absolute; 
left: 20px; top: 200px; width: 200px; height: 490px; 
overflow: auto; 
padding: 10px; 
font-size: .9em; 
border: 1px solid #cccccc; 
background-color : #C1F7AC; 
}

.main { 
position:absolute; 
left: 260px; top: 200px; width: 800px; height: 490px;  
overflow: none; 
border: 1px solid #cccccc; 
padding: 10px; 
background-color: #ffffff; 
margin-right: 20px; 
margin-bottom: 10px;
text-align: justify;
}

.center {
    text-align: center;
     
    }
    
.fin {
margin-top: 800px;
margin-left: 400px;;
}