/* GENERAL PAGE SETTINGS */

BODY {
BACKGROUND: url(images/background.jpg);
background-color: #94AE9C;
background-repeat: repeat-x;
font-size: 80%;
font-weight: normal;
font-family: Verdana, Arial, sans-serif; 
text-align: center
}

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

HR {
color: #4A1052; 
background-color: #4A1052; 
height: 1px;
width: 100%;}

/* SETS LINKS AND HEADING COLORS */

a:link    {color: #4A1052; text-decoration: none; font-weight: bold; letter-spacing: normal;}
A:VISITED {color: #4A1052; text-decoration: none; font-weight: bold;}
A:HOVER   {color: #87A3C3; text-decoration: underline; font-weight: bold;}
A:ACTIVE  {color: #4A1052; text-decoration: none; font-weight: bold;}

H1 {color: #4A1052; font: bold 22px Georgia, Georgia, serif; text-align: right; border-bottom: 3px double #3C516C; padding: 0 0 3px 0; margin: 0 0 8px 0;}
H2 {color: #85919F; font: normal 20px Tahoma, Arial, sans-serif; text-align: left; text-transform: lowercase; letter-spacing: 2px;}
H3 {color: #4A1052; font: bold 16px "Trebuchet MS", "Comic Sans MS", Arial, sans-serif; text-align: left; letter-spacing: 2px;}
H4 {color: #85919F; font: normal 14px "Trebuchet MS", "Comic Sans MS", Arial, sans-serif; text-align: center; letter-spacing: 3px;} 
H5 {color: #798E7F; font: bold 14px Verdana, Arial, sans-serif; margin: 0px; text-align: center;}
H6 {color: #4A1052; font: bold 10px Verdana, Arial, sans-serif; margin: 0px; text-align: left;}


/* SETS CONTAINER CLASSES */

.wrapper {
background-color: #FFFFFF;
color: #000000; 
text-align: left;
width: 750px; /* DO NOT EDIT THIS WIDTH */
margin: 20px auto;}

.header {
background-color: #4A1052;
BACKGROUND: url(images/header.jpg);
width: 750px;  /* DO NOT EDIT */
height: 120px;  /* DO NOT EDIT */
padding: 0px}

.yourname {
font: bold 24px Georgia, Georgia, serif; 
color: #FFFFFF; 
width: 280px;  /* DO NOT EDIT */
padding: 40px 0 0 20px; 
text-align: left; 
letter-spacing: 2px; 
float: left;}




.topnav {
width: 400px;  /* DO NOT EDIT */
padding:5px 5px 0 0; 
text-align: right;
float: right;}

.sidebar {
clear: both;
font-weight: normal; 
background: #FFFFFF; 
text-align: center; 
width: 200px;  /* DO NOT EDIT */
float: left; 
padding: 30px 10px 10px 10px;}

.content {
font-weight: normal;
font-size: 100%; 
line-height: 18px; 
background-color: #FFFFFF; 
text-align: justify; 
width: 504px;  /* DO NOT EDIT */
float: right; 
padding: 10px 10px 10px 0;}

.contentwide {
font-weight: normal;
font-size: 100%; 
line-height: 18px; 
background-color: #FFFFFF; 
text-align: justify; 
width: 710px;  /* DO NOT EDIT */
float: right; 
padding: 10px 20px;}


.footer {
clear: both; 
font-weight: bold;
font-size: 85%; 
text-align: center; 
color: #FFFFFF; 
background: url('images/footer.jpg'); 
height: 20px;   /* DO NOT EDIT */
padding: 15px}

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


/* MAIN NAVIGATION DEFINITION LIST */

.topnav dl {float: right; background: transparent; padding: 0 20px 1px 0; margin: 2px 0; width: justify;}

.topnav dt {color: #FFFFFF; border-bottom: 2px solid #94AE9C; padding: 0 0 2px 0;}
.topnav dt a:link {color: #FFFFFF; font-family: Georgia, Georgia, serif; font-weight: bold; text-decoration: none;}
.topnav dt a:visited {color: #FFFFFF; font-family: Georgia, Georgia, serif; font-weight: bold; text-decoration: none;}
.topnav dt a:hover {color: #FFFFFF; font-family: Georgia, Georgia, serif; font-weight: bold; text-decoration: underline;}
.topnav dt a:active {color: #FFFFFF; font-family: Georgia, Georgia, serif; font-weight: bold; text-decoration: none;}

.topnav dd {margin: 0; padding: 5px 0 1px 5px; font-size: 90%; line-height: 11px;}
.topnav dd a:link {color: #D8E0E1; font-weight: bold; text-decoration: none;}
.topnav dd a:visited {color: #D8E0E1; font-weight: bold; text-decoration: none;}
.topnav dd a:hover {color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.topnav dd a:active {color: #D8E0E1; font-weight: bold; text-decoration: none;}


/* SPECIAL FORMATTING CLASSES */

.tiny {
font: italic bold 11px Verdana, Arial, sans-serif;}

.calendar {
font-size: 100%; border: 3px double #4A1052; width: 190px; padding: 5px; text-align: center; margin: 10px 0 20px 0}

.hottopic {
font-size: 85%; border: 3px double #4A1052; width: 190px; padding: 5px; text-align: center; margin: 10px 0 20px 0;}

.address {
align: center; font-size: 85%; font-weight: bold; width: 330px; padding: 5px; text-align: center; margin: 1px 0 1px 0;}

.hottopicwide {
font-size: 85%; border: 3px double #4A1052; width: justify; padding: 5px; text-align: center; margin: 10px 0 20px 0;}

.hottopic form {margin: 0;}
.hottopicbox {margin: 3px 5px 5px 5px; color: #000000; background-color: #D8E0E1; border: 1px solid #000000;}
.hottopicbutton {margin: 5px}

.bluebox {align: center;text-align:center; border: 1px solid #000000; width: justify; background-color: #D8E0E1}

.hottopicnav {
font-size: 85%; border: 3px double #4A1052; width: 190px; padding: 5px; text-align: center; margin: 10px 0 20px 0; line-height: 16px; font-weight: bold;}

.popups {background-color: #FFFFFF; width: 420px; padding: 5px; text-align: center; border: 3px double #000000; margin: 30px 0;}

.event dl {margin: 2em 0; padding: 0;}
.event db {position: relative; left: 0; top: 1.1em; width: 20em; color: #3C516C; font-family: georgia, times, serif; font-weight: bold;}
.event dt {position: relative; left: 0; top: 1.1em; width: 20em; color: #3C516C; font-family: georgia, times, serif; font-weight: bold;}
.event dd {color: #000000; border-left: 1px dashed #9CB5CE; margin: 0 0 0 9em; padding: 0 0 .5em .5em;}

/* SPECIAL CLASSES FOR FORMS */

.contact {border: 1px dashed #4A1052; padding: 5px; text-align: left; margin: 20px 0;}
.contact form {margin: 0;}
.contact label {width: 150px; float: left; text-align: right;margin: 3px 5px 5px 5px; clear: both}
.contactbox {margin: 3px 5px 5px 5px; color: #000000; background-color: #D8E0E1; border: 1px solid #000000;}
.contactbutton {text-align: center; margin: 5px 0 0 170px;}

/* IMAGE CONTROLS */
.imageright {float: right; margin: 0 0 5px 12px;}
.imageleft {float: left; margin: 0 12px 5px 0;}
.photoright {float: right; border: 3px double #000000; margin: 0 0 5px 12px;}
.photoleft  {float: left; border: 3px double #000000; margin: 0 12px 5px 0;}
.photocenter {border: 3px double #000000; margin: 0 0 10px 0;}

/* PRODUCT CATALOG TABLE */

.content TABLE {font-family: Verdana, Arial, sans-serif; padding: 0px; border-collapse: collapse; font-size: 100%; margin: 0px;}
.content TD {padding: 5px; text-align: center; vertical-align: top;}