*
{
	margin:0;padding:0;
}

img
{
	border:0;
}

hr
{
	clear:both;
	padding:5px 0px;
	border:1px solid #FFF;	
}

p.clear
{
	clear:both;
}

body
{
	margin:0;padding:0;
	text-align:center;
	background:#F7F7F7;
}

div#wrap
{
	width:950px;
	background:#FFF;
	margin:0 auto;
	text-align:left;
}

div#head
{
	background:url(../img/head_bg.gif) repeat-x 0 0;
	height:28px;
}

div#head h1
{
	float:left;
	padding:3px 10px;
	color:#FFF;
	font-size:12px;
	width:530px;
	margin-right:60px;
}

div#head p
{
	float:left;
	font-size:10px;
	width:131px;
	height:18px;
	text-align:center;
	line-height:170%;
	position:relative;
	top:4px;
	margin:0 5px;
}

div#head p#favorite
{
	background:url(../img/button_top_star.gif) no-repeat 0 0;
}

div#head p#fontsize
{
	background:url(../img/button_top.gif) no-repeat 0 0;
}

div#logo
{
	clear:both;
	margin:20px 5px 10px 15px;
	height:70px;
}

div#logo h2
{
	float:left;
	margin-right:80px;
}

div#logo h2 a
{
	display:block;
	text-indent:-10000px;
	width:264px;
	height:69px;
	background:url(../img/logo.gif) no-repeat 0 0;
}

div#headBanner
{
	float:left;
	position:relative;
	top:3px;
	width:480px;
	height:60px;
}

div#bread
{
	clear:both;
	padding:20px 15px;
	font-size:0.8em;
	background:url(../img/line.gif) no-repeat 50% 0%;
}

div#body
{
	margin:0 10px;
}




div#centerColumn
{
	position:relative;
	left:9px;
	width:500px;
	float:left;
}

div#centerColumn div.mainArea
{
	background:url(../img/main_bg.gif) no-repeat 0 0;
	width:500px;
	height:170px;
	margin-bottom:10px;
}


div#centerColumn div.mainArea a#main_beginer
{
	top:6px;
	left:3px;
	width:247px;
	height:75px;
	float:left;
	position:relative;
	display:block;
	background:url(../img/main_beginer.jpg) no-repeat 0 0;
	padding-top:80px;
	color:#333;
	text-decoration:none;
	line-height:180%;
}

div#centerColumn div.mainArea a#main_beginer b
{
	font-size:1.3em;
	display:block;
	margin:0 18px;
}

div#centerColumn div.mainArea a#main_beginer em
{
	font-style:normal;
	display:block;
	margin:0 18px;
}


div#centerColumn div.mainArea a#main_campaign
{
	float:right;
	top:6px;
	right:3px;
	width:241px;
	height:45px;
	position:relative;
	display:block;
	background:url(../img/main_campaign.jpg) no-repeat 0 0;
	padding-top:38px;
	color:#FFF;
	text-decoration:none;
	line-height:130%;
}

div#centerColumn div.mainArea a#main_campaign b
{
	display:block;
	margin:0 25px;
	font-weight:normal;
}


div#centerColumn div.mainArea a#main_useful
{
	float:right;
	right:3px;
	top:1px;
	width:241px;
	height:45px;
	position:relative;
	display:block;
	background:url(../img/main_useful.jpg) no-repeat 0 0;
	padding-top:38px;
	color:#FFF;
	text-decoration:none;
	line-height:130%;
}

div#centerColumn div.mainArea a#main_useful b
{
	display:block;
	margin:0 25px;
	font-weight:normal;
}

div#centerColumn div.mainPanel
{
	background:#F0F0F0;
	padding:1px;
}

div#centerColumn div.mainPanel div.inner
{
	border:1px solid #FFF;
}

div#centerColumn div.mainPanel div.inner h2
{
	background:url(../img/center_title.jpg) no-repeat 0 0;
	color:#333;
	font-size:1.2em;
	line-height:210%;
	padding-left:20px;
	height:35px;
}


div#centerColumn div.mainPanel div.inner ul
{
	list-style:none;
	margin-bottom:10px;
}

