* { margin: 0px; padding: 0px; }

body { 
    background-repeat: repeat-x;
    margin-bottom: 20px;
}
.error { color: #ff0000; }
.accept { color: #006600; }

/* 1. Cover all site */
#main {
    display:table-cell;
	width: 1000px;
    padding: 0px;
	height: 100%;
    background-color: #ffffff;
    background-image: url("/design/rhodium_bg_check.png");
}
/* ------ 1 ------ */
#header {
    height: 160px;
    padding-top: 4px;
    width: 100%;
    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%;
   	float:left;
}
#left_column {
    padding: 0px;
	width:230px;
    min-height: 200px;
	float:left;
}
#left_column_top {
	width:100%;
    height: 350px;
    background-image: url("bg_left_top.png");
    background-repeat: no-repeat;
    font-weight: bold;color: #009bda;
	float:left;
}
#left_column_top a {
	color: #009bda;
}
#left_column_body {
	width:100%;
    min-height: 250px;
	float:left;
}
#left_column_bottom {
	width:100%;
    height: 335px;
	float:left;
}

#center_column {
    padding: 0px;
	width:752px;
    margin: 0px 2px 0px 0px;
    min-height: 100px;
	float:left;
    border: 0px solid #b9b9b9;
}
#center_column table { margin: 0 auto; }
#detail_area {
	width: 752px;
    min-height: 100px;
	float:left;
    padding: 0px 0px 0px 8px;
}
#detail_area img
{
    border: 1px solid #59BEFF;
    max-width: 686px;
}
#detail_area table
{
    max-width: 695px;
}
#detail_area table, #detail_area table td
{
    border: dotted 1px #f0f0f0;
}
#detail_area table td {
    padding: 0px 5px;
}
#detail_area ul, ol {
    padding-left: 50px;
}
#service_content {
    text-align: left;
}
#service_content ul, ol {
    padding-left: 50px;
}
#service_content table {
    margin: 10px auto;
    max-width: 700px;
    border: dotted 1px #f0f0f0;
}
#service_content table td {
    min-height: 25px;
}
#center_column_hot_menu {
    width: 520px; 
    min-height: 375px; 
    color: #eaeaea;
    background-repeat: no-repeat;
    text-align: left;
    font-weight: bold;
    float: left;
}
#center_column_hot_news {
    width: 217px; 
    min-height: 305px; 
    border: solid 1px #59BEFF;
    margin-top: 40px;
    background-image: url("bg_hot_news_2.jpg");
    background-repeat: no-repeat;
    float: left;
}
#content_list {
    margin-bottom: 20px;
}

#right_column {
    padding: 0px;
    margin: 0px 0px 30px 0px;
	width:200px;
    min-height: 400px;
	float:left;
}
#right_column_top {
	width:100%;
    height: 560px;
    background-repeat: no-repeat;
    background-position: right;
	float:left;
}
#right_column_bottom {
	width:0px;
    height: 270px;
    line-height: 25px;
    font-family: arial_3;
    font-size: 14px;
    color: orange;
    padding: 103px 0px 0px 0px;
	float:left;
}
/* ------ 2 ------ */
#footer {
    height: 91px;
    padding-top: 10px;
    background-image: url("bg_footer.gif");
    color: #ffffff;
    line-height: 15px;
    width: 1000px;
    float: left;
}