/* GENERAL PAGE SETTINGS */

BODY {
font-size: 80%;
font-weight: normal;
font-family: Verdana, Arial, sans-serif; 
background-color: #404040; 
text-align: center;
}

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

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

/* SETS LINKS AND HEADING COLORS */

A:LINK    {color: #FF0000; text-decoration: underline; font-weight: bold;}
A:VISITED {color: #FF0000; text-decoration: underline; font-weight: bold;}
A:HOVER   {color: #006090; text-decoration: underline; font-weight: bold;}
A:ACTIVE  {color: #FF0000; text-decoration: underline; font-weight: bold;}

H1     {color: #C00000; font: bold 22px Georgia, Georgia, serif; text-align: left;}
H2     {color: #104080; font: normal 20px Tahoma, Arial, sans-serif; text-align: left; text-transform: lowercase; letter-spacing: 2px;}
H3     {color: #104080; font: bold 16px "Trebuchet MS", "Comic Sans MS", Arial, sans-serif; text-align: left; letter-spacing: 2px;}
H4     {color: #C00000; font: normal 14px "Trebuchet MS", "Comic Sans MS", Arial, sans-serif; text-align: center; letter-spacing: 3px;} 
H5, H6 {color: #404040; font: bold 14px Verdana, Arial, sans-serif; margin: 0px;}


/* SETS CONTAINER CLASSES */

.wrapper {
background: #FFFFFF url(images/background.jpg);
color: #000000; 
text-align: left; 
width: 750px; /* DO NOT EDIT THIS WIDTH */
border: 1px solid #000000; 
margin: 30px auto;}

.header {
background: url(images/mainimage.jpg); 
width: 750px;  /* DO NOT EDIT */
height: 190px;  /* DO NOT EDIT */
padding: 0px;}

.yourname {
font: bold 22px Georgia, Georgia, serif; 
color: #FFFFFF; 
width: 250px;  /* DO NOT EDIT */
padding: 80px 0 0 0; 
text-align: center; 
letter-spacing: 2px; 
float: left;}

.banner {
font: bold 18px Georgia, Georgia, serif; 
width: 290px;  /* DO NOT EDIT */
padding: 80px 10px 0 100px; 
text-align: right; 
letter-spacing: 2px; 
float: right;}

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

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

.footer {
clear: both; 
font-weight: bold;
font-size: 70%; 
text-align: right; 
color: #FFFFFF; 
background: url(images/footer.jpg); 
height: 30px;   /* DO NOT EDIT */
padding: 25px 10px 5px 0}


/* SPECIAL FORMATTING CLASSES */

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

.calendar {
font-size: 100%; border: 1px dashed #C00000; width: 225px; padding: 5px; text-align: center;}

.hottopic {
font-size: 85%; border: 1px dashed #C00000; width: 225px; padding: 5px; text-align: left; margin: 20px 0;}

.hottopic H3 {
background-image: url(images/buttons/iconinfo.jpg); 
background-repeat: no-repeat; 
background-position: center left; 
padding-left: 20px; 
color: #C00000; 
font-weight: bold;}

/* SPECIAL CLASSES FOR FORMS */

.newssignup {border: 1px dashed #C00000; width: 225px; padding: 5px; text-align: left; margin: 20px 0;}
.newssignup form {margin: 0;}
.newssignup label {width: 50px;float: left;text-align: right;margin: 3px 5px 5px 5px;clear: both}
.input-box {margin: 3px 5px 5px 5px; color: #000000; background-color: #FFFFFF; border: 1px solid #000000;}
.formbutton {text-align: center; margin: 5px 100px;}

.contact {border: 1px dashed #C00000; 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: #FFFFFF; border: 1px solid #000000;}
.contactbutton {text-align: center; margin: 5px 0 0 170px;}

/* SPECIAL DEFINITION LISTS */

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

.sidebar DL   {text-align: left; width: 225px; padding: 5px; border: 1px dashed #C00000; margin: 20px 0;}
.sidebar DT   {text-align: center; background: #C00000; color: #FFFFFF; font-weight: bold; margin: 5px 0; padding: 2px;}
.sidebar DD   {margin: 2px; padding: 1px 6px; color: #000000;}
.sidebar DD A:LINK, .sidebar DD A:VISITED, .sidebar DD A:ACTIVE 
              {display: block; border: solid 1px #104080; padding: 1px 6px; background: #FFFFFF; color: #000000; text-decoration: none; font-weight: normal;}
.sidebar dd a:hover {color: #000000; border: solid 1px #104080; background-color: #80A0F0; text-decoration: none; font-weight: normal;}

/* IMAGE CONTROLS */

.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: 5px;}