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


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

HR {
color: #45acf6;
height: 1px;
width: 100%;
}

/* this sets an image to the left or to the right on a page */

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

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

/* this group sets the normal link colors */

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

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

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

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


/* Heading special effects */

H1 {
font-size: 16px;
font-weight: bold;
text-align: left;
letter-spacing: 3;
color: #FFFFFF;
}

h2 {
text-align: left;
font-size: 14px;
font-weight: bold;
letter-spacing: 2;
color: #CEB565;
padding: 1px;
border-bottom: 1px dotted #A88426;
}

h3, {
font-size : 14px;
font-weight : bold;
color : #CEB565;
}

h4, h5 {
font-size : 14px;
font-weight : bold;
color : #45acf6;
}

h6 {
font-size : 14px;
font-weight : bold;
color : #000000;
width: 100%;
border-bottom: 1px solid #000000;
}

/* special classes */

.date {
background-color: #CEB565;
color: #000000;
font-weight: bold;
height: 35px;
text-align: left;
width: 220px;
border: 1px solid #CEB565;
}

.top {
background-color: #CEB565;
color: #000000;
font-weight: bold;
word-spacing: 3px;
text-align: right;
vertical-align: bottom;
height: 40px;
padding-right: 10px;
border: 1px solid #CEB565;
}

.top a:link {
color: #000000;
font-weight: bold;
text-decoration: none;
}

.top a:visited {
color: #000000;
font-weight: bold;
text-decoration: none;
}

.top a:hover {
background-color: #CEB565;
color: #000000;
font-weight: bold;
text-decoration: underline overline;
}

.top a:active {
background-color: #CEB565;
color: #000000;
font-weight: bold;
text-decoration: underline overline;
}


.photos {
background-color: #CEB565;
color: #DDDDDD;
text-align: center;
height: 20px;
padding: 10px 0px 10px 0px;
border: 1px solid #000000;
}

/* classes for left side navigation and button rollover */

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

.navlist {
	position: relative;
	width: 180px;
	padding: 0px 10px 0px 10px;
	}
	
.navlist ul {
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}
	
.navlist li {
	margin: 0 0 5px 0;
}

.navlist a {
	/*/*/display: block;
	padding: 2px 0px 2px 25px;
	border: 1px solid #777777;
	width: 160px;
	background-color: #FFFFCE;
	color: #FFFFFF;
	font-weight: normal;
	background-image:  url('cell2.jpg'); /* */
}

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

.navlist a:hover {
	border: 1px solid #FFFFCE;
	background-color: #CEB565;
	background-image:  url('cell1.jpg');
	color: #FFFFFF;

}
.current a:link, .current a:visited, .current a:hover {
	/*/*/border: 1px solid #FFFFFF;
	background-color: #CEB565;
	background-image:  url('cell1.jpg');
	font-weight: normal;
	color: #FFFFFF; /* */
}


/* classes for main text area */

.main {
background-color: #000000;
color: #45acf6;
vertical-align: top;
text-align: justify;
padding: 20px 5px 20px 20px;
width: 600px;
}

.main1 {
background-color: #D5D1BB;
color: #000000;
text-align: justify;
vertical-align: top;
padding: 15px;
border: 1px solid #857B45;
margin: 5px 0px 5px 0px;
}

/* copyright area */

.copyright {
background-color: #CEB565;
color: #000000;
width: 750px;
height: 40px;
font-size: 60%;
font-weight: bold;
text-align: center;
padding: 10px 0px 10px 0px;
border: 1px solid #000000;
}

.copyright a:link {
color: #000000;
font-weight: bold;
text-decoration: none;
}

.copyright a:visited {
color: #990000;
font-weight: bold;
text-decoration: none;
}

.copyright a:hover {
background-color: #CEB565;
color: #000000;
font-weight: bold;
text-decoration: underline overline;
}

.copyright a:active {
background-color: #CEB565;
color: #000000;
font-weight: bold;
text-decoration: underline overline;
}




/* form buttons */

.form {
background-color: #CEB565;
background-image: url('images/button2.jpg');
color: #000000;
font-weight: bold;
padding: 2px 15x 2px 15px;
border: 1px solid #000000;
}

/* hottopic  area */

.hottopic {
font-family: Verdana, Helvetica, sans-serif;
background-color: #FFFFFF;
color: #CEB565;
font-size: 85%;
vertical-align: top;
text-align: left;
width: 160px;
margin: 0px 0px 0px 20px;
padding: 5px;
float: right;
border: 1px dotted #D22D11;
}

.hottopic2 {
font-family: Verdana, Helvetica, sans-serif;
background-color: #FFFFFF;
color: #CEB565;
line-height: 14px;
font-size: 90%;
vertical-align: top;
text-align: left;
padding: 5px;
border: 1px dotted #D22D11;
}