@charset "utf-8";

/* OGO TOP.CSS  */


/*--------------------------------------
*	
*	00.COMMON
*	01.HEADER
*	02.PROMO_AREA
*	03.CONTENT
*
*--------------------------------------*/


/**-------------------------------------
	00.COMMON
---------------------------------------**/

/**-------------------------------------
	01.HEADER
---------------------------------------**/

div#topHeaderWrap
{
	height: 70px;
	background-color: #090803;
	text-align: center;
}

div#topHeader
{
	margin: 0 auto;
	width: 900px;
	height: 70px;
	text-align: left;
}

div#topHeader h1
{
	float: left;
	padding-left: 40px;
	width: 190px;
	height: 70px;
}

ul#topSnav
{
	float: left;
	margin: 40px 0 0 0;
	padding: 0 0 0 270px;
}

ul#topSnav li
{
	float: left;
}

ul#topSnav li.mr23
{
	margin-right: 23px;
}

/**-------------------------------------
	02.PROMO_AREA
---------------------------------------**/

div#promoWrap
{
	text-align: center;
	background-color: #090803;
}

div#PromoArea
{
	margin: 0 auto;
	padding: 10px 0;
	width: 800px;
	height: 283px;
	background-color: #090803;
}

/**-------------------------------------
	03.CONTENT
---------------------------------------**/

div#topContentWrap
{
	margin-top: 12px;
	text-align: center;
}

div#topContent:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#topContent{ display: inline-block; }

/* \*/
* html div#topContent{ height: 1%; }
/* */

div#topContent
{
	margin: 0 auto 8px;
	width: 900px;
	text-align: left;
}

div#contLeft
{
	float: left;
	margin: 0 7px 0 0;
	padding-left: 70px;
	width: 555px;
}

div#topics
{
	margin: 0 0 10px 2px;
	width: 551px;
	height: 38px;
	background: url(../images/topics_bg.png) no-repeat;
	overflow: hidden;
}

div#topics h2
{
	float: left;
	padding: 9px 20px 0 9px;
	width: 110px;
	height: 20px;
}

/*ul#scroll
{
	float: left;
	width: 412px;
	font-size: 92%;
	line-height: 1;
}

ul#scroll li span
{
	margin: 13px 10px 0 0;
}

ul#scroll li a
{
	margin: 13px 0 0 0;
	width: 390px;
	color: #666666;
	text-decoration: underline;
}*/

div#blog
{
	padding-bottom: 40px;
	width: 555px;
	background: url(../images/blog_bg.jpg) no-repeat bottom;
}

div#blog h2
{
	margin: 0 0 20px 0;
}

div#blog dl
{
	margin: 0 0 0 16px;
	font-size: 92%;
	line-height: 1.4;
}

div#blog dl dt
{
	clear: left;
	float: left;
	padding: 0 0 16px 14px;
	width: 98px;
	background: url(../images/blog_pin.gif) no-repeat 0 0.37em;
}

div#blog dl dd
{
	margin: 0 0 0 110px;
	padding: 0 20px 16px 0;
	width: auto;
	height: 1%;
}

div#blog dl dd a
{
	color: #666666;
	text-decoration: none;
}

div#blog dd a:hover
{
	background-color: #E3E5E8;
	color: #666666;
	text-decoration: none;
}

div#contRight
{
	float: left;
	width: 198px;
}

ul#contRight li
{
	float: left;
	margin: 0 0 7px 0;
	width: 198px;
	height: 148px;
}

ul#contRight li img
{
	vertical-align: bottom;
}





.tickercontainer
{ 
	float: left;
	margin: 13px 0 0 0;
	width: 412px;
	font-size: 92%;
	line-height: 1;
	overflow: hidden; 
}

.tickercontainer .mask
{
	position: relative;
	width: 400px;
	overflow: hidden;
}

ul.newsticker
{ 
	position: relative;
	left: 412px;
	margin: 0;
	padding: 0;
}

ul.newsticker li
{
	float: left;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
}

ul.newsticker a
{
	white-space: nowrap;
	padding: 0;
	color: #666666;
	font-size: 93%;
}

ul.newsticker span
{
	margin: 0 10px 0 0;
}