/* REDEFINES STANDARD HTML TAGS */

BODY {
font-family : Verdana, Arial, sans-serif;
font-size : 80%;
background-color: #404040;
color: #000000;
text-align: center;
}

HR {color: #000000; background-color: #000000; height: 1px; width: 100%;}

li {list-style-image: url(images/bullet.gif);}

form {margin: 0;}

/* REDEFINES LINKS AND HEADING COLORS */

A:LINK    {color: #B05000; text-decoration: none; font-weight: bold;}
A:VISITED {color: #B05000; text-decoration: none; font-weight: bold;}
A:HOVER   {color: #808080; text-decoration: underline overline; font-weight: bold;}
A:ACTIVE  {color: #B05000; text-decoration: none; font-weight: bold;}

H1     {color: #603010; font: italic bold 20px Georgia, Georgia, serif; text-align: left; border-top: 1px dashed #603010; border-bottom: 1px dashed #603010; padding: 3px 10px;}
H2     {color: #904010; font: normal 18px Tahoma, Arial, sans-serif; text-align: left; text-transform: lowercase; letter-spacing: 2px;}
H3     {color: #805030; font: bold 16px "Trebuchet MS", "Comic Sans MS", Arial, sans-serif; text-align: left; letter-spacing: 2px;}
H4     {color: #805030; font: normal 14px "Trebuchet MS", "Comic Sans MS", Arial, sans-serif; text-align: center; letter-spacing: 3px;} 
H5, H6 {color: #904010; font: bold 14px Verdana, Arial, sans-serif; margin: 0px;}

/* SETS MAIN CONTAINER CLASSES - THESE HOLD YOUR CONTENT */

.wrapper {
background-color: #FFFFFF;
color: #000000; 
text-align: left; 
width: 750px; /* DO NOT EDIT THIS WIDTH */
margin: 30px auto;}

.header {
background: url(images/mainimage.jpg);
background-repeat: no-repeat;
width: 750px;  /* DO NOT EDIT */
height: 180px;  /* DO NOT EDIT */
padding: 0px;}

.navigation {
clear: left;
background-color: #FFFFFF;
margin: 0 0 0 35px;
}
.content {
clear: both;
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: 80%; 
text-align: right; 
color: #000000;
background: url(images/footer.jpg); 
height: 28px;   /* DO NOT EDIT */
padding: 30px 10px 10px 10px;}


/* STYLE FOR YOUR NAME HERE */

.yourname {
font: bold 24px Georgia, Georgia, serif; 
color: #000000; 
width: 710px;  /* DO NOT EDIT */
padding: 75px 20px; 
text-align: left; 
letter-spacing: 2px; 
float: left;}


/* STYLES FOR TOP MAIN NAVIGATION DEFINITION LISTS - EACH LINK IS AN INDIVIDUAL DEFINITION LIST */

.navigation dl {float: left; padding: 0 20px 0 0; margin: 15px 0; width: 80px;}

.navigation dt {border-bottom: 2px solid #805030; background-color: #FFFFFF; padding: 0 0 2px 0}

.navigation dt a:link, .navigation dt a:visited, .navigation dt a:active
{font-family: Georgia, Georgia, serif; letter-spacing: -1px; font-weight: bold; text-decoration: none; text-transform: lowercase;}

.navigation dt a:visited {font-family: Georgia, Georgia, serif; letter-spacing: -1px; font-weight: bold; text-decoration: none; text-transform: lowercase;}

.navigation dd {margin: 0; padding: 5px 0 0 5px; font-size: 85%; border-left: 1px dashed #B05000;}

/* STYLES FOR THE PHOTO ALBUM */

.photos {background-color: #D0A080; border: 1px solid #000000; width: 450px; padding: 10px 0 0 0;}
.photos IMG {border: 1px solid #000000;}
.caption {background-color: #904010; color: #FFFFFF; text-align: center; font-weight: bold; padding: 5px 0; margin-top: 10px; border-top: 1px solid #000000;}
#captionbox {background-color: #904010; color: #FFFFFF; font-weight: bold; text-align: center;}
/* STYLE FOR THE HOT TOPIC BOX */

.hottopic {font-size: 85%; line-height: 14px; width: 210px; float: right; border: 3px double #904010; padding: 5px; margin: 0 0 6px 15px; text-align: left;}

/* STYLES FOR FLOATING IMAGES TO THE LEFT OR RIGHT */

.photoleft {float: left; margin: 0 20px 5px 0; border: 3px double #904010;}
.photoright {float: right; margin: 0 0 5px 20px; border: 3px double #904010;}

/* STYLE FOR THE POP-UP WINDOWS */

.popups {background-color: #FFFFFF; width: 450px; padding: 5px; text-align: center; border: 1px solid #603010; margin: 30px 0;}