.tail-top{ background:url(images/bg.gif) top repeat-x}
.tail-bottom{background:url(images/bot.gif) bottom repeat-x  }
	
.col-1, .col-2, .col-3, .col-4{
	float:left
}
/*======= width =======*/
.main{
	text-align:left;
	width:984px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.flash{position: relative; width:100%; margin-bottom:8px }

/*======= index.html =======*/
#index #content .col-1{ width:322px; margin-right:7px}
#index #content .col-2{ width:322px}
#index #content .col-3{ width:630px; margin-right:10px; margin-left:5px;}
#index #content .col-4{ width:322px}
#index #content .col-3 .col-1{ width:140px; height:80px; margin-left:15px; margin-right:3px;}
#index #content .col-3 .col-2{ width:140px; height:80px; margin-right:3px;}
#index #content .col-3 .col-3{ width:140px; height:80px; margin-right:3px;}
#index #content .col-3 .col-4{ width:140px; height:80px;}

/*======= course.html =======*/
#course #content .bn{width:920px; padding-left:20px;}
#course #content .col-1{ width:610px; margin-left:20px; background:url(images/spacer.png); }
#course #content .col-2{ width:322px; height:500px; margin-left:20px;}
#course #content .col-3{ width:942px; margin-left:20px; margin-right:20px}
#course #content .col-4{ width:322px}

/*======= service.html =======*/
#service #content .col-1{ width:287px; margin-right:35px}
#service #content .col-2{ width:920px; margin-left:30px; margin-bottom:20px;}
#service #content .col-3{
	width:600px;
	margin-left:20px;
	margin-right:20px
}
#service #content .col-4{
	width:320px;
	margin-left:5px;
	margin-right:5px;
}
#service #content .col-3 .col-1{ width:290px; margin-right:44px}
#service #content .col-3 .col-2{ width:295px}

/

/*======= rest.html =======*/
#rest #content .col-1{ width:287px; margin-right:35px}
#rest #content .col-2{ width:920px; margin-left:30px; margin-bottom:20px;}
#rest #content .col-3{
	width:600px;
	margin-left:20px;
	margin-right:20px
}
#rest #content .col-4{
	width:320px;
	margin-left:5px;
	margin-right:5px;
}
#rest #content .col-3 .col-1{ width:290px; margin-right:44px}
#rest #content .col-3 .col-2{ width:295px}

/*======= about.html =======*/
#about #content .col-1{ width:322px; margin-right:7px}
#about #content .col-2{ width:322px}
#about #content .col-3{ width:600px; margin-left:20px;}
#about #content .col-4{ width:322px; margin-left:20px;}

/*======= rate.html =======*/
#rate #content .bn{width:920px; padding-left:20px;}
#rate #content .col-1{ width:610px; margin-left:10px;}
#rate #content .col-2{ width:322px; margin-left:20px;}
#rate #content .col-3{ width:942px; margin-left:20px; margin-right:20px}
#rate #content .col-4{ width:322px}

/*======= contact.html =======*/
#contact #content .bn{width:700px; padding-left:110px; padding-right:110px;} 


/*======= footer =======*/
#footer { height:100px; }

