body {
	font-family: ${fontFamily};
	font-size: ${fontSize}px;
	color: #222222;
	margin: 0px;
	padding: 0px;
	background: #ffffff url(bg.gif) repeat-x;
}
<ja:if test=${customScrollbars}>
html {
	scrollbar-face-color:#d8e3ed;
	scrollbar-highlight-color:#88a8ca;
	scrollbar-3dlight-color:#88a8ca;
	scrollbar-darkshadow-color:#88a8ca;
	scrollbar-shadow-color:#88a8ca;
	scrollbar-arrow-color:#000000;
	scrollbar-track-color:#ffffff;
}
</ja:if>
a:link {
	text-decoration: none;
 	color: #222222;
}

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

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

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

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

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

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

.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 solid #88a8ca;
	border-collapse: collapse;
}

.infotable td {
	border: 1px solid #88a8ca;
}

.infotable table {
	border-collapse: separate;
}

.infotable table td {
	border: 0px;
}

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

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

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

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

.newlabel {
	font-size: 70%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #4488CC;
}