div#centerColumn div.mainPanel div.inner ul li
{
	background:url(../img/center_link_bg.jpg) no-repeat 0 0;
	margin:2px 5px;
	height:81px;	
}

div#centerColumn div.mainPanel div.inner ul li div.cell
{
	background:url(../img/1-0.gif) no-repeat 10% 50%;
	height:81px;
}

div#centerColumn div.mainPanel div.inner ul li div.cell img
{
	margin:10px;
	width:120px;
	height:60px;
	float:left;
}

div#centerColumn div.mainPanel div.inner ul li div.cell div.left
{
	float:left;
	position:relative;
	top:10px;
}

div#centerColumn div.mainPanel div.inner ul li div.cell h3
{
	font-size:1.2em;
}

div#centerColumn div.mainPanel div.inner ul li div.cell h3.rank
{
	padding-left:37px;
}

div#centerColumn div.mainPanel div.inner ul li div.cell h3.rank#rank_1{ background:url(../img/rank_1.jpg) no-repeat 0 2px}
div#centerColumn div.mainPanel div.inner ul li div.cell h3.rank#rank_2{ background:url(../img/rank_2.jpg) no-repeat 3px 3px}
div#centerColumn div.mainPanel div.inner ul li div.cell h3.rank#rank_3{ background:url(../img/rank_3.jpg) no-repeat 3px 3px}
div#centerColumn div.mainPanel div.inner ul li div.cell h3.rank#rank_4{ background:url(../img/rank_4.jpg) no-repeat 3px 3px}
div#centerColumn div.mainPanel div.inner ul li div.cell h3.rank#rank_5{ background:url(../img/rank_5.jpg) no-repeat 3px 3px}

div#centerColumn div.mainPanel div.inner ul li div.cell p
{
	line-height:160%;
	width:260px;
	height:30px;
}

div#centerColumn div.mainPanel div.inner ul li div.cell p.rank
{
	line-height:160%;
	padding-left:20px;
	width:240px;
	height:30px;
}

div#centerColumn div.mainPanel div.inner ul li div.cell h3 a
{
	color:#6da2c0;
	text-decoration:none;
}

a.detailButton
{
	float:right;
	position:relative;
	top:7px;
	right:10px;
	height:64px;
	width:73px;
	text-indent:-10000px;
	display:block;
	background:url(../img/center_link_button.jpg) no-repeat 0 0;
}

a.detailButton:hover{	background:url(../img/center_link_button_over.jpg) no-repeat 0 0;}


div#mainColumn
{
	position:relative;
	left:19px;
	width:691px;
	float:left;
}

div#mainColumn h2.nobg
{
	text-indent:10px;
	height:auto;
	background:none;
}

div#mainColumn h2
{
	background:url(../img/main_h1_title.jpg) no-repeat 0 0;
	height:47px;
	text-indent:20px;
	font-size:1.3em;
	color:#367592;
	line-height:280%;
}


div#mainColumn h2.content
{
	background:url(../img/content_h1_title.jpg) no-repeat 0 0;
	color:#257d1b;
}


div#mainColumn h3.title
{
	color:#333;
	font-weight:bold;
	background:url(../img/main_h3_title.gif) repeat-x 0 100%;
	margin:10px 0px;
	padding:5px 5px 10px 5px;
}

div#mainColumn div#mainDetail
{
	background:url(../img/1-0.gif) no-repeat 150px 50%;
	height:250px;
	padding-left:310px;
	line-height:180%;
}

div#mainColumn div#mainDetail h2
{
	font-size:1.2em;
	color:#666;
	margin:10px 0px 5px 0px;
}

div#mainColumn ul#itemDetailTabs
{
	list-style:none;
	height:25px;
	border-bottom:1px solid #999;
}

div#mainColumn ul#itemDetailTabs li
{
	float:left;
	margin:0px 10px 0px 10px;
}

div#mainColumn ul#itemDetailTabs li a
{
	display:block;
	height:25px;
	line-height:200%;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-top:1px solid #999;
	padding:0px 10px;
	background:#999;
	text-decoration:none;
	color:#FFF;
	cursor:pointer;
}

