#main {width:884px; margin:0 auto;}

#header {height:397px; background:url(images/header-bg.jpg) no-repeat left 100px;}
#header1 {height:397px; background:url(images/header-brd.jpg) no-repeat left 100px;}
#header2 {height:397px; background:url(images/header-event.jpg) no-repeat left 100px;}
#header3 {height:397px; background:url(images/header-event1.jpg) no-repeat left 100px;}

#header, #header1, #header2, #header3, #content, #footer { font-size:0.75em;}

.col-1, .col-2, .col-3 { float:left;}

/*======= index.html =======*/
#page1 #content .col-1 {width:286px; margin-right:11px;}
#page1 #content .col-2 {width:286px; margin-right:11px;}
#page1 #content .col-3 {width:286px;}

/*======= index-1.html =======*/
#page2 #content .col-1 {width:286px; margin-right:11px;}
#page2 #content .col-2 {width:286px; margin-right:11px;}
#page2 #content .col-3 {width:286px;}
#page2 #content .col-2 .col-1 { width:245px; margin:0;}
#page2 #content .col-2 .col-2 { width:176px;}

/*======= index-2.html =======*/
#page3 #content .col-1 {width:286px; margin-right:11px;}
#page3 #content .col-2 {width:583px;}
#page3 #content .col-2 .col-1 { width:235px; margin-right:57px;}
#page3 #content .col-2 .col-2 { width:235px;}
#page3 #content .col-2 .col-1 .col-1 { width:68px; margin-right:6px;}
#page3 #content .col-2 .col-1 .col-2 { width:158px;}
#page3 #content .col-2 .col-2 .col-1 { width:68px; margin-right:6px;}
#page3 #content .col-2 .col-2 .col-2 { width:258px;}

/*======= index-3.html =======*/
#page4 #content .col-1 {width:286px; margin-right:11px;}
#page4 #content .col-2 {width:583px;}
#page4 #content .col-2 .col-1 { width:235px; margin-right:57px;}
#page4 #content .col-2 .col-2 { width:235px;}

/*======= index-4.html =======*/
#page5 #content .col-1 {width:286px; margin-right:11px;}
#page5 #content .col-2 {width:286px; margin-right:11px;}
#page5 #content .col-3 {width:286px;}


/*=========================*/


#footer {height:39px;}