/* GENERAL PAGE SETTINGS */

HTML {
margin: 0px;
scrollbar-arrow-color: #000000;
scrollbar-face-color: #EF9814; 
scrollbar-3dlight-color: #EF9814; 
scrollbar-highlight-color: #000000; 
scrollbar-shadow-color: #000000; 
scrollbar-darkshadow-color: #000000; 
scrollbar-track-color: #808080; 
}

BODY {
font-family: Verdana;
text-align: center;
margin: 10px 0px;
color: #808080;
background-color: #FFFFFF
}

P, TD, LI, UL {
font-family: Verdana, Arial, sans-serif;
}

Table {
border-collapse: collapse;
margin: 0px;
padding: 0px;
}

/* SETS LINK, HEADING, AND HORIZONTAL RULE COLORS */

A:LINK {color: #E06F00; text-decoration: underline; font-weight: bold;}
A:VISITED {color: #E06F00; text-decoration: underline; font-weight: bold;}
A:HOVER {color: #93633D; text-decoration: underline; font-weight: bold;}
A:ACTIVE {color: #E06F00; text-decoration: underline; font-weight: bold;}

H1 {
color: #C45D02;
font-family: Georgia, Georgia, serif;
text-align: left;
font-size: 24px;
font-weight: bold;
letter-spacing: 2px;
}

h2 {
color: #D6860E;
font-family: Verdana, Arial, sans-serif;
text-transform: uppercase;
text-align: left;
font-size: 18px;
font-weight: bold;
letter-spacing: 2px;
}

h3 {
color: #A88760;
font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
text-align: left;
font-size: 16px;
font-weight: bold;
letter-spacing: 2px;
}

h4 {
color: #C45D02;
font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
text-align: center;
font-size: 18px;
font-weight: normal;
letter-spacing: 3px;
} 

h5, h6 {
font-size: 120%;
font-weight: bold;
color: #000000;
margin: 0px;
}

HR {
color: #EF9814;
height: 1px;
width: 100%;
}

li {list-style-image: url(images/bullet.gif);}


/* SPECIAL CLASSES */

.tiny {
font-weight: bold;
font-size: 80%;
}

.global {
text-align: left;
height: 40px;
width: 250px;
vertical-align: bottom;
padding-bottom: 5px;
}

.yourname {
font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
color: #EF9814;
text-align: right;
font-size: 28px;
font-weight: bold;
width: 500px;
vertical-align: bottom;
padding-bottom: 5px;
}

.yourname p {
line-height: 100%; 
margin-top: 0; 
margin-bottom: 0;
}

.navbarleft {
background-color: #000000;
color: #FCE6C4;
font-size: 80%;
font-weight: bold;
text-align: left;
padding-left: 5px;
height: 30px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
}

.navbarleft A:LINK {color: #FCE6C4; text-decoration: none; font-weight: bold;}
.navbarleft A:VISITED {color: #FCE6C4; text-decoration: none; font-weight: bold;}
.navbarleft A:HOVER {color: #FFFFFF; text-decoration: underline; font-weight: bold;}
.navbarleft A:ACTIVE {color: #FCE6C4; text-decoration: none; font-weight: bold;}


.navbarright {
background-color: #000000;
color: #FCE6C4;
font-size: 80%;
font-weight: bold;
text-align: right;
padding-right: 5px;
height: 30px;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}

.navbarright A:LINK {color: #FCE6C4; text-decoration: none; font-weight: bold;}
.navbarright A:VISITED {color: #FCE6C4; text-decoration: none; font-weight: bold;}
.navbarright A:HOVER {color: #FFFFFF; text-decoration: underline; font-weight: bold;}
.navbarright A:ACTIVE {color: #FCE6C4; text-decoration: none; font-weight: bold;}

.calendar {
background-color: #EF9814;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
text-align: center;
padding: 2px;
}

.movie {
font-family: Verdana, Arial, sans-serif;
background-color: #EF9814;
text-align: right;
font-size: 80%;
border-right: 1px solid #000000;
}

.sidebar {
text-align: left;
font-size: 80%;
vertical-align: top;
padding: 30px 10px 10px 10px;
border-left: 1px solid #000000;
}

.content {
font-size: 80%;
text-align: justify;
padding: 10px;
line-height: 18px;
vertical-align: top;
border-right: 1px solid #000000;
}

.contentwide {
font-size: 80%;
text-align: justify;
line-height: 18px;
padding: 30px 20px;
width: 750px;
vertical-align: top;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}

.form {
font-size: 95%;
margin: 0px;
}

.hottopic {
background-color: #FCE6C4;
color: #000000;
border: 1px solid #000000;
margin-bottom: 30px;
width: 228px;
}

.hottopic1 {
background-color: #C45D02;
color: #FFFFFF;
text-align: center;
font-weight: bold;
text-transform: uppercase;
font-size: 90%;
letter-spacing: 2px;
padding: 5px;
border-bottom: 1px solid #000000;
}

.hottopic2 {
background-color: #D6860E;
color: #FFFFFF;
text-align: center;
font-weight: bold;
text-transform: uppercase;
font-size: 90%;
letter-spacing: 2px;
padding: 5px;
border-bottom: 1px solid #000000;
}


.hottopiccontent {
padding: 5px;
font-size: 85%;
}

/* ASSIGN CLASSES TO IMAGES TO PLACE THE BORDER AND ALIGNMENT */

.imageleft {
border: 3px double #000000;
margin: 2px 20px 2px 0px;
float: left;
}

.imageright {
border: 3px double #000000;
margin: 2px 0px 2px 20px;
float: right;
}

.imageplain {
border: 3px double #000000;
}