body {
	font-family: ${fontFamily};
	font-size: ${fontSize}px;
	color: #666666;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
}
<ja:if test=${customScrollbars}>
html {
	scrollbar-face-color:#DDDDDD;
	scrollbar-highlight-color:#444444;
	scrollbar-3dlight-color:#444444;
	scrollbar-darkshadow-color:#444444;
	scrollbar-shadow-color:#444444;
	scrollbar-arrow-color:#444444;
	scrollbar-track-color:#EEEEEE;
}
</ja:if>
a:link {
	text-decoration: none;
 	color: #888888;
}

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

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

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

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

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

.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: #444444;
}

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

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

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

.infotable {
	border: 1px dotted #AAAAAA;
	border-collapse: collapse;
}

.infotable td {
	border: 1px dotted #AAAAAA;
}

.infotable table {
	border-collapse: separate;
}

.infotable table td {
	border: 0px;
}

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

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

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

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

.newlabel {
	font-size: 70%;
	font-weight: bold;
	color: #000000;
	background-color: #a4cee0;
}