body { background:#FFFFFF; color:#666666; font-family:verdana; font-size:12px; margin:0 auto; }
form { margin:0; padding:0; }

.align-center { display:block; textlign:center; }
.align-left { display:block; textlign:left; }
.align-right { display:block; textlign:right; }
.right { float:right; }
.left { float:left; }
.clear { clear:both; display:block; }

.red { color:#CC0000; }

#body { margin:0 auto; }
	
	#page { margin:0 auto; width:800px; }
		
		.header { background:#668FB8; color:#FFFFFF; display:block; float:left; height:90px; padding:0 0 0 10px; width:790px; }
			.header a { color:#FFFFFF; font-family:arial; font-size:30px; text-decoration:none; }
		
		.topmenu { background-image:url('../img/bg_menu.gif'); border-bottom:1px solid #CCCCCC; display:block; float:left; height:22px; padding:7px 0 0 0; width:800px; }
		.topmenu-languages { float:right; padding:1px 10px 0 0; }
			
			.topmenu ul { margin:0; padding:0; }
				.topmenu li { display:inline; }
				.topmenu li a { color:#666666; float:left; padding:0 12px 0 12px; text-decoration:none; }
				.topmenu li .active { font-weight:bold; padding-bottom:4px; }
				.topmenu li a:hover { color:#F26E23; padding-bottom:4px; }
		
		.content { color:#666666; display:block; float:left; height:auto !important; height:450px; min-height:450px; line-height:18px; text-align:justify; width:800px; }		
			.content a { color:#3399CC; font-family:verdana; font-size:12px; text-decoration:none; }
			.content a:hover { text-decoration:underline; }
			
			.content-title { display:block; float:left; font-size:14px; font-weight:bold; padding:6px 0 10px 0; width:100%; }
			.content-txt { display:block; float:left; width:100%; }
			
			.left { float:left; line-height:18px; padding:10px 0 10px 10px; width:500px; }
				.index-title { display:block; float:left; font-weight:bold; padding:6px 0 4px 0; width:100%; }
				.index-title-center { color:#006699; display:block; float:left; font-weight:bold; padding:6px 0 4px 0; text-align:center; width:100%; }
				.index-content { clear:left; float:left; line-height:18px; padding:5px 0 5px 0; width:100%; }
				.index-content img { padding:0 0 10px 10px; }
				.index-content-title { clear:left; float:left; color:#E8B500; font-weight:bold; line-height:18px; width:100%; }
				.index-links { border-bottom:#D2D2D2 1px solid; float:left;  padding:4px 0 10px 0; margin:0 0 4px 0; width:100%; }
				.index-right { float:right; padding:0 0 10px 10px; }
				.left { float:left; }
				.right { float:right; display:block; }
				.clear { clear:both; }
				
				.news-box { float:left; padding:0 0 0 0; } 
				
				.group-box { float:left; line-height:18px; padding:10px 0 10px 10px; width:490px; }
				.group-image { float:left; font-style:italic; padding:0 10px 0 0; width:120px; }
				
				.user-box { float:left; line-height:18px; padding:10px 0 10px 10px; width:490px; }
				.user-image { float:left; font-style:italic; height:140px; padding:0 10px 0 0; width:110px; }
				.user-position { float:left; display:block; font-size:14px; padding:0 0 20px 0; text-align:center; width:490px; }
				.user-info { float:left; padding:0 0 0 0; width:190px; }
				.user-name { float:left; padding:0 0 0 0; width:350px; }
				.user-work { float:left; padding:0 0 0 10px; width:150px; }
				
				.member-box { float:left; line-height:18px; padding:10px 0 10px 10px; width:490px; }
				.member-image { float:left; font-style:italic; height:140px; padding:0 10px 0 0; width:155px; }
				.member-name { float:left; padding:0 0 0 0; width:305px; }
				
			.right { float:left; line-height:18px; padding:0 0 10px 0; width:290px; }
				.right-big { display:block; margin:0 0 10px 0; }
						
				.menu { float:left; padding:10px 0 0 10px; text-align:center; width:280px; }		
				.menu-txt { float:left; font-size:11px; text-align:center; width:280px; }		
				
			.footer { border-top:1px solid #DEDEDE; color:#999999; float:left; font-size:10px; padding:4px 0 0 0; width:800px; }
		
/**************************
PAGE POPUP
**************************/	
#popup-portal { color:#666; font-family:arial; font-size:12px; height:100%; textlign:left; }
#popup { margin:10px; }
#popup-portal-center img { margin-top:8px; }
#popup-portal-center { font-family:verdana; textlign:center; width:660px; }
.popup-title { border-bottom: #e4e4e4 1px solid; display:block; font-family:verdana; font-size:12px; font-weight: bold; margin:0 4px 10px 0; padding:0 0 4px 0; textlign:left; }
	#popup-portal a { color:#006699; line-height:18px; text-decoration:none; }
	#popup-portal a:hover { color:#006699; text-decoration:underline; }
	
/**************************
PAGE ERROR
**************************/
	.error-page { display:block; font-family:verdana; font-size:12px; margin:0 auto; padding:60px 0 0 0; text-align:right; width:590px; }
		.error-page a { color:#999999; font-size:9px; font-family:georgia; text-decoration:none; }
		.error-page a:hover { color:#000000; }
	.error-page-box { border:1px solid #CCCCCC; color:#666666; display:block; float:left; height:298px; margin:0 auto; text-align:center; width:100%; }
	.error-page-left { float:left; width:310px; }
	.error-page-right { float:left; padding:96px 10px 0 0; text-align:left; width:270px; }
		.error-page-title { color:#666666; display:block; font-weight:bold; padding:10px 0 5px 0; text-align:left; }
		.error-page-sug { color:#0072A8; display:block; padding:5px 0 5px 0; text-align:center; }
		.error-page-right img { margin:0 0 9px 0; }
		.error-page-right a { color:#666666; font-family:verdana; font-size:12px; text-decoration:underline; }
		.error-page-right a:hover { color:#000000; }