/* GENERAL PAGE SETTINGS */

BODY {
font-family: Verdana, Arial, sans-serif;
text-align: center;
margin: 0px 0px;
color: #000000;
background-color: #404040;
}

P, TD, LI, UL {font-family: Verdana, Arial, sans-serif;}

Table {border-collapse: collapse; margin: 0px;}

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

/* SETS LINK, HEADING, AND HORIZONTAL RULE COLORS */

A:LINK {color: #5A7B48; text-decoration: underline; font-weight: bold;}
A:VISITED {color: #5A7B48; text-decoration: underline; font-weight: bold;}
A:HOVER {color: #E0AA76; text-decoration: underline; font-weight: bold;}
A:ACTIVE {color: #5A7B48; text-decoration: underline; font-weight: bold;}

H1 {
color: #5A7B48;
font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
text-align: left;
font-size: 24px;
font-weight: bold;
letter-spacing: 5px;
}

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

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

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

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

HR {
background-color: #5A7B48;
color: #5A7B48;
height: 1px;
width: 100%;
margin: 0px;
}

/* SETS THE FONT, COLOR, AND SIZE OF YOUR NAME */

.logo {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 24px;
text-align: left;
color: #ffffff;
margin: 0px;
padding: 0px 0px 10px 0px;
}

/*SETS THE PROPERTIES OF THE MAIN IMAGE AREA */

#mainimage {
background-image: url('images/mainimage_gabby.jpg');
background-repeat: no-repeat;
background-color: #FFFFFF;
vertical-align: top;
width: 750px;
height: 150px;
}

.navigation {
font-size: 14pt;
vertical-align: top;
text-align: right;
padding: 10px;
}

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

.navigation h1 {color: #000; font-size: 20px; text-align: right; letter-spacing: 3px; font-variant: small-caps;}


/* SETS THE PROPERTIES OF THE MAIN TEXT AND SIDEBAR AREAS */

#mainbkg {
background-image: url(images/mainbackground1.jpg);
background-color: #FFFFFF;
width: 750px;
}

.sidebar {
color: #000000;
text-align: left;
font-size: 70%;
vertical-align: top;
padding: 5px 0px 5px 15px;
width: 225px;
}

.main {
color: #000000;
text-align: justify;
font-size: 75%;
line-height: 18px;
vertical-align: top;
padding: 0px 35px 0px 35px;
width: 525px;
}

.hottopic {
font-size: 90%;
text-align: left;
color: #000;
width: 200px;
float: right;
border-collapse: no-collapse;
padding: 10px;
line-height: 14px;
margin: 1px 1px 5px 20px;
border: 3px double #404040;
}

.hottopictop {
background-color: #93A677;
color: #000;
font-size: 12px;
font-weight: bold;
padding: 5px 0px;
text-align: center;
border-bottom: 1px solid #404040;
}

.hottopictext {
background-color: #FFF;
color: #000;
padding: 10px;
text-align: left;
}

/* SETS THE PROPERTIES FOR THE BOTTOM FOOTER AREA */

#footer {
background-image: url(images/footer.jpg);
background-repeat: no-repeat;
background-position: top right;
background-color: #404040;
width: 750px;
}

.footer {
color: #FFF;
font-size: 70%;
height: 60px;
text-align: center;
vertical-align: top;
width: 530px;
padding-top: 20px;
}

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

.form {
font-size: 95%;
}