@charset "utf-8";
/* CSS Document */

Body{
	margin-top:50px;
	margin-bottom:50px;
	font-family:Courier New, Courier, monospace;
	font-size:10px;
	color:#333333;
}

a:link, a:visited 	{
	color:#333333;
	text-decoration:none;
}

a:hover 	{
	color:#c90b1d;
	text-decoration:none;

}

#menuindex{
	font-size:12px;
}


#footer{
	font-size:10px;
	text-align: center;
}

/*----------------------------------Last added styles----------------------------------------------*/ 
.stripTransmitter{
	height:20px;
	width:370px;
	text-align: left;
	padding-left:20px;	
	padding-bottom:10px;
} 
#numbers_wrapper {
	width: 410px;
	padding-bottom: 10px;
}
.clearspace {
	clear: both;
}
.stripTransmitter a{ 
font:  10px Courier New, Courier; 
text-align: center; 
line-height: 16px; 
color: #333333; 
text-decoration: none; 
} 
.stripTransmitter a:hover, a.current{ 
color: #c90b1d; 
}
#mygallery {
	position: relative;
	height: 410px;
	width: 410px;
}
#left_arrow {
	width: 20px;
	cursor:pointer;
	left:3px;
	opacity:1;
	position:absolute;
	top:65px;
	z-index:50;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 410px; /*Width of Carousel Viewer itself*/
height: 410px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top:0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 410px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	
}
#wrapper {
	width: 410px;
	position: relative;
}

#right_arrow {
	width: 20px;
	cursor:pointer;
	left:390px;
	top:65px;
	opacity:1;
	position:absolute;
	z-index:50;
}