#image-preload
{
	x-position: absolute;
	x-font-size: 1px;
	x-height: 1px;
	width: 1px;
	x-padding-left: 2px;
	x-padding-left: 2px;
	x-left: -2px;
	x-top: -2px;
}
#image-preload div
{
	x-position: absolute;
	x-height: 1px;
	x-width: 1px;
	background-repeat: no-repeat;
}
#image-preload .i1
{
	background-image:       url("navigation-topic-background.jpg");
}
#image-preload .i2
{
	background-image:        url("navigation-topic-top-left.jpg");
}
#image-preload .i3
{
	background-image:        url("navigation-topic-top-right.jpg");
}
#image-preload .i4
{
	background-image:        url("navigation-topic-bottom-left.jpg");
}
#image-preload .i5
{
	background-image:        url("navigation-topic-bottom-right.jpg");
}

.navigation-topic .content ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding-bottom: 0.3em;
	/*
	padding-right: 0.3em;
	*/
	padding-left: 0.5em;
}
.navigation-topic .content ul li
{
	display: inline;
	padding-left: 0.9em;
}
.navigation-topic .content ul li.first
{
	padding-left: 0;
}
.navigation-topic .content ul li a
{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 1em;
	font-weight: normal;
}
.navigation-topic .content ul li a:hover
{
	text-decoration: underline;
}

.navigation-topic {
	background-color: #989898;
	width: 65em;
}

.navigation-topic .header .corner
{
	font-size: 1px; /* ensure minimum height */
	height: 4px;
}
.navigation-topic .footer .corner {
	font-size: 1px; /* ensure minimum height */
	height: 6px;
}
.navigation-topic .border .corner .content{
	background-image:       url("navigation-topic-background.jpg");
	background-position: bottom;
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 4px;
}
.navigation-topic .header {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image:        url("navigation-topic-top-left.jpg");
}
.navigation-topic .header .corner {
	background-position: right 0px;
	background-repeat: no-repeat;
	background-image:        url("navigation-topic-top-right.jpg");
}
.navigation-topic .border {
	background-position: left bottom;
	background-repeat: no-repeat;
	background-image:       url("navigation-topic-middle-left.jpg");
}
.navigation-topic .border .corner {
	background-position: right bottom;
	background-repeat: no-repeat;
	background-image:       url("navigation-topic-middle-right.jpg");
}
.navigation-topic .footer {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image:        url("navigation-topic-bottom-left.jpg");
}
.navigation-topic .footer .corner {
	background-position: right 0px;
	background-repeat: no-repeat;
	background-image:        url("navigation-topic-bottom-right.jpg");
}