.col-1, .col-2, .col-3, .col-4, .col-5{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:981px;
background:#003957; }

/*======= header =======*/
#nav {
background:url(images/navbg.jpg) no-repeat left top;
width:951px;
height:40px;
margin: 5px auto;
}
#nav ul{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
list-style-type:none;
}
#nav li{
margin:0px;
background:none;
padding:8px 32px 0px 32px;
float:left;
}
#nav li a{
margin:0px;
padding:0px;
color:#002c45;
}

/*======= index.html =======*/
#page1 #content .col-1{ width:378px; margin-right:65px}
#page1 #content .col-2{ width:384px}
#page1 #content .bg{ background:url(images/tail.gif) repeat-y 410px top } 
#page1 #content .col-3{ width:126px}
#page1 #content .col-4{ width:129px}
#page1 #content .col-5{ width:105px}
/*======= index-1.html =======*/
#page2 #content .col-1{ width:378px; margin-right:65px}
#page2 #content .col-2{ width:384px}
#page2 #content .bg{ background:url(images/tail.gif) repeat-y 410px top } 
/*======= index-2.html =======*/
#page3 #content .col-1{ width:225px; margin-right:64px}
#page3 #content .col-2{ width:538px}
#page3 #content .bg{ background:url(images/tail.gif) repeat-y 257px top }
/*======= index-3.html =======*/
#page4 #content .col-1{ width:378px; margin-right:65px}
#page4 #content .col-2{ width:384px}
#page4 #content .bg{ background:url(images/tail.gif) repeat-y 410px top } 
/*======= index-4.html =======*/
#page5 #content .col-1{ width:378px; margin-right:65px}
#page5 #content .col-2{ width:384px}
#page5 #content .bg{ background:url(images/tail.gif) repeat-y 410px top } 
/*======= index-5.html =======*/
#page6 #content .col-1{ width:388px; margin-right:55px}
#page6 #content .col-2{ width:384px}
#page6 #content .col-3{ width:173px}
#page6 #content .col-4{ width:200px}
#page6 #content .bg{ background:url(images/tail.gif) repeat-y 410px top } 

/*======= footer =======*/
#footer { height:52px;  background:#004c6e;  }