#mygallery 
{
	background-color: #f4f4f4;
	padding: 0px;
	width: 712px;
}
#mygallery ul { list-style: none; }
#mygallery ul li { display: inline; }
#mygallery ul img 
{
	border: 0px solid #ffb200;
	border-width: 0px 0px 0px;
}
#mygallery ul a:hover img 
{
	border: 0px solid #fff;
	border-width: 0px 0px 0px;
	color: #fff;
}
#mygallery ul a:hover { color: #fff; }
.thumbnail
{
position: relative;
z-index: 0;
}

.thumbnail:hover
{
background-color: transparent;
z-index: 50;
}

.thumbnail span               
{ 
position: absolute;
background-color: lightyellow;
padding: 0px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
z-index: 0;
FONT-SIZE: 12px; 
COLOR: #000000;
FONT-FAMILY: Arial,Helvetica, Verdana, geneva,sans-serif;
TEXT-DECORATION: NONE;
}

.thumbnail span img            
{ 
border-width: 0;
padding: 0px;
z-index: 0;
}

.thumbnail:hover span
{ 
visibility: visible;
top: -200;
left: 170px;
z-index: 0;

}
.stepcarousel
{
	position: relative; /*leave this value alone*/
	/*border-top: 1px dotted #3B83CB;
	border-bottom: 1px dotted #3B83CB;*/
	/*background-color:#D4C3BC;*/
	overflow: scroll; /*leave this value alone*/
	width: 589px; /*Width of Carousel Viewer itself*/
	height: 98px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt
{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 4;
}
.stepcarousel .panel
{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin-top: 0px; /*margin around each panel*/
	margin-bottom:0px;
	margin-left:10px;
	margin-right:10px;
	width: 150px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 88px;
}
.panel img
{
	width: 150px; 
	height: 88px;
}
BODY {
	FONT-SIZE: 11px; COLOR: #3f3f3f; FONT-FAMILY: Arial, Helvetica, sans-serif; background: #34a017;/*BACKGROUND-image:url(../images/bg_web_03.jpg);*/
}
A {
	FONT-WEIGHT: normal; COLOR: #3b5386; TEXT-DECORATION: none
}
A:hover {
	FONT-WEIGHT: normal; COLOR: #3b5386; TEXT-DECORATION: underline
}
OL {
	MARGIN-TOP: 5px; LIST-STYLE-POSITION: outside; MARGIN-LEFT: 25px
}
H1 {
	MARGIN-TOP: 2px; FONT-WEIGHT: bold; FONT-SIZE: 18px; MARGIN-BOTTOM: 2px; COLOR: #3f3f3f; FONT-FAMILY: Verdana
}
H2 {
	MARGIN-TOP: 15px; FONT-WEIGHT: bold; FONT-SIZE: 18px; MARGIN-BOTTOM: 15px; COLOR: #3f3f3f; FONT-FAMILY: Verdana
}
H3 {
	MARGIN-TOP: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN-BOTTOM: 2px; FONT-FAMILY: Verdana
}
.TopNavLink {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #3f3f3f
}
.WelcomeTitle {
	MARGIN-TOP: 10px; FONT-WEIGHT: 900; FONT-SIZE: 23px; MARGIN-BOTTOM: 20px; FONT-FAMILY: Verdana; LETTER-SPACING: -0.2mm
}
.MainText {
	FONT-SIZE: 10pt; 
	COLOR: #000000;
	FONT-FAMILY: Arial,Helvetica, Verdana, geneva,sans-serif;
	TEXT-DECORATION: NONE;
}
.Hint {
	COLOR: red
}