<style type="text/css">
	img {
		border: none;
	}
	
	/* dock - top */
	.dock {
		position: relative; 
		height: 50px; 
		text-align: center;
	}
	.dock-container {
		position: absolute;
		height: 50px;
		background: url(images/dock-bg2.gif);
		padding-left: 20px;
	}
	a.dock-item {
		display: block;
		width: 40px;
		color: #000;
		position: absolute;
		top: 0px;
		text-align: center;
		text-decoration: none;
		font: bold 12px Arial, Helvetica, sans-serif;
	}
	.dock-item img {
		border: none; 
		margin: 5px 10px 0px; 
		width: 100%; 
	}
	.dock-item span {
		display: none; 
		padding-left: 20px;
	}
	
	/* dock2 - bottom */
	#dock2 {
		width: 100%;
		bottom: 0px;
		position: absolute;
		left: 0px;
	}
	.dock-container2 {
		position: absolute;
		height: 50px;
		background: url(images/dock-bg.gif);
		padding-left: 20px;
	}
	a.dock-item2 {
		display: block; 
		font: bold 12px Arial, Helvetica, sans-serif;
		width: 40px; 
		color: #000; 
		bottom: 0px; 
		position: absolute;
		text-align: center;
		text-decoration: none;
	}
	.dock-item2 span {
		display: none;
		padding-left: 20px;
	}
	.dock-item2 img {
		border: none; 
		margin: 5px 10px 0px; 
		width: 100%; 
	}
	.myMenu {
		font-family: verdana;
		font-size: 13px;
		font-weight: Bold;
		color: #CCCCCC;
		text-decoration: none;
	}
	.myMenu a{
		font-family: verdana;
		font-size: 13px;
		font-weight: Bold;
		color: #CCCCCC;
		text-decoration: none;
	}
	.myMenu a:hover{
		font-family: verdana;
		font-size: 13px;
		font-weight: Bold;
		color: #6666FF;
		text-decoration: none;
	}
	
	.stepcarousel{
			position: relative; /*leave this value alone*/
			border: 1px solid black;
			overflow: scroll; /*leave this value alone*/
			width: 538px; /*Width of Carousel Viewer itself*/
			height: 112px; /*Height should enough to fit largest content's height*/
		}
		.stepcarousel .belt{
			position: absolute; /*leave this value alone*/
			left: 0;
			top: -16px;
		}
		.stepcarousel .panel{
			float: left; /*leave this value alone*/
			overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
			margin: 0px; /*margin around each panel*/
			width: 135px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
		}
		.stepcarousel .hoverbox
		{
			cursor: default;
			list-style: none;
		}
		
		.stepcarousel .hoverbox a
		{
			cursor: default;
		}
		
		.stepcarousel .hoverbox a .preview
		{
			display: none;
		}
		
		.stepcarousel .hoverbox a:hover .preview
		{
			display: block;
			position: absolute;
			top: -50px;
			left: -45px;
			z-index: 1;
		}
		
		.stepcarousel .hoverbox img
		{
			background: #fff;
			border-color: #aaa #ccc #ddd #bbb;
			border-style: solid;
			border-width: 1px;
			color: inherit;
			padding: 2px;
			vertical-align: top;
			width: 105px;
			height: 85px;
		}
		
		.stepcarousel .hoverbox li
		{
			background: #eee;
			border-color: #ddd #bbb #aaa #ccc;
			border-style: solid;
			border-width: 1px;
			color: inherit;
			display: inline;
			float: left;
			margin: 3px;
			padding: 5px;
			position: relative;
		}
		
		.stepcarousel .hoverbox .preview
		{
			border-color: #FFCC00;
			width: 175px;
			height: 155px;
		}
		
		#listdata{
			margin-left: 2px;
			margin-right: 2px;
		}	
		#listdata tr{
			font: bold 12px tahoma;
			color: #FFFFFF;
		}		

</style>
