* {
	margin: 0;
	padding: 0;
}
body {
	background: #000 url(pic/body.jpg) no-repeat center fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	min-width: 600px;
	text-align: center;
}
.container {
	width: 798px;
	height: 630px;
	background: url(pic/bg.jpg) no-repeat;
	border: #000 solid 8px;
	position: absolute;
	text-align: left;
	top: 50%;
	left: 50%;
	margin: -315px 0 0 -399px;
}
.content {
	margin: 30px 20px 0 20px;
	text-align: left;
}
.content_cnt {
	width: 100%;
	margin: 30px auto;
	text-align: center;
}
table {
	width: 100%;
	position: relative;
	margin: 10px auto;
	text-align: center;
	border: none;
}
td {
	padding: 5px;
	width: 33%;
}
.block {
	margin: 10px;
	border: #999 solid 1px;
	min-height: 50px;
	text-align: left;
}
.lang {
	float: right;
	font-size: 0.8em;
	text-align: right;
	margin-top: 1px;
}
.footer {
	position: absolute;
	text-align: right;
	top: 95%;
	left: 82%;
	color: #333;
	font-size: 0.7em;
	font-weight: bold;
}
.contact {
	margin: 50px;
}
h1 {
	font-size: 1.4em;
	color: #666;
	padding: 25px 30px 20px 30px;
}
h2 {
	font-size: 0.9em;
	color: #666;
	margin: 10px 0 10px 10px;
}
p {
	padding: 5px 10px 10px 10px;
}
.small {
	font-size: 0.8em;
}

/*--IE 6 PNG Fix--*/

img {
	behavior: url(iepngfix.htc);
	border: none;
}
.img {
	float: left;
	padding: 5px 10px 10px 10px;
	font-size: 0.7em;
}
a {
	text-decoration: none;
	font-weight: bold;
	color: #333;
}
.more {
	font-size: 0.8em;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: right;
	font-style: italic;
}
.more2 {
	font-size: 0.8em;
	margin: 0 0 5px 20px;
	padding: 0;
	font-style: italic;
}
#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#fade {
	background: #000; 
	position: fixed; 
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	z-index: 10;
}
.popup_block {
	float: left;
	background: #FFF;
	width: 600px;
	position: fixed;
	top: 20%;
	left: 50%;
	margin: 0 0 0 -300px;
	z-index: 600;
}
.popup_block .popup {
	float: left;
	width: 100%;
}
.popup img.cntrl {
	position: absolute;
	right: -10px;
	top: -10px;
}
#menu {
width: 720px;
position: relative;
text-align: left;
z-index: 99;
left: 50%;
margin: 0 0 0 -380px;
background: #666;
float: left;
padding: 0 30px 0 10px;
}
#menu ul {
list-style: none;
width: 9em;
float: left;
}
#menu a, #menu a.top, #menu h3 {
font-size: 0.9em;
display: block;
padding: 2px 3px;
}
#menu a.top, #menu h3 {
color: #fff;
font-weight: bold;
background: #999;
text-transform: uppercase;
border-top: none;
border-bottom: none;
}
#menu h3 {
border-left: 1px #FFF solid;
border-right: 1px #FFF solid; 
}
#menu a.current, #menu h3.b {
color: #fff;
font-weight: bold;
background: #CCC;
text-transform: uppercase;
border-top: none;
border-bottom: none;
}
#menu a.top:hover {
background: #fff;
}
#menu a {
color: #666;
background: #CCC;
text-decoration: none;
font-weight: normal;
border: 1px #FFF solid;
}
#menu a:hover {
color: #666;
background: #fff;
}
#menu li {position: relative;}
#menu ul ul {
position: absolute;
z-index: 500;
}
#menu ul ul ul {
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul

{display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/*--Making IE6 Understand Fixed Positioning--*/

*html #fade {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}

*html .popup_block {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));
	
	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft 
	+ (document.body.clientWidth /2 ) 
	: document.body.scrollLeft 
	+ (document.body.offsetWidth /2 ));
}

<!--[if IE]>
<style type="text/css" media="screen">
 #menu ul li {float: left; width: 100%;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(csshover3.htc);
font-size: 100%;
}

#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font-size: 0.9em;
}
</style>
<![endif]-->
