body {
margin: 5px 0 0 10;
text-align: center;
width: 100%;
}

#topleft {
background: none;
width: 95px;
height: 120px;
float: left;
padding: 10px;
} 

#topright {
background: #000099;
margin: 0 0 0 110px;
height: 120px;
padding:10px;
background-image: url(images/disease_tablets_capsules_background_header_healthy_family.jpg);
background-repeat: no-repeat;
} 

img {
  width: auto ;
  max-width: 100% ;
  height: auto ;
}

h1 {
font-family: arial, helvetica, sans serif;
font-size: 28pt;
font-weight: bold;
color: #000000;
margin: 10px 0 0 0;
}

h2 {
font-family: verdana,helvetica,sans serif;
font-weight: bold;
color: #008000;
font-size: 16pt;
}

h3 {
font-family: verdana,helvetica,sans serif;
font-weight: bold;
font-size: 12pt;
}

.yellowtext {
color: #ffff00;
}

#topnav {
background: #000000;
width: 100%;
} 

#navbar {
background: #000099;
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
} 

#navbar li {
display: inline;
} 

#navbar li a {
background: #000099;
float: left;
padding: 5px 20px;
font-family: arial, helvetica, sans serif;
color: #ffffff;
text-decoration: none;
} 

#navbar li a:hover {
background: #ffff00;
color: #000099;
} 

#clear {
clear: both;
}

#footer {
background: #000099;
margin: 0;
padding: 10px;
text-align : center;
}

#maincontent {
margin: 0;
padding: 20px;
}

#pagewidth {
text-align: left;
width: 100%;
border-style: solid;
border-color: #000000;
border-width: 2px;
background-image: url(images/satingri2.jpg);
}


 div id = topright" > < img src =  images / clipart_revolving_earth_homeopathy_modern_medicine_revolution_xxx.gif" > </div>