body {
margin: 20px 0px;
background-color: #FFFFFF;
color: #333;
font-family: Verdana, Arial, sans-serif;
font-size: 15px;
font-weight: 400;
}

p, td, li {
font-size: 100%;
}

table {
padding: 0px;
border-collapse: collapse;
font-size: 100%;
margin: 0px;
}

li {list-style-image: url(images/bullet.gif);}

hr {
background-color: #D090C0;
color: #D090C0;
height: 1px;
width: 100%;
}

h1 {
font-family: Georgia, Georgia, serif;
color: #B05090;
text-align: left;
font-size: 22px;
font-weight: bold;
letter-spacing: 2px;
border-bottom: 1px solid #B05090;
}

h2 {
color: #90A040;
font-family: Verdana, Arial, sans-serif;
font-variant: small-caps;
text-align: left;
font-size: 18px;
font-weight: bold;
letter-spacing: 2px;
}

h3 {
color: #90A040;
font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
font-size: 17px;
font-weight: bold;
letter-spacing: 2px;
}

h4 {
color: #B05090;
font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
text-align: center;
font-size: 16px;
font-weight: bold;
letter-spacing: 4px;
} 

h5 {
color: #90A040;
font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
font-size: 16px;
font-weight: bold;
letter-spacing: 2px;
}

h6 {
color: #B05090;
font-family: "Comic Sans MS", "Trebuchet MS", Arial;
font-size: 16px;
margin: 2px;
font-weight: 400;
letter-spacing: 2px;
}

A:LINK {color: #90A040; text-decoration: underline; font-weight: bold;}
A:VISITED {color: #90A040; text-decoration: underline; font-weight: bold;}
A:HOVER {color: #E0B0D0; text-decoration: underline; font-weight: bold;}
A:ACTIVE {color: #B0C0A0; text-decoration: underline; font-weight: bold;}

.header {
width: 750px;
background: #FFFFFF url(images/mainimage.jpg) no-repeat top left;
padding: 0px;
border-top: 1px solid #A0A0A0;
border-right: 1px solid #A0A0A0;
border-left: 1px solid #A0A0A0;
}

.yourname {
height: 60px;
color: #FFFFFF;
text-align: right;
padding: 5px 20px 0px 0px;
font-family: Georgia, Georgia, serif;
font-size: 26px;
font-weight: bold;
}

.headercontent {
height: 155px;
color: #000000;
padding: 0px 20px 0px 350px;
font-size: 90%;
text-align: justify;
}

.headercontent2 {
height: 155px;
color: #000000;
padding: 0px 20px 0px 250px;
font-size: 90%;
text-align: justify;
}


.headercontent H1 {
font-size: 18px;
color: #D090C0;
border: none;
margin: 0px;
padding: 0px;
}

.headerform {
vertical-align: bottom;
margin-bottom: 3px;
}

.global {
height: 35px;
color: #FFFFFF;
vertical-align: top;
padding: 5px 20px 5px 0px;
text-align: right;
font-weight: bold;
}

.global A:LINK {color: #FFFFFF; text-decoration: none; font-weight: bold;}
.global A:VISITED {color: #FFFFFF; text-decoration: none; font-weight: bold;}
.global A:HOVER {color: #FFFFFF; text-decoration: underline; font-weight: bold;}
.global A:ACTIVE {color: #FFFFFF; text-decoration: none; font-weight: bold;}

.sidebar {
width: 200px;
vertical-align: top;
padding: 10px 5px 10px 5px;
text-align: left;
border-right: 1px solid #A0A0A0;
border-left: 1px dashed #C0C0C0;
}

.navigation {
color: #E0B0D0;
text-align: center;
font-weight: bold;
font-size: 82%;
vertical-align: top;
line-height: 18px;
padding-bottom: 10px;
}

.navigation A:LINK {color: #90A040; text-decoration: underline; font-weight: bold;}
.navigation A:VISITED {color: #90A040; text-decoration: underline; font-weight: bold;}
.navigation A:HOVER {color: #B05090; text-decoration: underline; font-weight: bold;}
.navigation A:ACTIVE {color: #90A040; text-decoration: underline; font-weight: bold;}


.hottopic {
color: #000000;
font-size: 90%;
text-align: right;
vertical-align: top;
}

.content {
vertical-align: top;
text-align: left;
line-height: 180%;
padding: 20px 20px 20px 15px;
border-left: 1px solid #A0A0A0;
}

.content2 {
vertical-align: top;
text-align: left;
line-height: 18px;
padding: 20px 20px 20px 15px;
border-left: 1px solid #A0A0A0;
border-right: 1px solid #A0A0A0;
}

.footer {
width: 750px;
font-size: 90%;
color: #000000;
text-align: center;
padding: 20px;
border-top: 1px dashed #C0C0C0;
border-right: 1px solid #A0A0A0;
border-bottom: 1px solid #A0A0A0;
border-left: 1px solid #A0A0A0;
}

.imageleft {
margin: 0px 10px 2px 0px;
float: left;
}

.imageright {
margin: 0px 0px 2px 10px;
float: right;
}

.responsive {
    
max-width: 100%;
    
height: auto;

}

.dropbtn {
  background-color: #a5c10b;
  color: white;
  padding: 22px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #E0B0D0;
}