div#mainColumn ul#itemDetailTabs li a.on
{
	background:#FFF;
	font-weight:bold;
	color:#000;
	
}

div#mainColumn div#itemDetails h3
{
	color:#205168;
	margin:15px 5px;
	background:#dff1fa;
	padding:2px 4px;
	border-bottom:1px solid #80acc0;
}

div#mainColumn div#contentDetail
{
	margin:20px 5px;
	font-size:1.1em;
	color:#333;
}

div#mainColumn div#contentDetail p
{
	margin:10px 0px;
}

div#mainColumn div#itemDetails div.description
{
	margin:0 10px;
	line-height:200%;
	color:#333;
}

div#mainColumn div#itemDetails div.description h1,
div#mainColumn div#itemDetails div.description h2,
div#mainColumn div#itemDetails div.description h3
{
	margin:5px 0px;padding:0px;
	background:none;
	border:none;
}

div#mainColumn div#itemDetails div.description h1{	font-size:1.5em;}
div#mainColumn div#itemDetails div.description h2{	font-size:1.3em;}
div#mainColumn div#itemDetails div.description h3{	font-size:1.2em;}
div#mainColumn div#itemDetails div.description h4{	font-size:1.0em;}

div#mainColumn div#itemDetails div.description p
{
	margin:5px 0px;
}

div#mainColumn div#itemDetails p.text
{
	margin:5px 10px;	
}


div#mainColumn div#itemDetails div.campaign
{
	margin:0 5px;
	line-height:180%;
	border:2px solid #eeafc4;
	background:#fae9ef;
}

div#mainColumn div#itemDetails div.campaign div.inner
{
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	padding:10px;
}

div#mainColumn div#itemDetails div.campaign h4
{
	font-size:1.2em;
}

div#mainColumn div#itemDetails div.campaign p.right
{
	text-align:right;
	color:#990000;
}

div#mainColumn div.itemDetail
{
	display:none;
}

div#mainColumn div#cells
{
	margin:2px;
}

div#mainColumn div#cells div.cell
{
	clear:both;
	margin-bottom:10px;
}

div#mainColumn div#cells div.cell h2 a
{
	color:#6da2c0;
	text-decoration:none;
}

div#mainColumn div#cells div.cell h2.rank
{
	text-indent:30px;
}

div#mainColumn div#cells div.cell h2.rank#rank_1{ background:url(../img/rank_1.jpg) no-repeat 0 4px}
div#mainColumn div#cells div.cell h2.rank#rank_2{ background:url(../img/rank_2.jpg) no-repeat 3px 5px}
div#mainColumn div#cells div.cell h2.rank#rank_3{ background:url(../img/rank_3.jpg) no-repeat 3px 5px}
div#mainColumn div#cells div.cell h2.rank#rank_4{ background:url(../img/rank_4.jpg) no-repeat 3px 5px}
div#mainColumn div#cells div.cell h2.rank#rank_5{ background:url(../img/rank_5.jpg) no-repeat 3px 5px}

div#mainColumn div#cells div.cell table.items
{
	table-layout:fixed;
	width:100%;
	border-spacing:0 0;
	border-collapse:collapse;
}

div#mainColumn div#cells div.cell table.items thead
{
	background:#FFF url(../img/content_items_bg.jpg) repeat-x 0 100%;
    line-height:160%;
    height:80px;
}

div#mainColumn div#cells div.cell table.items thead td
{
    border-top:1px solid #F0F0F0;
    padding:3px 0px;
	vertical-align:middle;
}

div#mainColumn div#cells div.cell table.items thead td.image
{
	width:20%;
}

div#mainColumn div#cells div.cell table.items thead td.image img
{
	position:relative;
	top:3px;
	left:5px;
}

div#mainColumn div#cells div.cell table.items thead td.title
{
	width:60%;
}

div#mainColumn div#cells div.cell table.items thead td.link
{
	vertical-align:middle;
	width:20%;
    padding:0px;
}

div#mainColumn div#cells div.cell table.items thead td.link a.detailButton
{
	float:right;
	position:relative;
}

