@CHARSET "UTF-8";


#langPanel {
	position: absolute;
	top: 25px;
	right: 250px;	
}
#langPanel a {
	color: black;
	font-weight: bold;
	padding-left: 10px;
	text-transform: uppercase;
}
#langPanel a:hover {
	color: gray;	
}
#preload1 {
	background: url('../pics/body1.gif') no-repeat 24% 40px;	
}
#preload2 {
	background: url('../pics/body2.gif') no-repeat 24% 40px;	
}
#preload3 {
	background: url('../pics/body3.gif') no-repeat 24% 40px;	
}
#preload4 {
	background: url('../pics/body4.gif') no-repeat 24% 40px;	
}
#preload5 {
	background: url('../pics/body5.gif') no-repeat 24% 40px;	
}


body {
	font-family: sans-serif;
	font-size: 0.7em;
	color: #636163;
	background: url('../pics/bg.png') no-repeat top #d4d4d4;
}
h1 {
	color: #dac800;
	text-align: center;
	margin: 1.5em 0;
	text-transform: uppercase;
	font-size: 180%;
}
#logo {
	position: absolute;
	display: block;
	top: 25px;
	right: 17px;	
}
#partners {
	position: absolute;
	display: block;
	top: 20px;
	left: 20px;	
}
#partners img {
	margin-bottom: 4px;	
}
#partners a {
	color: #202020;	
}
#partners a:hover {
	color: black;	
}

#contents {
	margin: 80px 0 0 0;
	padding: 0 0 0 26%;
	/*background: url('../pics/body4.gif') no-repeat 24% 40px;*/
	background: url('../pics/body5.gif') no-repeat 16% 40px;
}
body.send #contents {
	background: url('../pics/body5.gif') no-repeat 16% 40px;
}
	
.contentsPadding {
	width: 50em;
}
#indexBox .contentsPadding {
	padding-top: 2em;	
}
#contents p, #indexBox p {
	line-height: 1.3em;
	margin: 0 0 1.2em;
}
#contents h2 {
	font-size: 200%;
	line-height: 1em;	
	margin: 0 0 0.5em;
}




#menuPanel {
	background: #e7d700;
	color: black;
	height: 60px;
	padding-left: 10%;
	margin-top: 30px;
}
#menuPanel li {
	float: left;
}
#menuPanel li a {
	display: block;
	padding: 20px;
	text-decoration: none;
	color: white;
	font-weight: bold;
	font-size: 100%;
	padding-top: 24px;
}
#menuPanel li a:hover, #menuPanel li.selected a {
	color: black;
}



		
#indexBox {
	/*background: url('../pics/body1.gif') no-repeat 24% 10px #e7d700;*/
	background: url('../pics/body3.gif') no-repeat 16% 10px #fce700;
	padding: 0 0 0 26%;
	margin-top: 110px;
	cursor: pointer;
	color: black;
	font-size: 110%;
}
#indexBoxBgHelper {
	background: url('../pics/candle.gif') no-repeat right bottom;
	padding: 0 0 32px;
}
#indexBox.hover {
	color: black;
	background: url('../pics/body3.gif') no-repeat 16% 10px #e7d700;
	/*background: url('../pics/body2.gif') no-repeat 24% 10px #e7d700;*/
}
#indexBox h2 {
	font-size: 200%;
	text-transform: uppercase;
}
#indexBox.hover h2, #indexBox.hover h3 {
	background: white;
}
body.send #indexBox {
	background: url('../pics/body3.gif') no-repeat 16% 10px #e7d700;
}
	
input.txt {
	border: 1px solid gray;
	background: white;
}
.button {
	background: #000000;
	border-top: 2px solid gray;
	border-left: 2px solid gray;	
	border-right: 2px solid #444444;
	border-bottom: 2px solid #444444;
	color: #f2f2f2;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 140%;
	font-weight: bold;
	padding: 3px 15px;
	font-family: Arial, sans-serif;
}
.buttonHover {
	background-color: #363636 !important;
}
a.bigButton {
	font-size: 140%;
	font-weight: bold;
	padding: 9px 15px;
	background: #000000;
	border-top: 2px solid gray;
	border-left: 2px solid gray;	
	border-right: 2px solid #444444;
	border-bottom: 2px solid #444444;
	color: #f2f2f2;
}
a.bigButton:hover {
	background-color: #363636;	
	color: white;
}

a.button {
	padding: 3px 14px;
	text-decoration: none;	
}

form table td {
	padding: 3px 4px;
}

#text {
	position: absolute;
	left: 25%;
	top: 50px;
	background: white;
	width: 50%;
}	
#text #textBox {
	overflow: auto;
	height: 30em;
	border: 5px solid gray;
	margin: 0;
	padding: 14px;
	background: white;
}
#text #textBoxCloser {
	text-align: right;
	background: gray;
	padding: 2px 8px;
}
#text #textBoxCloser a {
	color: white;	
}
#text #textBoxCloser a:hover {
	color: silver;	
}




#contents ul {
	list-style: square;
	margin-left: 30px;
}
#contents ul li {
	margin-bottom: 4px;
}

#footer {
	position: absolute;
	bottom: 5px;
	right: 10px;
	color: #a0a0a0;
}