body {
	font-family: ${fontFamily};
	font-size: ${fontSize}px;
	color: #a2a19a;
	background-color: #5B5848;
	margin: 0px;
	padding: 0px;
}
<ja:if test=${customScrollbars}>
html {
	scrollbar-face-color:#3b3828;
	scrollbar-highlight-color:#5B5848;
	scrollbar-3dlight-color:#5B5848;
	scrollbar-darkshadow-color:#5B5848;
	scrollbar-shadow-color:#5B5848;
	scrollbar-arrow-color:#c3c2bb;
	scrollbar-track-color:#696656;
}
</ja:if>
a:link {
	text-decoration: none;
 	color: #c3c2bb;
}

a:visited {
	text-decoration: none;
	color: #c3c2bb;
}

a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

.current {
	font-weight: bold;
	color: #c3c2bb;
	background-color: #878477;
}

.cthumb {
	<ja:if test=<%=chameleon.slideMountGraphic || chameleon.slideMountSimple%>>background-color: #a09d90;</ja:if><ja:else>background-color: #696656;</ja:else>
	border: 1px;
}

.thumb {
	<ja:if test=<%=chameleon.slideMountGraphic || chameleon.slideMountSimple%>>background-color: #696656;</ja:if>
	border: 1px;
}

.image { border: ${thumbBorderWidth}px solid ${thumbBorderColor};}
a:link .image { ${grayscaleCode} border-color: ${thumbBorderColor};}
a:visited .image { ${grayscaleCode} border-color: ${thumbBorderColor};}
a:hover .image { <ja:if test=${grayscaleEffect}>filter: None; </ja:if>border-color: ${thumbBorderColorHover};}

.mthumb { border: ${mThumbBorderWidth}px solid ${thumbBorderColor};}
a:link .mthumb { ${grayscaleCode} border-color: ${thumbBorderColor};}
a:visited .mthumb { ${grayscaleCode} border-color: ${thumbBorderColor};}
a:hover .mthumb { <ja:if test=${grayscaleEffect}>filter: None; </ja:if>border-color: ${thumbBorderColorHover};}

.slideImage { border-width: ${imageBorderWidth}px; border: ${imageBorderWidth}px solid; border-color: ${imageBorderColor};}
a:link .slideImage { border-color: ${imageBorderColor};}
a:visited .slideImage { border-color: ${imageBorderColor};}

.title {
	font-size: 120%;
	font-weight: bold;
	color: #ADACA4;
}

.title a:link {
	text-decoration: none;
	color: #c3c2bb;
}

.title a:visited {
	text-decoration: none;
	color: #c3c2bb;
}

.title a:hover {
	text-decoration: none;
	color: #ffffff;
}

.infotable {
	border: 1px solid #827F71;
	border-collapse: collapse;
}

.infotable td {
	border: 1px solid #827F71;
}

.infotable table {
	border-collapse: separate;
}

.infotable table td {
	border: 0px;
}

.dirname {
	font-size: 100%;
	font-weight: bold;
	color: #c3c2bb;
}

.comment {
	color: #c3c2bb;
	font-weight: bold;
	font-size: 100%;
}

.smalltxt {
	color: #a2a19a;
	font-size: 90%;
}

.xsmalltxt {
	color: #a2a19a;
	font-size: 80%;
}

.newlabel {
	font-size: 70%;
	font-weight: bold;
	color: #c3c2bb;
	background-color: #878477;
	border: 1px solid #666666;
}