body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	background-color: #000033;
	margin: 0px;
	height: 100%;
}
html {
	scrollbar-face-color:#CCE8FF;
	scrollbar-highlight-color:#88a8ca;
	scrollbar-3dlight-color:#88a8ca;
	scrollbar-darkshadow-color:#88a8ca;
	scrollbar-shadow-color:#88a8ca;
	scrollbar-arrow-color:#000000;
	scrollbar-track-color:#ffffff;
	height: 100%;
}
#content, #navigation {
	height: 100%;
	overflow: auto;
}
#navigation {
	float: left;
	width: 270px;
	color: #ffffff;
}
table.nav {
	width: 270px;
	border: 0;
}

td.nav {
  text-align: center;
  vertical-align: middle;
  height: 100px;
  font-size: 24pt;
  font-weight: bolder
  }

.nav a:link {	color: White;}
.nav a:visited {	color: White;}
.nav a:active {	color: White;}
.nav a:hover {	color: Yellow;}

h1 {
	font-size: 40px;
}

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=<%=useSlideMount%>>background-color: #ffffff;</ja:if><ja:else>background-color: #d8e3ed;</ja:else>
	border: 0px transparent; border-width: 0px;
}

.thumb {
	<ja:if test=<%=useSlideMount%>>background-color: #d8e3ed;</ja:if>
	border: 0px transparent; border-width: 0px;
}

.image { margin: 0px; border-width: 1px; border: 1px solid;}
a:link .image { border-color: #aaaaaa; color: #aaaaaa;}
a:visited .image { border-color: #666666; color: #666666;}
a:hover .image { border-color: #ffffff; color: #ffffff;}

.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-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	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 td {
	border: 0px;
}

.dirname {
	font-size: 12px;
	font-weight: bold;
	color: #888888;
}

.comment {
	color: #222222;
	font-weight: bold;
	font-size: 12px;
}

.smalltxt {
	color: #666666;
	font-size: 11px;
}

.xsmalltxt {
	color: #888888;
	font-size: 9px;
}

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