html, body, form {
	margin: 0px;
	padding: 0px;}
html, body{
	width: 100%;
	height: 100%;}

#body {
	width: 100%;
	min-width: 995px;
	min-height: 100%;
	position: relative;
	margin: 0 auto;
	overflow: hidden;}

table {
	font-size: 100%;}
img {
	border: 0px;}
img.fix {
	vertical-align: bottom;}
img.top {
	vertical-align: top;}
img.frame {
	border: 3px solid #EEEEEE;}
p.fix {
	padding: 0px;}

body {
	font-family: "Tahoma";	
	font-size: 12px;
	color: #333333;
	background: white;}

p, h1, h2, h3 {
	padding: 0px;
	margin: 5px 0 5px 0;
	line-height: 1.5;}
h1, h2, h3 {
	font-weight: normal;}

a { text-decoration: underline; color: #006600; }
a:hover { text-decoration: underline; color: #01AF01;}
a.unreal { text-decoration: none; border-bottom: 1px dashed;}
a.unreal:hover {text-decoration: none;}

sup, sub {
	vertical-align: middle;
	position: relative;
	font-size: 85%;}
sup { bottom: 0.5em; }
sub { top: 0.5em; }

td {
	vertical-align: top;}

ul, ol {
	padding: 0 0 0 20px;
	margin: 0;}
	
.clear-both {
	overflow: hidden;
	height: 0;
	clear: both;}

.hidden{ display: none;}
a.outoff { outline: none; }
/************************************************/

/* layout */
#header {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	z-index: 10;}
#header .logologo {
	position: absolute;
	top: 11px; left: 6px;}

#left-menu {
	padding: 0;
	position: absolute;
	top: 216px; left: 0;
	z-index: 20;}
#left-menu li {
	display: block;
	width: 200px; height: 46px;}
#left-menu li a {
	display: block;
	width: 163px; height: 32px;}
#left-menu li.i2 {background-position: 0 -46px;}
#left-menu li.i3 {background-position: 0 -92px;}
#left-menu li.i4 {background-position: 0 -138px;}
#left-menu li.i1.current {background-position: -200px 0;}
#left-menu li.i2.current {background-position: -200px -46px;}
#left-menu li.i3.current {background-position: -200px -92px;}
#left-menu li.i4.current {background-position: -200px -138px;}

#left-side {
	float: left;
	padding: 376px 0 220px 6px;
	width: 200px;}

#right-side {
	padding: 196px 0 60px;
	position: relative;
	z-index: 20;
	overflow: hidden;}
#content-middle,
#content-corners-top,
#content-corners-bottom {
	position: relative;
	max-width: 1074px;}
#content-corners-top div{
	height: 10px;
	margin: 0 20px 0 10px;
	font-size: 0;
	background: white;}
#content-corners-bottom div{
	height: 20px;
	margin: 0 20px 0 10px;
	font-size: 0;
	background: url('/i4u/content-corners-bottom.png') repeat-x;}
#content-corners-top ins ins,
#content-corners-bottom ins ins{
	display: block;
	width: 30px; height: 30px;
	background: url('/i4u/content-corners-form.png') no-repeat;}
#content-corners-top .left,
#content-corners-top .right,
#content-corners-bottom .left,
#content-corners-bottom .right{
	font-size: 0;
	display: block;
	position: absolute;
	overflow: hidden;}
#content-corners-top .left, #content-corners-top .right { top: 0; height: 10px; }
#content-corners-bottom .left, #content-corners-bottom .right { bottom: 0; height: 20px; }
#content-corners-top .left, #content-corners-bottom .left { left: 0; width: 10px; }
#content-corners-top .right, #content-corners-bottom .right { right: 0; width: 20px; }
#content-corners-top .left ins { margin: -20px 0 0 -20px;}
#content-corners-top .right ins { margin: -20px 0 0 0;}
#content-corners-bottom .left ins { margin: 0 0 0 -20px;}
#content-middle .content-shadow {
	position: absolute;
	top: 0; right: 0;
	width: 20px; height: 100%;
	background: url('/i4u/content-corners-right.png') repeat-y;}
	
#right-side .header-images {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	max-width: 1074px;}
#right-side .header-images span {
	position: absolute;
	display: block;}
#right-side .header-images .label{
	left: 30%; top: 168px;
	width: 366px; height: 25px;
	margin: 0 0 0 -20px;
	background: url('/i4u/labels-true-camp.png') no-repeat;
	z-index: 12;}
#right-side .header-images .people {
	right: 0; top: 73px;
	width: 32%; height: 123px;
	overflow: hidden;}
