BODY {
background-color:#6C2F12;
background-image: url('images/back2.jpg'); /* sets the background image */
background-position: left; /* positions the background image */
color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: 75%;
margin-top: 0px;
margin-bottom: 20px;
scrollbar-arrow-color:#FFFFFF; 
scrollbar-face-color:#A79CBA;
scrollbar-3dlight-color:#C5B9D7; 
scrollbar-highlight-color:#C5B9D7; 
scrollbar-shadow-color:#C5B9D7; 
scrollbar-darkshadow-color:#C5B9D7; 
scrollbar-track-color:#A79CBA; 
}

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: #A79CBA;
text-decoration: none;
font-weight: bold;
line-height: 18 px;
}
A:VISITED {
color: #5C280F;
text-decoration :none;
font-weight: bold;
line-height: 18 px;
}
A:HOVER {
color : #7F5034;
text-decoration: none;
font-weight: bold;
line-height: 18 px;
}
A:ACTIVE {
color : #A79CBA;
text-decoration: none;
font-weight: bold;
line-height: 18 px;
}
/* this grouping sets the heading colors and sizes */
H1 {
font-size : 130%;
font-weight : bold;
color :#6C2F12;
letter-spacing: 2px;
}
H2 {
font-size: 120%;
font-weight: bold;
color: #FFFFFF;
letter-spacing: 2px;
}
H3, H4, H5, H6 {
font-size: 110%;
font-weight: bold;
color: #6C2F12;
letter-spacing: 2px;

}
/* this class sets the properties for the horizontal rule bar */
hr {
color:#A79CBA;
width: 80%;
height: 2px;
}
.pagename {
background-image: url('images/topcell.jpg'); /* sets the background image */
background-position: left; /* positions the background image */
background-repeat: no-repeat;
height: 100px;
}
.maincell {
background-image: url('images/back.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: no-repeat;
}
.maincell a:link {color: #D1DCBC; text-decoration: none; font-weight: bold;background-image: url('images/link_off.jpg');text-align: center; height: 20px;padding:3px 0px 0px 0px;display:block;}
.maincell a:visited {color: #D1DCBC; text-decoration: none; font-weight: bold;background-image: url('images/link_off.jpg');text-align: center; height: 20px;padding:3px 0px 0px 0px;display:block;}
.maincell a:hover {color: #FFFFFF; text-decoration: none; font-weight: bold; background-image: url('images/link_on.jpg');height:20px; padding:3px 0px 0px 0px;text-align: center;display:block;}
.maincell a:active {color: #D1DCBC; text-decoration: none; font-weight: bold;background-image: url('images/link_off.jpg');text-align: center; height:20px;padding:3px 0px 0px 0px;display:block;}

.logocell {
background-image: url('images/mec_logo.jpg'); /* sets the background image */
background-position: center; /* positions the background image */
background-repeat: no-repeat;
height: 110px;
}
.pagebanner {
background-image: url('images/top.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: no-repeat;
padding-top: 50px;
font-family: Verdana, Arial, sans-serif;
height: 100px;
}
.textarea {
background-image: url('images/text.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
text-align: justify;
line-height: 20px;
padding-left: 35px;
padding-top: 2px;
padding-right: 35px;
padding-bottom: 10px;

}
.copyright {
background-image: url('images/bottom.jpg'); /* sets the background image */
background-position: top-left; /* positions the background image */
background-repeat: no-repeat;
font-size: 7pt;
letter-spacing: 2;
font-family: Verdana, Arial, sans-serif;
text-align: center;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
height: 125px;
}
.imageright  {margin: 0px 0px 0px 10px; float: right;}
.imageleft  {margin: 5px 10px 0px 0px; float: left;}