/****************************************************
*****************************************************/
/* Left Area */
.la_631{ 
	float:left;
	width:631px;
}
	/****************************************************
	*****************************************************/
	/* Head */
	.la_631 .head{
		height:20px;
		background-color:#f4f4f4;
		border:1px solid #dadada;
		padding:8px;		
	}
	.la_631 .head .title{
		font-size:18px;
		color:#FF6600;		
	}
	.la_631 .head .keywords a{
		color:#0189c0;
	}
	/****************************************************
	*****************************************************/
	/* Result */	
	.la_631 .contents{		
		background-color:#ebebeb;
		margin-top:1px;
		width:616px;
		padding:5px 5px 5px 10px;		
		float:left;		
	}
	.la_631 .contents li{
		float:left;
		background:url(../images/bg_5.gif) no-repeat;
		width:125px; 
		height:120px;	
		margin:5px 3px;
		padding:10px;
		overflow:hidden;
	}
	.la_631 .contents li .title{
		margin-top:3px;
	}
	.la_631 .contents li .title a{
		color:#333;
		text-decoration:none;
	}
	.la_631 .contents li .title a:hover{
		color:#333;
		text-decoration:underline;	
	}
	.la_631 .contents .page{
		margin-top:10px;
		text-align:right;
		background-color:#f4f4f4;
		padding:5px 10px;
		margin-right:5px;
		color:#dadada;
	}
	.la_631 .contents .page a{
		margin:0px 5px;
		color:#0189c0;
		border:1px solid #D3D3D3;		
		margin:2px;
		padding:0 5px;
	}
	.la_631 .contents .page a:hover
	{
		background:#0189C0;
		border-color:#2b55af;
		color:#fff;
		text-decoration:none;
	}
	.la_631 .contents .page .unselect	
	{
		color:#aaa;
	}
/****************************************************
*****************************************************/
/* Right Area */
.ra_310{ 
	float:right;
	width:310px;	
}
	/****************************************************
	*****************************************************/
	/* Right Banner */
	.ra_310 .bn{ 
		border:1px solid #c2c2c2; 
		background-color:#f0f0f0;
	}
	.ra_310 .bn img{ 
		margin:4px;	
	}
	.ra_310 .bn .more_bn{ 
		height:20px; 
		border-top:1px solid #c2c2c2; 
		background-color:#FFF;
		float:left;
		width:308px;
	}
	.ra_310 .bn .more_bn .more_l{ 
		float:left; 
		padding:3px;
		color:#c2c2c2;
	}
	.ra_310 .bn .more_bn .more_l a{		
		color:#c2c2c2;
		font-size:10px;
	}
	.ra_310 .bn .more_bn .more_r{ 
		float:right; 
		padding:3px;
	}
	.ra_310 .bn .more_bn .more_r a{ 
		padding:0px 5px; 
		background-color:#eff1f2; 
		color:#366e9e;
	}
	.ra_310 .bn .more_bn .more_r a.select{
		background-color:#366e9e; 
		color:#FFF;
	}
	.ra_310 .cate .head{
		background:url(../images/bg_1.gif) repeat-x;
		border:1px solid #dadada;
		border-top:none;
	}
	.ra_310 .cate .head h2{
		float:left;
		font-size:11px;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		color:#336aa8;
		text-transform:uppercase;
		font-weight:bold;
		padding:5px 5px 4px;		
	}
	.ra_310 .cate .head h2 a{
		color:#333;
	}
	/****************************************************
	*****************************************************/
	/* Tag */
	.ra_310 .tag{		
		padding:5px;
		background-color:#d6ebfc;
		margin-top:8px;
	}
	.ra_310 .tag .contents{
		border:1px solid #dadada;
		border-top:none;
		background:#FFF url(../images/bg_2.gif) repeat-x left top;
		padding:10px 5px 5px;
		line-height:normal;	
	}
	.ra_310 .tag .contents span a{
		color:#000;	
	}	
	
	.contents .tag100 span a 
	{
		line-height:22px;
		color:#336AA8;		
	}	
	.contents .tag100 span a:visited
	{
		color:#1057AE;
		text-decoration:none;		
	}
	.contents .tag100 span a:hover{
		background-color:#0259C4;
		color:#fff;
		text-decoration:none;				
	}
	
	.TagCloud-Lowest{font-size:14px;}
	.TagCloud-Low{font-size:16px;}
	.TagCloud-Medium{font-size:18px;}
	.TagCloud-High{font-size:20px;}
	.TagCloud-Highest{font-size:22px;}