﻿* { margin: 0px; padding: 0px; }

body { 
    cursor: url("steel_cur/Arrow.cur"), -moz-zoom-in;
    cursor: url("steel_cur/Arrow.cur"), -webkit-zoom-in;
}
.error { color: #ff0000; }
.accept { color: #006600; }

/* 1. Cover all site */
#main {
    display:table-cell;
	width: 1000px;
    padding: 0px;
	height: 100%;
    /* border: solid 0px #ffffff;
    background-color: #ffffff;
    background-image: url("/design/rhodium_bg_check.png"); */
}
/* ------ 1 ------ */
#header {
    height: 145px;
    padding-top: 4px;
    width: 100%;
    background-image: url("bg_header.png");
    float: left;
}
#banner {
	width:100%;
	height:300px;
    float: left;
}

/* 2. Cover all columns (left, right, center) except for header, banner, footer. Width total of 3 columns must equal with content's width */
#content {
    display:table-cell;
	height:100%;
	width:100%;
    background-image: url("bg_content.png");
    background-repeat: repeat-y;
   	float:left;
}
#left_column {
    padding: 0px;
	width:135px;
    min-height: 200px;
	float:left;
}
#left_column_top {
	width:100%;
    height: 232px;
    background-image: url("bg_left_top.png");
    background-repeat: no-repeat;
	float:left;
}
#left_column_body {
	width:100%;
    min-height: 250px;
    background-image: url("bg_left_body.png");
    background-repeat: repeat-y;
	float:left;
}
#left_column_bottom {
	width:100%;
    height: 335px;
    background-image: url("bg_left_bottom.png");
    background-repeat: no-repeat;
	float:left;
}

#center_column {
    padding: 0px;
	width:780px;
    min-height: 100px;
	float:left;
}
#detail_area {
	width: 769px;
    min-height: 100px;
	float:left;
    padding: 0px 0px 0px 8px;
}
#detail_area img
{
    border: 1px solid #ccc;
    max-width: 725px;
    height: auto;
}

#detail_area table, #detail_area table td
{
    border: solid 1px #666;
}
#detail_area table td {
    padding: 0px 5px;
}
#detail_area ul, ol {
    padding-left: 50px;
}
#center_column_hot_menu {
    width: 520px; 
    min-height: 375px; 
    background-image: url("bg_hot_menu.png");
    color: #eaeaea;
    background-repeat: no-repeat;
    text-align: left;
    font-weight: bold;
    float: left;
}
#center_column_hot_news {
    width: 258px; 
    min-height: 305px; 
    margin-top: 40px;
    background-image: url("bg_hot_news.png");
    background-repeat: no-repeat;
    float: left;
}
#content_list {
    margin-bottom: 20px;
}

#right_column {
    padding: 0px;
    margin: 0px 0px 30px 0px;
	width:85px;
    min-height: 400px;
	float:left;
}
#right_column_top {
	width:100%;
    height: 560px;
    background-image: url("bg_right_top.png");
    background-repeat: no-repeat;
    background-position: right;
	float:left;
}
#right_column_bottom {
	width:85px;
    height: 270px;
    line-height: 25px;
    font-family: arial_3;
    font-size: 14px;
    color: orange;
    padding: 103px 0px 0px 0px;
	float:left;
}
/* ------ 2 ------ */
#footer {
    height: 133px;
    line-height: 15px;
    padding-top: 13px;
    width: 1000px;
    background-image: url("bg_footer.png");
    float: left;
}
