BODY {
/* background-color: #dd5001 /*#f7b604 */ ; */
background-image: url('images/back.jpg');  /* sets the background image */
background-position: top left;  /* positions the background image */
background-repeat: repeat-3; 
color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: 75%;
margin-top: 10px;
}
p, td, li {font-size: 100%;}
table     {padding: 0px; border-collapse: collapse; font-size: 100%;}
li        {list-style-image: url(images/bullet.gif);}

/* this group sets the normal link colors */
A:LINK {
color: #f8a31a
;
text-decoration: none;
font-weight: bold;
}
A:VISITED {
color: #f8a31a
;
text-decoration: none;
font-weight: bold;
}
A:HOVER {
color: #f8a31a
;
background-color: #ffeecb;
text-decoration: none;
font-weight: bold;
}
A:ACTIVE {
color: #f8a31a
;
text-decoration: none;
font-weight: bold;
}
/* this grouping sets the heading colors and sizes */
H1 {
font-size : 130%;
font-weight : bold;
color: #f8a31a
;
letter-spacing: 2px;
}
H2 {
font-size: 120%;
font-weight: bold;
color:#f7b604;
letter-spacing: 2px;
}
H3 {
font-size: 120%;
font-weight: bold;
color:#6F361D;
letter-spacing: 2px;
}
H4 {
font-size: 110%;
font-weight: bold;
color:#f7b604;
letter-spacing: 2px;
}
H5 {
font-size: 110%;
font-weight: bold;
color: #C98844;
letter-spacing: 2px;
}
H6 {
font-size: 90%;
font-weight: bold;
color:#f8a31a
;
letter-spacing: 2px;
}
/* this class sets the properties for the horizontal rule bar */
hr {
color: #f8a31a
;
width: 80%;
height: 2px;
}
.toparea {
background-image: url('images/mainimage.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: repeat-x;
border-right: 1px solid #321606;
border-top: 1px solid #321606;
border-left: 1px solid #321606;
height: 175px;
}
.logocell {
/* background-color: #000000 */ /*#FFDA27*/;
/* color: #000000 */ /*#ffffff*/;
background-image: url('images/back2.jpg');  /* sets the background image */
background-position: top left;  /* positions the background image */
background-repeat: repeat-x; 
height: 40px;
vertical-align: middle;
border-right: 1px solid #321606;
border-left: 1px solid #321606;
}
.topnav {
font-family: Verdana, Arial, sans-serif;
background: #AFD530;
color: #ffffff;
border: 1px solid #321606;
font-size: 100%;
text-align: right;
height: 20px;
padding-right: 20px;
padding-left: 20px;
}
.topnav a:link {color: #ffffff; text-decoration: none; font-weight: bold;text-align: center;display: inline;}
.topnav a:visited {color: #ffffff; text-decoration: none; font-weight: bold;text-align: center;display: inline;}
.topnav a:hover {color:#ffffff;background-color:#f8a31a
;text-decoration: none;font-weight: bold;text-align: center;display: inline;}
.topnav a:active {color: #ffffff; text-decoration: none; font-weight: bold;text-align: center;display: inline;}

.sidebar {
font-family: Verdana, Arial, sans-serif;
background: #F8A31A;
border-right: 1px solid #321606;
border-left: 1px solid #321606;
border-bottom: 1px solid #321606;
color: #ffffff;
font-size: 100%;
text-align: center;
line-height: 20px;
padding: 5px;
width: 200px;
}
.sidebar a:link {color: #ffffff; text-decoration: none; font-weight: bold;text-align: center;display: block;}
.sidebar a:visited {color: #ffffff; text-decoration: none; font-weight: bold;text-align: center;display: block;}
.sidebar a:hover {color:#dd5001;background-color:#ffffff
;text-decoration: none;font-weight: bold;text-align: center;display: block;}
.sidebar a:active {color: #ffffff; text-decoration: none; font-weight: bold;text-align: center;display: block;}

.sidebarspacer {
border-left: 1px solid #321606;
}
.textarea {
font-family: Verdana, Arial, sans-serif;
 background-image: url('images/logocc.jpg'); /* sets the background image */
 background-position: top left;  /* positions the background image */
 background-repeat: no-repeat;
background-color: #FFFFFF;
font-size: 100%;
border-right: 1px solid #321606;
border-bottom: 1px solid #321606;
text-align: justify;
line-height: 20px;
padding-left: 20px;
padding-top: 15px;
padding-right: 10px;
padding-bottom: 10px;
width: 550px;
}
.textareaspacer {
border-right: 1px solid #321606;
}
.copyright {
background-color: #AFD530;
color: #FFFFFF;
font-size: 7pt;
letter-spacing: 2px;
font-family: Verdana, Arial, sans-serif;
border-right: 1px solid #321606;
border-bottom: 1px solid #321606;
border-left: 1px solid #321606;
text-align: center;
padding: 5px;
font-weight: bold;
}
.copyright a:link {color:#ffffff; text-decoration: none; font-weight: bold;text-align: center;}
.copyright a:visited {color:#ffffff; text-decoration: none; font-weight: bold;text-align: center;}
.copyright a:hover   {color:#ffffff;background-color:#ca8e08;text-decoration: none;font-weight: bold;text-align: center;}
.copyright a:active {color: #ffffff; text-decoration: none; font-weight: bold;text-align: center;}