HTML {
margin: 20px 0px;
scrollbar-arrow-color: #000000;
scrollbar-face-color: #49B587; 
scrollbar-3dlight-color: #49B587; 
scrollbar-highlight-color: #000000; 
scrollbar-shadow-color: #000000; 
scrollbar-darkshadow-color: #000000; 
scrollbar-track-color: #808080; 
}

body {
font-family: Verdana, Arial, sans-serif;
background-color: #FFFFFF;
margin: 20px 0;
padding: 0;
font-size: 75%;
}

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

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

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

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

h1 {
font-family: Georgia, Georgia, serif;
color: #006D7C;
text-align: left;
font-size: 24px;
font-weight: bold;
letter-spacing: 2px;
margin-top: 0px;
}

h2 {
color: #008E4F;
font-family: Verdana, Arial, sans-serif;
text-transform: uppercase;
text-align: left;
font-size: 18px;
font-weight: bold;
letter-spacing: 2px;
margin: 0px;
}

h3 {
color: #006D7C;
font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
text-align: left;
font-size: 16px;
font-weight: bold;
letter-spacing: 2px;
margin: 0px;
}

h4 {
color: #008E4F;
font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
text-align: center;
font-size: 18px;
font-weight: normal;
letter-spacing: 4px;
margin: 0px;
} 

h5, h6 {
font-size: 100%;
font-weight: bold;
color: #000;
margin: 0px;
}

A:LINK {color: #008EC6; text-decoration: underline; font-weight: bold;}
A:VISITED {color: #008EC6; text-decoration: underline; font-weight: bold;}
A:HOVER {color: #68599B; text-decoration: underline; font-weight: bold;}
A:ACTIVE {color: #008EC6; text-decoration: underline; font-weight: bold;}

/* ASSIGN CLASSES TO IMAGES TO PLACE THE BORDER AND ALIGNMENT */

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

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

/* CREATES THE HOT TOPIC BOX PROPERTIES */

.hottopic {
float: right;
font-size: 95%;
text-align: left;
width: 180px;
background: #FFFFFF;
color: #000000;
font-weight: normal;
margin-left: 20px;
margin-bottom: 10px;
border: 3px double #68599B;
}

.hottopictext {
padding: 5px;
}

/* THIS IS THE MAIN CONTAINER DEFINITION */

.mainnav {
width: 195px;
height: 300px;
background-color: #EF89B2;
color: #000000;
font-weight: bold;
border: 1px solid #808080;
padding: 10px 10px;
line-height: 22px;
text-align: center;
}

.mainnav a:link {color: #000000; text-decoration: none; font-weight: bold; padding: 2px; border: 1px solid #EF89B2;}
.mainnav a:visited {color: #000000; text-decoration: none; font-weight: bold; padding: 2px; border: 1px solid #EF89B2;}
.mainnav a:hover {color: #FFFFFF; text-decoration: none; font-weight: bold; background-color: #49B587; padding: 2px; border: 1px solid #000000;}
.mainnav a:active {color: #000000; text-decoration: none; font-weight: bold; padding: 2px; border: 1px solid #EF89B2;}

.topnav {
width: 750px;
background-color: #EF89B2;
color: #000000;
font-weight: bold;
border: 1px solid #808080;
padding: 3px;
line-height: 22px;
letter-spacing: 2px;
text-align: center;
margin-top: 5px;
}

.topnav a:link {color: #000000; text-decoration: none; font-weight: bold; padding: 2px; border: 1px solid #EF89B2;}
.topnav a:visited {color: #000000; text-decoration: none; font-weight: bold; padding: 2px; border: 1px solid #EF89B2;}
.topnav a:hover {color: #FFFFFF; text-decoration: none; font-weight: bold; background-color: #49B587; padding: 2px; border: 1px solid #000000;}
.topnav a:active {color: #000000; text-decoration: none; font-weight: bold; padding: 2px; border: 1px solid #EF89B2;}


.spacer {
width: 5px;
}

.spacer2 {
height: 5px;
}

.yourname {
font-family: Georgia, Georgia, serif;
font-size: 28px;
text-align: center;
letter-spacing: 2px;
width: 500px;
height: 70px;
background-color: #49B587;
color: #000000;
border: 1px solid #808080;
}

.mainimage {
width: 550px;
height: 200px;
background-color: #C9E5F9;
background-image: url(images/mainimage.jpg);
background-repeat: no-repeat;
background-position: bottom right;
border: 1px solid #808080;
padding-top: 20px;
padding-right: 315px;
padding-left: 10px;
text-align: left;
font-weight: bold;
line-height: 22px;
}

.container {
width: 750px;
margin-top: 5px;
background-color: #FFFFFF;
color: #000000;
border: 1px solid #808080;
}

.maintext {
padding: 15px;
text-align: justify;
}

.footer {
background-color: #49B587;
color: #000000;
text-align: center;
height: 30px;
font-size: 90%;
font-weight: bold;
padding: 3px;
}

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

.form {
font-size: 95%;
}