#right-side .header-images .people ins{
	display: block;
	float: right;}
#right-side .header-images .people .i1{
	width: 201px; height: 123px;
	margin: 0 10px 0 0;
	background: url('/i4u/header-people-1-back.png') no-repeat;}
#right-side .header-images .people .i1 ins{
	width: 201px; height: 123px;
	background: url('/i4u/header-people-1-fore.png') no-repeat;}
#right-side .header-images .people .i2{
	width: 70px; height: 96px;
	margin: 27px 20px 0 0;
	background: url('/i4u/header-people-2.png') no-repeat;}

#right-side .header-menu {
	position: absolute;
	top: 11px; right: 0;
	height: 22px;
	line-height: 22px;
	padding: 0 20px 0 0;
	background: white;
	z-index: 25;}
#right-side .header-menu ins{
	position: absolute;
	left: -7px; top: 0;
	display: block;
	width: 7px; height: 22px;
	background: url('/i4u/header-menu-corner.png') no-repeat;}
#right-side .header-menu a {
	padding: 0 10px;}
#right-side .stratero {
	position: absolute;
	right: 42px; bottom: 10px;
	display: block;
	width: 52px; height: 41px;
	background: url('/i4u/stratero.png') no-repeat;
	z-index: 100;}

#footer {
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
	z-index: 10;
	height: 220px;}
#footer .label{
	position: absolute;
	left: 50%; bottom: 10px;
	display: block;
	width: 330px; height: 18px;
	margin: 0 0 0 -65px;
	background: url('/i4u/labels-mega-learning.png');}

#footer .people{
	position: absolute;
	left: 0; bottom: 0;
	display: block;}
#footer .people ins { display: block; }
#footer .people.i1 { background: url('/i4u/people-1-back.png'); width: 203px; height: 142px;}
#footer .people.i1 ins{ background: url('/i4u/people-1-fore.png'); width: 203px; height: 142px;}
#footer .people.i2 { background: url('/i4u/people-2-back.png'); width: 177px; height: 137px;}
#footer .people.i2 ins{ background: url('/i4u/people-2-fore.png'); width: 177px; height: 137px;}
#footer .people.i3 { background: url('/i4u/people-3-back.png'); width: 203px; height: 185px;}
#footer .people.i3 ins{ background: url('/i4u/people-3-fore.png'); width: 203px; height: 185px;}
#footer .people.i4 { background: url('/i4u/people-4-back.png'); width: 198px; height: 146px;}
#footer .people.i4 ins{ background: url('/i4u/people-4-fore.png'); width: 198px; height: 146px;}
#footer .people.i5 { background: url('/i4u/people-5-back.png'); width: 202px; height: 139px;}
#footer .people.i5 ins{ background: url('/i4u/people-5-fore.png'); width: 202px; height: 139px;}
#footer .people.i6 { background: url('/i4u/people-6-back.png'); width: 117px; height: 218px; left: 38px;}
#footer .people.i6 ins{ background: url('/i4u/people-6-fore.png'); width: 117px; height: 218px;}
	
/* styles */
#left-side .random-photo {
	display: block;
	width:194px; height: 197px;
	margin: 0 0 20px;
	background: url('/i4u/main-photo-frame.png');}
#left-side .random-photo img {
	margin: 4px 0 0 4px;}
	
#left-side .the-english-club img{
	display: block;
	width: 192px; height: 39px;}

#seasons-side {
	float: right;
	padding: 20px 0 0 20px;
	border-left: 1px solid #D5D5D5; }
#content {
	margin: 0 20px 0 0;
	padding: 1px 20px 20px 30px;
	background: white;
	overflow: hidden;}
#content-inner{
	margin-right: 166px;}
	
#content .h1,
#content h1 {
	font-size: 140%;
	padding: 0;
	color: #006600;}
#content h1 {
	margin: 10px 0 20px;}
#content .h2,
#content h2 {
	font-size: 115%;
	font-weight: bold;
	color: #006600;}
#content .h3,
#content h3 {
	font-size: 100%;
	font-weight: bold;
	color: #006600;}

.green-block {
	background: #E7FBCC;
	padding: 10px 20px;
	margin: 20px 0 0;}
.green-block.contacts {
	clear: both;
	text-align: center;}
.green-block.faq {
	font-weight: bold;
	margin: 30px 0 16px;}
.white-corners-10 {
	position: relative;
	overflow: hidden;}
.white-corners-10 ins.cor {
	position: absolute;
	display: block;
	width: 20px; height: 20px;
	font-size: 0;
	background: url('/i4u/corners-10-white.png');}
