body {
	background-color: #373936;
	background-image: url();
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.front {
	font-size: 6px;
	color:#373936;

}
table{
vertical-align:top;

}

.content-table{
font-size:10 px;
vertical-align:top;
display:block;
width:500px;
line-height:15px;
background-color:#DFF1CF;
}

td {
vertical-align:top;
}

tr {
vertical-align:top;
border:solid dashed thin;
height:inherit;


}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	padding-left:15px;
	padding-right:15px;
	vertical-align:top;
	text-align:justify;
}

.content-left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	text-align:left;
}

.content-big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555555;
	
}


.link-green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #08a304;
	font-weight: bold;
}

.link-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #47AAFD;
	font-weight: bold;
}

.green-title {
	color: #98CF11;
	font-weight: bold;
	font-size: 14px;
}

.blue-title {
	color: #47AAFD;
	font-weight: bold;
	font-size: 14px;
}

.gray-title {
	color: #8d8d8d;
	font-weight: normal;
	font-size: 32px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border-bottom-style:dotted;
	border-bottom-color:#F0AF3B;
	border-bottom-width:medium;
	

}

.orange-title {
	color: #F0AF3B;
 	font-weight: bold;
 	font-size: 30px;
 
  }

.gray_small {
	font-size: 9px;
	color: #999999;
}

#menu li {
	display: inline; 
}

#menu a {
	float: left;
	width: 130px;
	height: 27px;
    display: block;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	padding-top: 15px;
	font-size: 14px;
	text-transform: uppercase;
	background: #000000 url(images/header.jpg) no-repeat top right;	
}


#button1 a:hover{
	background: url(images/hover1.jpg) no-repeat left top;	
}

#button2 a:hover, #button3 a:hover, #button4 a:hover, #button5 a:hover{
	background: url(images/hover2.jpg) repeat-x left top;	
}

#menu a:hover{

}


.thumbnail{
position: relative;
z-index: 0;
border: 1px dashed gray;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
border: 1px dashed gray;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -150px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
border: 1px dashed gray;
visibility: visible;

top: 50px;
left: 500px; /*position where enlarged image should offset horizontally */
position:fixed;

}