div#mainColumn div#cells div.cell table.items tbody
{
	background:#e1eaf4;
}

div#mainColumn div#cells div.cell div
{
	background:#daf2f4;
}

div#mainColumn div#cells div.cell div dl
{
	float:left;
}

div#mainColumn div#cells div.cell div dl.column1
{
	width:100%;
}

div#mainColumn div#cells div.cell div dl.column2
{
	width:50%;
}

div#mainColumn div#cells div.cell div dl.column3
{
	width:50%;
}

div#mainColumn div#cells div.cell div dl.column4
{
	width:25%;
}

div#mainColumn div#cells div.cell div dl.column0
{
	width:20%;
}

div#mainColumn div#cells div.cell div dl dt
{
	font-weight:bold;
	background:url(../img/dl_bg_header.jpg) repeat-x 0 0;
	border: 1px solid #c8e6e9;
	padding:6px 5px;
	color:#557376;
	text-align:center;
	height:20px;
}

div#mainColumn div#cells div.cell div dl dd
{
	padding:6px 5px;
	background:#f3fdfe;
	margin-left:1px;
	margin-bottom:1px;
	text-align:center;
	min-height:20px;
}

div#mainColumn p.linkButton
{
	margin:20px 0px;
	text-align:center;
}

div#mainColumn p.linkButton a
{
	display:block;
	width:452px;
	height:92px;
	text-indent:-10000px;
	margin:0 auto;
	background:url(../img/link_button.jpg) no-repeat 0 0;
}

table.list
{
	font-size:1.1em;
	margin-left:5px;
	table-layout:fixed;
	width:680px;
	border-collapse:collapse;
	color:#4f6b72;
	background:#F5FAFA;

}

table.list th
{
	padding:0px 7px;
	border: 1px solid #C1DAD7;
	background:url(../img/table_bg_header.jpg) repeat-x 0 0;
	height:35px;
	font-size:0.8em;
	vertical-align:middle;
}

table.list td
{
	padding:0px 7px;
	border: 1px solid #C1DAD7;
	height:35px;
	vertical-align:middle;
	text-align:center;
}

table.list tr.white td
{
	border: 1px solid #C1DAD7;
	background:#FFF;
	text-align:center;
}


div#leftColumn
{
	position:relative;
	width:206px;
	float:left;
}

div#rightColumn
{
	position:relative;
	width:206px;
	float:right;
}

div#rightColumn div.rightBanner
{
	background:url(../img/right_banner_bg.jpg) no-repeat 0 0;
	width:206px;
	height:199px;
	margin-bottom:10px;
	text-align:center;
}

div#rightColumn div.rightBanner a
{
	position:relative;
	top:50px;
}



div.sideBar
{
	width:206px;
	margin-bottom:10px;
}

div#leftColumn div.sideBar{background:#EFEFEF url(../img/left_title.gif) no-repeat 1px 1px;}
div#rightColumn div.sideBar{background:#f7d7c9 url(../img/right_title.gif) no-repeat 1px 1px;}





div.sideBar h2
{
	font-size:1.3em;
	position:relative;
	top:8px;
	left:25px;
	height:40px;
	color:#333;
	line-height:170%;
}

div.sideBar ul
{
	position:relative;
	top:0px;
	padding-bottom:5px;
	list-style:none;
}

div.sideBar ul li
{
	height:55px;
	padding-left:15px;
	background:url(../img/left_link_bg.gif) no-repeat 2px 2px;
	line-height:160%;
}

div.sideBar ul li h3
{
	position:relative;
	top:10px;
	font-size:1.2em;
}

div.sideBar ul li p
{
	position:relative;
	top:8px;
	font-size:0.9em;
}

div.sideBar ul li a
{
	color:#333;
	text-decoration:none;
}

div#foot
{
	clear:both;
	height:120px;
	background:url(../img/footer_bg.gif) no-repeat 50% 100% ;
	line-height:180%;
}

div#foot ul
{
	position:relative;
	left:10px;
	top:45px;
	width:600px;
	list-style:none;
}

div#foot ul li
{
	float:left;
	margin-right:10px;
}