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

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

HR {
color: #EBB17C;
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: #EBB17C;
background-image: url('images/cell2.jpg');
color: #000000;
border: 1px solid #000000; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px
}

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

#navbar {
background-color: #666666;
color: #C0C0C0;
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: #666666;
	background-image:  url('images/cell1.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: #EBB17C;
	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: #EBB17C;
	background-image: url('images/cell2.jpg');
	color: #000000; /* */
}

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

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

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

.sidebar {
background-color: #000000;
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: #EBB17C;
text-decoration: none;
font-weight: bold;
}

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

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

A:ACTIVE {
color: #F3D2B7;
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: #DD6A4B;
}

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

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