/* SETS COMMON BODY ITEMS AND BACKGROUND */

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

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

/* COMMON HTML AND CLASSES */

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

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

.tiny {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
letter-spacing: 2px;
font-weight: normal;}

h1 {
font-family: Georgia, Georgia, serif;
color: #5E9DF3;
font-size: 24px;
}

h2 {
color: #9E6224;
font-family: Tahoma, Arial, sans-serif;
text-align: left;
font-size: 20px;
font-weight: normal;
letter-spacing: 4px;
}

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

h4 {
color: #5258A3;
font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
text-align: right;
font-size: 16px;
font-weight: bold;
letter-spacing: 2px;
border-bottom: 1px solid #5258A3;
} 

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

A:LINK {color: #4E69CD; text-decoration: underline; font-weight: bold;}
A:VISITED {color: #4E69CD; text-decoration: underline; font-weight: bold;}
A:HOVER {color: #CB9735; text-decoration: underline; font-weight: bold;}
A:ACTIVE {color: #4E69CD; text-decoration: underline; font-weight: bold;}

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

.imageleft {
border: 3px double #404040;
margin: 2px 20px 2px 0px;
float: left;
}

.imageright {
border: 3px double #404040;
margin: 2px 0px 2px 20px;
float: right;
}

.imageplain {
border: 3px double #404040;
}

.hottopic {
margin: 0px 12px 0px 0px;
float: left;
}

/* HEADER AREA ID AND CLASSES */

.header {
background-image: url('images/mainimage.jpg');
background-repeat: no-repeat;
background-color: #FFFFFF;
font-family: Georgia, Georgia, serif;
color: #FFFFFF;
font-size: 24px;
font-weight: bold;
text-align: left;
width: 730px;
height: 170px;
padding-left: 20px;
}

/* NAVIGATION BAR CLASSES */

.navbar {
background-color: #FFFFFF;
background-image: url('images/navbar.jpg');
color: #CB9735;
height: 30px;
font-weight: normal;
text-align: center;
font-variant: small-caps;
font-size: 100%;
}

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

/* MAIN TEXT AREA ID AND CLASSES */

.content {
background-color: #FFFFFF;
color: #000000;
width: 550px;
line-height: 18px;
text-align: justify;
padding: 20px 5px 10px 10px;
vertical-align: top;
}

/* SIDEBAR ID AND CLASSES */

.sidebar {
width: 199px;
background-color: #FFFFFF;
color: #000000;
font-size: 90%;
text-align: right;
padding: 20px 10px 10px 5px;
vertical-align: top;
}

/* FOOTER ID AND CLASSES */

.footer {
color: #FFFFFF;
text-align: left;
padding: 10px 0px;
font-size: 10px;
}

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

.form {
font-size: 95%;
background-color: #5258A3;
color: #FFF;
border: 1px solid #000;
}