/* sets the main body properties */
BODY {
background-color: #F90B39;
color: #C0C0C0;
font-family : Verdana, Arial, sans-serif;
font-size : 80%;
margin: 0px 0px 50px 0px;
scrollbar-arrow-color:#000000; 
scrollbar-face-color:#BD0000; 
scrollbar-3dlight-color:#BD0000; 
scrollbar-highlight-color:#000000; 
scrollbar-shadow-color:#000000; 
scrollbar-darkshadow-color:#000000; 
scrollbar-track-color:#C0C0C0; 
}

P, TD, LI, UL, Table {
font-family : Verdana, Arial, sans-serif;
font-size : 100%;
}

HR {
color: #F90B39;
height: 3px;
width: 100%;
}

.imageleft {
margin: 0px 10px 0px 0px;
float: left;
}

.imageright {
margin: 0px 0px 0px 10px;
float: right;
}

/* sets the look of the contact form buttons */
.form {
background-color: #F90B39;
background-image: url(images/cell2.jpg);
color: #000000;
padding: 2px 5px 2px 5px;
border: 1px solid #000000;
}

#header {
background-color: #FFFFFF;
background-image: url(images/cell3.jpg);
text-align: center;
height: 100px;
}

#navbar {
background-color: #EDEDE5;
color: #DEDED1;
padding: 5px 0px 5px 0px;
text-align: center;
border-top: 1px solid #000000;
}

/* sets the special button rollover effect in the nav bar area */

.navlist {
	position: relative;
	font-size: 12px;
	}
	
.navlist ul {
	/*/*/margin: 0;
	white-space: nowrap;
	padding: 0; /* */
	}
	
.navlist li {
	display: inline;
	list-style-type: none; /*turns off display of bullet*/
}

.navlist a {
	/*/*/padding: 0px 10px 0px 10px;
	border: 1px solid #000000;
	background-color: #C0C0C0;
	background-image:  url('images/cell.jpg'); /* */
}

.navlist a:link, .navlist a:visited {
	color: #000000;
	font-weight: normal;
	/*/*/color: #000000;
	text-decoration: none; /* */
}

.navlist a:hover {
	border: 1px solid #000000;
	background-color: #FF7F00;
	background-image:  url('images/cell2.jpg');
	font-weight: normal;
	color: #000000;
	/*/*/color: #000000;
	text-decoration: none; /* */
}

.current a:link, .current a:visited, .current a:hover {
	/*/*/border: 1px solid #000000;
	background-color: #F90B39;
	background-image: url('images/cell2.jpg');
	color: #000000; /* */
}

#middle {
background-color: #FFFFFF;
color: #C0C0C0;
}

#footer {
background-color: #C0C0C0;
color: #000000;
font-weight: bold;
text-align: center;
font-size: 85%;
border-bottom: 1px solid #000000; padding-left:0px; padding-right:0px; padding-top:4px; padding-bottom:4px
}

.maincontent {
background-color: #FFFFFF;
color: #CCCCCC;
width: 570px;
padding: 20px 0px 30px 30px;
vertical-align: top;
font-size: 100%;
text-align: justify;
}

.sidebar {
background-color: #FFFFFF;
color: #CCCCCC;
width: 180px;
padding: 20px 0px 20px 0px;
vertical-align: top;
font-size: 85%;
text-align: left;
}

/* this group sets the normal link colors */

A:LINK {
color: #F3004D;
text-decoration: none;
font-weight: bold;
}

A:VISITED {
color: #C0C0C0;
text-decoration: none;
font-weight: bold;
}

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

A:ACTIVE {
color: #COCOCO;
text-decoration: underline overline;
font-weight: bold;
}

/* We like to use headings for special effects */

h1 {
font-size: 18px;
font-weight: bold;
text-align: left;
letter-spacing: 3;
color: #BD0000;
}

h2 {
text-align: right;
font-size: 14px;
font-weight: bold;
letter-spacing: 2;
color: #F90B39;
padding: 1px;
border-bottom: 1px dashed #BD0000;
}

h3, h4, h5, h6 {
font-size : 14px;
font-weight : bold;
color : #BD0000;
}