#logo                                  { display: none; }
#homeContainer                         { width: 860px; }
/*--------------------------------------
   3Cols
-------------------------------------- */
#homeContainer #left, 
#homeContainer #center, 
#homeContainer #right
                                       {
	display: inline;
	float: left;
	width: 280px;
}
#homeContainer #left, 
#homeContainer #center                 { margin-right: 10px; }
#homeContainer .top, 
#homeContainer .bottom
                                       {
	height: 255px;
	margin-bottom: 10px;
	background: transparent url(../images/layout/block-bg.jpg) no-repeat 0 0;
}	
#homeContainer #center .top,
#homeContainer #right .bottom { background: none; }			
#homeContainer #center .bottom
                                       {
	position: relative;
	width: 280px;
	height: 255px;
}
#homeContainer #left .top h1
                                       {
	background: transparent url(../images/layout/logo-home.jpg) no-repeat 0 0;
	width: 280px;
	height: 255px;
	margin: 0;
	text-indent: -9999px;
}
#homeContainer #left .top h1 a
                                       {
	width: 200px;
	height: 25px;
	display: block;
	position: relative;
	top: 113px;
	left: 40px;
}
/*--------------------------------------
   NEWS
-------------------------------------- */	
#homeContainer #right .top h2
                                       {
	background: transparent url(../images/layout/h-news.gif) no-repeat right bottom;
	width: 106px;
	height: 19px;
	text-indent: -9999px;
	padding: 20px 0 0 17px;
	margin: 0 0 35px 0;
}
#en #homeContainer #right .top h2 { background: transparent url(../images/layout/h-news-en.gif) no-repeat right bottom; }
#homeContainer .news
                                       {
	display: table;
	width: 220px;
	margin: 0 0 0 25px;
	padding-bottom: 20px;
}
#homeContainer .news img               { display: inline; float: left; width: 80px; height: 50px; }
#homeContainer .news .content
                                       {
	display: inline;
	float: left;
	width: 130px;
	margin: 10px 0 0 10px;
}
#homeContainer .news h3
                                       {
	display: inline;
	font-size: 1em;
	font-weight: normal;
	clear: right;
	color: #5a5754;
}
#homeContainer .news h3 a:link, 
#homeContainer .news h3 a:visited      { color: #5a5754; text-decoration: none; }
#homeContainer .news h3 a:hover, 
#homeContainer .news h3 a:active       { color: #5a5754; text-decoration: underline; }
#homeContainer .date                   { color: #b9b9b8; margin-right: 5px; }
#homeContainer .txt                    { padding: 10px 0 0 0; }

/*--------------------------------------
   Scroller
-------------------------------------- */
#scrollWrapper                         {
	position: relative;
	width: 280px;
	height: 255px;
}
div#scrollbar                          { display:block; /* initially display:none; to hide from incapable */ }
div#wn                                 {
	position:relative;
	width:270px;
	height:255px;
	overflow:hidden;
}
div#scrollbar                          {
	position:absolute;
	width:6px;
	height:255px;
	font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
	top: 0;
	right: 0;
}
div#track                              {
	position:absolute;
	left:-1px;
	top:12px;
	width:6px;
	height:231px;
	background: none;
}
div#dragBar                            {
	position:absolute;
	left:0;
	top:1px;
	width:6px;
	height:20px;
	background: transparent url(../images/layout/scroller.gif) repeat-y 0 0;
}
div#up                                 { position:absolute; left:0; top:0; }
div#down                               { position:absolute; left:0; bottom:0; }

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img                      { display:block; }