/* GENERAL PAGE SETTINGS */



HTML {

margin: 0px;

scrollbar-arrow-color: #000000;

scrollbar-face-color: #90A040; 

scrollbar-3dlight-color: #90A040; 

scrollbar-highlight-color: #000000; 

scrollbar-shadow-color: #000000; 

scrollbar-darkshadow-color: #000000; 

scrollbar-track-color: #808080; 

}



BODY {

font-family: Verdana, Arial, sans-serif;

text-align: center;

margin: 10px 0px;

color: #FFFFFF;

background-color: #202020;

}



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: #90A040; text-decoration: underline; font-weight: bold;}

A:VISITED {color: #90A040; text-decoration: underline; font-weight: bold;}

A:HOVER {color: #A0A090; text-decoration: underline; font-weight: bold;}

A:ACTIVE {color: #90A040; text-decoration: underline; font-weight: bold;}



H1 {

color: #405020;

font-family: Georgia, Georgia, serif;

text-align: left;

font-size: 24px;

font-weight: bold;

border-bottom: 1px solid #405020;

}



h2 {

color: #606050;

font-family: Tahoma, Arial, sans-serif;

font-variant: small-caps;

text-align: left;

font-size: 16px;

font-weight: bold;

letter-spacing: 2px;

}



h3 {

color: #708040;

font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;

text-align: left;

font-size: 16px;

font-weight: bold;

letter-spacing: 2px;

}



h4 {

color: #000000;

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: #405020;

height: 1px;

width: 100%;

}



/* SPECIAL CLASSES */



.yourname {

background-color: #405020;

color: #FFFFFF;

text-align: center;

font-size: 24px;

font-weight: bold;

}



.mainnav {

background-color: #90A040;

color: #FFFFFF;

text-align: center;

font-size: 80%;

font-weight: bold;

letter-spacing: 2px;

line-height: 20px;

width: 250px;

height: 210px;

}



.mainnav A:LINK {color: #FFFFFF; text-decoration: none; font-weight: bold;}

.mainnav A:VISITED {color: #FFFFFF; text-decoration: none; font-weight: bold;}

.mainnav A:HOVER {color: #000000; text-decoration: underline; font-weight: bold;}

.mainnav A:ACTIVE {color: #FFFFFF; text-decoration: none; font-weight: bold;}



.mainimage {

background-color: #90A040;

vertical-align: top;

width: 250px;

height: 300px;

}



.quicknav {

background-color: #405020;

color: #FFFFFF;

font-size: 90%;

font-weight: bold;

text-align: center;

width: 250px;

height: 80px;

}



.calendar {

background-color: #90A040;

color: #FFFFFF;

text-align: center;

font-size: 80%;

width: 250px;

}



.sidebar {

background-color: #D0D0B0;

color: #000000;

text-align: left;

font-size: 70%;

vertical-align: top;

width: 230px;

padding: 10px;

border-top: 5px solid #405020;

}



.sidebar A:LINK {color: #000000; text-decoration: none; font-weight: bold;}

.sidebar A:VISITED {color: #000000; text-decoration: none; font-weight: bold;}

.sidebar A:HOVER {color: #000000; text-decoration: underline; font-weight: bold;}

.sidebar A:ACTIVE {color: #000000; text-decoration: none; font-weight: bold;}



.content {

background-color: #FFFFFF;

color: #000000;

font-size: 80%;

text-align: justify;

padding: 10px;

width: 500px;

vertical-align: top;

border-top: 5px solid #D0D0B0;

}



.contentwide {

background-color: #FFFFFF;

color: #000000;

font-size: 80%;

text-align: justify;

padding: 10px;

width: 100%;

vertical-align: top;

border-top: 5px solid #D0D0B0;

}



.footer {

background-color: #90A040;

color: #FFFFFF;

font-size: 80%;

text-align: center;

padding: 10px;

border-top: 5px solid #405020;

}



.footer A:LINK {color: #FFFFFF; text-decoration: none; font-weight: normal;}

.footer A:VISITED {color: #FFFFFF; text-decoration: none; font-weight: normal;}

.footer A:HOVER {color: #000000; text-decoration: underline; font-weight: normal;}

.footer A:ACTIVE {color: #FFFFFF; text-decoration: none; font-weight: normal;}



.form {

font-size: 95%;

margin: 0px;

}



.navigation {

font-size: 75%;

text-align: center;

padding: 10px;

}



/* ASSIGN CLASSES TO IMAGES TO PLACE THE BORDER AND ALIGNMENT */



.imageleft {

border: 3px double #404040;

margin: 2px 20px 2px 0px;

float: left;

}



.imageright {

border: 3px double #404040;

margin: 2px 0px 2px 20px;

float: right;

}



.imageplain {

border: 3px double #404040;

}