body				/* centering hole page */
	{
		margin: 0px;	/* default margin whole page */
		padding: 0px;	/* default padding whole page */
		text-align: center;	/* centering for unattended to below */
		/*background-image: url("../images/bg.jpg");*/
		margin-bottom: 5000px;
	}

.main
	{
		margin-left: auto;	/* left margin auto */
		margin-right: auto;	/* right margin auto */
		margin-top: 0;		/* default top margin */
		text-align: left;	/* align left */
		width: 1030px;		/* basic width */
		min-width: 650px;	/* minimum width */
		background-color: #FFFFFF;
	}

#menu				/* drop down menu */
	{
		margin: 0;
		padding: 0;
		font-weight: bold;
	}

#menu li
	{
		float: left;
		list-style: none;
	}

#menu li a
	{	display: block;
		background: #FFFFE0;
		padding: 10px 12px;
		border-right: 1px solid white;
		width: 180px;
		color: #191970;
		text-align: center;
		white-space: nowrap;
	}

#menu li a:hover
	{
		background: #FFFF00;
	}
		
	#menu li ul
	{
		margin: 0;
		padding: 0;
		position: absolute;
		visibility: hidden;
		border-top: 1px solid white;
		z-index: 100;	/* due to IMG hides sub menu */
	}

	#menu li ul li
	{
		float: none;
		display: inline;
	}

	#menu li ul li a
	{
		width: auto;
		background: #CCFFFF;
		width: 180px;
		color: #191970;
		text-align: left;
		border-bottom: 1px dotted  #888888;
	}

	#menu li ul li a:hover
	{
		background: #66FFFF;
	}

.clear
	{
		clear: both;
		overflow: hidden;
		height: 0;
	}

.navi a				/* navigation bar */
	{
		color: #BB0000;
		font-weight: bold;
	}

	.navi a:hover
	{
		color: #ff0000;
		font-weight: bold;
	}
	.navi a:visited
	{
		color: #BB0000;
		font-weight: bold;
	}

.pagetop a			/* return to top */
	{
		border-style: none;
	border-color: inherit;
	border-width: medium;
	position: absolute;
		top: 300px;
		right: 30px;
		display: block;
		width: 35px;
		height: 35px;
		background-image: url('../images/gotop1.png');
	}
	.pagetop a:hover
	{
		background-image: url('../images/gotop2.png');
	}

h1
	{
		border-left: 10px solid #ADFF2F;
		border-bottom: 3px solid #ADFF2F;
		width: 900px;
		text-align: center;
		font-weight: bold;
	}
h1 a
	{
		color: #191970;
		font-weight: bold;
	}

#slideshow
	{
		position: relative;
		width:  320px; /* image width  */
		height: 240px; /* image height */
	}

#slideshow img
	{
		position: absolute;
		/*top: 0;*/
		/*left:0;*/
		z-index: 8;
		opacity: 0.0;
	}

#slideshow img.active
	{
		z-index: 10;
		opacity: 1.0;
	}

#slideshow img.last-active
	{
		z-index: 9;
	}