body {margin: 20px;
padding: 0;
background-color: silver;
color: #404040;
font-size: 12px;
}

#main {width: 750px;
margin: auto;
padding: 0px;
background-color: #eee;
background-image: url(images/world6.gif);
background-repeat: no-repeat;
background-position:top left;}

#header {text-align:center;
background-image: url(images/HDA.gif);
background-position: bottom right;
background-repeat: no-repeat;
height: 130px;}

#header ul {list-style: none;
margin: 0;
padding: 0;}

#navlist li {list-style: none;
display: inline;
margin: 0;
padding: 0;}
  
#navlist li a {
color: navy;
padding: 3px;
margin: 2px;
background: silver;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
border: 1px solid navy;}

#navlist li a:hover {
background: url(images/blue.jpg);}

#navlist li a.active {
background: silver;}

#content {padding: 40px;
border:2px solid #eee;
 background-color: white;
margin-left: 0;}

#footer {background: url(images/footer.jpg);
text-align: center;
font-weight: bold;
font-size: 13px;
color: white;
padding: 5px;
border:1px solid #eee;}

h {font-family: Georgia, "Times New Roman", serif;}

h1 {text-align: center;
padding: 22px;
color: navy;
font-size:22px;
}

h2 {font-size: 16px;
color: #5c80cd;}

p {font-size: 12px;
text-align: justify;
line-height: 1.3em;
font-family: Verdana, Helvetica, Arial, sans-serif; }

img.left {float: left;
margin-right: 12px;
border: 1px solid black;}

.bold {font-weight: bold;
color: black;}

