/* CSS Document */

Body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	/*background:fixed url(../images/1bg.jpg) no-repeat;*/
	background:url(../images/gradi.jpg) fixed repeat-x;
	/*background-color:#FF9900; */
}

H1 {
	font:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:14px;
	font-weight:bold
}

td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align:top
}

td.small_black_text{
	font-size:8pt
}

a {
	color:#CC6600;
}

a.white {
	color: #FFFFFF;
}

a:hover {
	text-decoration:none
}

.white {
	color:#FFFFFF;
}

ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	list-style-position: inside;
	list-style-type: circle;
}

li {
	text-align: left;
	line-height: 12pt;	
}

.small_white_text {
		font-size:7pt;
		color:#FFFFFF;
}

.orange_bold_text {
	color:#FF6600;
	font-weight:bold
}
H1 {
	font:Arial, Helvetica, sans-serif;
	color:#CC6600;
	font-size:9pt;
	font-weight:bold;
	}
.imgthumbnail{
	position: relative;
	z-index: 20;
	width: 200;
}

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

.imgthumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
width: 405px; /*CSS for Fireox*/
z-index: 100;
text-decoration: none;
}

.imgthumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.imgthumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 160px; /*position where enlarged image should offset horizontally */

}
div.pix {
	background-color:#FFF;
	width:auto;
	height:190px;
	clear:both;
}
.right{
	float:right;	
}

.left{
	float:left;
	padding-left: 10px;
}