@charset "utf-8";
html, body{ padding:0; margin:0; width:100%; height:100%; overflow:hidden; text-align:center;}
#page{ min-width:1000px;}
img{ border:none;}
#header{ height:220px;}
	#header img{ border:none;}
	#rhiyk_logo{ position:absolute; right:0px; top:0px;}
	#top-menu{ list-style:none;}
		#top-menu li{ display:inline;}
		#top-menu li a{ display: inline-block; float:left; height:31px; color:#FFFFFF; text-decoration:none; line-height:23px; font-size:12px;}
		#top-menu li span{ display:inline-block; height:31px; padding:0 8px; cursor:pointer}
		
		#logo{position:absolute;top:69px;left:164px;width:80px;height:80px;overflow:hidden;z-index:1}
		#lang{ list-style:none; position:absolute; left:15px; top:110px;}
		  #lang li{ display:inline}
	#site-navigation{position:absolute;left:70px;top:115px;}
	#main-menu{position:absolute; top:130px; left:50%;  list-style:none; width:600px;  text-align:left; padding:0px; margin:0px;margin-left:-195px;}/*border:1px solid green;*/
	#main-menu li{ display:inline;}
	#main-menu li a{ display:block;width:55px;height:63px;float:left;}/* background:#006633;opacity:0.47;filter:alpha(opacity=47); -moz-opacity:0.47; border-right:1px solid #000;*/
	#m1, #m2{ margin-top:20px;}
	#m3{ margin-top:10px;}
	#m4{ margin-top:6px;}
	#m5{ margin-top:5px;}
	#main-menu li a#m10{ width:95px;}
	
	#list-navigation{ overflow:auto}
		
#container{background: url(../img2/b1.gif) center top no-repeat; width:100%; height:100%;}
	#wrap{ margin-right:auto; margin-left:auto; width:947px; padding-top:20px; overflow:hidden; color:#FFFFFF; font-size:90%; text-align:left; position:relative;height:700px;}/*border:1px solid red*/
		#menu{ width:248px; height:350px;position:absolute; top:20px; left:0px; z-index:1;opacity:0.47;filter:alpha(opacity=47); -moz-opacity:0.47;}
			#page-navigation{position:absolute;top:40px;left:20px;z-index:1;width:210px;height:250px;}
				#list-navigation{ list-style:none; padding:10px 0 0 12px; margin:0; }
				#list-navigation li{ padding-bottom:9px;}
				#list-navigation a{color:#FFFFFF; text-decoration:none;}
		#content-bg{position:absolute;top:20px;left:300px;opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8;width:586px;height:350px;z-index:1;}
			#content{ position:absolute;left:320px;z-index:5; }
			#content h1{ width:500px;padding-left:10px; padding-top:10px; padding-bottom:5px; font-size:16px;}
			#scroll-panel{width:550px;overflow:auto;}
			#content p{ padding:0px; padding-right:8px; margin:0px; margin-bottom:8px;}		
#footer{ color:#FFFFFF; clear:both;margin-right:auto; margin-left:auto; width:865px;}
			#content a{ color:#FFFFFF;}
			#content img{ border:none;}

#page-title h1{display:none; padding:5px 0 5px 0; margin:0}
#page-title h1.current{display:block;}
.tab{ display:none;}
#tab1{ display:block;}
#page-navigation a.current{ font-weight:bold;}

#news-block{ padding:10px 8px 8px 10px;margin:0;}
	#news-block dt{ padding-bottom:2px; padding:0;clear:both;}
	#news-block dd{ margin-left:0; padding-bottom:6px;clear:both;}
	#news-block a{ color:#FFFFFF; text-decoration:none;}
	#news-block img{ border:none;}
	.news-img{ float:left; margin-right:4px; margin-bottom:3px; width:60px;}
	
#news-list h2{ font-size:14px; padding-bottom:8px;}
#news-list dt{ font-family:Arial;}
#news-list a{ text-decoration:none;}
#news-list dd, #news-list dt{ clear:both;}
/*#news-list dd div{ width:100%;}*/

#calendar{ padding-left:22px; padding-top:10px; font-family:Arial; font-size:12px;}
#calendar a{ color:#FFFFFF}
#calendar select{ font-size:10px;}
#calendar ul{ list-style:none; margin:12px 0; padding:0; font-size:13px;}
#calendar ul li{ padding:2px 0 2px 0;}
#calendar ul a{ text-decoration:none;}

.fun-list li{ float:left; overflow:hidden;}

.gallery ul{ list-style:none;}	
.gallery li{ float:left; margin-right:8px; margin-bottom:8px;}
.gallery li a{ float:left; width:110px; height:83px; overflow:hidden}
.gallery img{ border:none;}

#tooltip{
	position:absolute;
	/*border:1px solid #333;*/
	background-color:transparent;
	padding:2px 5px;
	color:#FFFFFF;
	display:none;
	font-weight:bold;
	}
/*typo*/
.reset{ padding:0; margin:0; border:0}
a:active, a:focus {outline: 0;}

.quiz-but{ display:block; background:#527d87; border:1px solid #73a4b0; width:80px; text-decoration:none; padding:3px; text-align:center; cursor:pointer;}
.quiz-but:hover{background:#6195a1}

a.start{ display:block; background:#527d87; border:1px solid #73a4b0; width:160px; text-decoration:none; padding:3px; text-align:center;}
a.start:hover{background:#6195a1}

.button{background:#527d87; border:1px solid #73a4b0; color:#FFFFFF; font-size:10px;}

.quiz-table{ width:100%;}

fieldset{ border:1px solid #527d87;}
.reg-form label{ display:block; padding-top:6px;}

.fleft{ float:left;}
.clear{ clear:both;}


.perpage{ padding:0px; margin:0px; list-style:none; font-family:Arial; font-size:11px; color:#CCCCCC;}
.perpage li{ float:left; margin-right:2px; background:#73acba; width:15px; text-align:center; border:1px solid #527d87;}
.perpage a{ text-decoration:none; color:#FFFFFF;}

#faq-form fieldset{ border:none;}

#faq-content dd{ margin:0px; padding-bottom:6px;}

a.current{ font-weight:bold;}

#reg_instruction{ padding-top:10px;}

.correct_answer{ color:#006600}

.messg-ok{ padding:4px; border:1px solid #fff; margin-bottom:12px;}

.hide{ display:none;}

.error-messg{ background:#f2f2f2; padding:3px; color:#990000; width:180px;}