.white-corners-10 ins.cor.tl { top: -10px; left: -10px; clip: rect(10px, 20px, 20px, 10px); }
.white-corners-10 ins.cor.tr { top: -10px; right: -10px; clip: rect(10px, 10px, 20px, 0);}
.white-corners-10 ins.cor.bl { bottom: -10px; left: -10px; clip: rect(0, 20px, 10px, 10px);}
.white-corners-10 ins.cor.br { bottom: -10px; right: -10px; clip: rect(0, 10px, 10px, 0);}
	
#index-table {
	border-spacing: 0;
	width: 100%;}
#index-table #photoalbum {
	padding-left: 40px;}
#index-table .odd{
	border-left: 1px solid #F6F6F6;}
#index-table .even{
	border-right: 1px solid #E4E4E4;
	padding: 0 5% 0 0;}
.nc_news.nc_title {
	border-spacing: 0;
	width: 100%;}
.nc_news.nc_title .nc_row.odd{
	padding: 0 0 0 5%;
	border-left: 1px solid #F6F6F6;}
.nc_news.nc_title .nc_row.even{
	border-right: 1px solid #E4E4E4;
	padding: 0 5% 0 0;}
.nc_news .nc_row {
	clear: left;
	margin: 20px 0;}
.nc_news .nc_datetime {
	font-style: italic;}

.seasons-line {
	border-collapse: collapse;
	margin-bottom: 20px;}
.seasons-line td {
	padding: 0;}
.seasons-line a {
	display: block;
	width: 125px; height: 114px;
	position: relative;
	overflow: hidden;}
.seasons-line a img{
	display: block;
	width: 125px; height: 114px;}
.seasons-line a .char{
	width: 500px; height: 456px;
	position: absolute;
	top: 0; left: 0;
	background: url('/i4u/seasonicon-letters-8.png') no-repeat;
	cursor: pointer;}
.seasons-line .spring .char { top: 0; }
.seasons-line .summer .char { top: -114px; }
.seasons-line .autumn .char { top: -228px; }
.seasons-line .winter .char { top: -342px; }
.seasons-line .c .char { left: 0; }
.seasons-line .a .char { left: -125px; }
.seasons-line .m .char { left: -250px; }
.seasons-line .p .char { left: -375px; }

#seasons-side .seasons-line a { margin: 0 0 30px 0; }
#seasons-side .seasons-line { margin-bottom: 0; }
#seasons-side { margin-bottom: 20px; }

table.center td,
table.center th{
	text-align: center;
	vertical-align: middle;}
#photoalbum a.item {
	display: -moz-inline-stack;
	display: inline-block;
	width: 174px;
	vertical-align: top;
	margin: 0 20px 20px 0;
	text-decoration: none;}
#photoalbum a.item span {
	display: block;
	padding: 10px;
	background: #f2f2f2;
	border: 1px solid #ccc;}
#photoalbum a.item:hover span{
	border: 1px solid #aaa;}
#photoalbum a.item span img {
	border: 1px solid #aaa;}
#photoalbum a.item span ins{
	display: block;
	padding: 8px 0 0 0;
	text-align: center;
	text-decoration: none;}
#photoalbum a.item span small{
	font-size: 90%;
	color: gray;}

.nc_mail_from_site {
	margin: 30px 0 0;}
.nc_mail_from_site .nc_description,
.nc_mail_from_site .nc_item{
	margin: 10px 0;}
.nc_mail_from_site .nc_title{
	margin: 6px 0;}

#seasons-menu {
	list-style: none;
	overflow: hidden;
	margin: 0;
	padding: 0;}
#seasons-menu li{
	white-space: nowrap;
	font-size: 14px;
	margin: 0 8px 10px 0;
	float: left;}
#seasons-menu li a{
	display: block;
	padding: 0 12px;
	position: relative;
	line-height: 23px;
	height: 23px;
	color: white;}
#seasons-menu li a ins {
	position: absolute;
	top: 0;
	display: block;
	width: 4px;
	height: 23px;
	background: url('/i4u/menu-coners.png') no-repeat;}
#seasons-menu li.current a{
	color: black;
	text-decoration: none;}
#seasons-menu li a .l {	left: -2px;}
#seasons-menu li a .r {	right: -2px;}

/*= _E_ =*/
.hide {
	display: none;
}
#feedback {
	position: absolute; z-index: 2048; top: 50px; left: 50%;
	width: 350px;
	margin-left: -175px; padding: 20px;
	background: #fff;
}