#site_center {text-align:center; margin:0 30px;}
.main { width:788px; text-align:left; background:#FFFFFF; padding-left:20px; padding-right:20px; margin: 0 auto 0 auto; }
.min_width {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 840)? "840px" : "100%"); min-width:840px;}

.border_r { background:url(images/border_r.jpg) repeat-y; width:4px; height:100%; }
.border_l { background:url(images/border_l.jpg) repeat-y; width:4px; height:100%; padding-right: 2px; padding-left: 2px; }

/*======= header =======*/
#header{ height:479px; width:100%; text-align:center}
#header div{ width:780px; margin:0 auto}

/*======= footer =======*/
#footer{ height:50px; width:100%; text-align: center; padding-top: 40px; }

/*======= content =======*/

#header, #content, #footer{ min-width:780px}
.col_1, .col_2, .col_3, .col1, .col2, .col3 { float:left; }

/*======= index.html =======*/
#page1 #content .col1{ width:35%}
#page1 #content .col2{ width:65%}

/*======= index-1.html =======*/
#page2 #content .col1{ width:25%}
#page2 #content .col2{ width:75%}

/*======= index-2.html =======*/
#page3 #content .col1{ width:25%}
#page3 #content .col2{ width:75%}

/*======= index-3.html =======*/
#page4 #content .col1{ width:25%}
#page4 #content .col2{ width:591px;}

/*======= index-4.html =======*/
#page5 #content .col1{ width:25%}
#page5 #content .col2{ width:75%}

/*======= index-5.html =======*/
#page6 #content .col1{ width:25%}
#page6 #content .col2{ width:75%}

/*======= index-6.html =======*/
#page7 #content .col1{ width:35%}
#page7 #content .col2{ width:65%}