@charset "UTF-8";

#pageBottom #footer div.pr div.prBg:after,
#between:after,
#promotion:after,
#sideNavigation:after,
#mainContents div.studentObj ul:after,
#mainContents div.studentObj div.top:after,
#pageBottom #footer div.row:after,
#contents:after,
#globalNavigation:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#pageBottom #footer div.pr div.prBg:after,
#between,
#promotion,
#sideNavigation,
#mainContents div.studentObj ul,
#mainContents div.studentObj div.top,
#pageBottom #footer div.row,
#contents,
#globalNavigation {
	display: inline-table;
	/*\*/
	display: block;
	*height: 1%;
	/**/
}

body {
	background: url(../tutor_image/index/main_bg.gif) repeat-x 0 103px;
	background-color: #fbfbfb;
	text-align: center;
}

/* PAGETOP */
#pageTop {
	position: relative;
	width: 908px;
	margin: 0 auto;
	z-index: 100;
}
	#header{
		position: relative;
		top: 0;
		height: 103px;
		left: 62px;
	}
		#ci {
			position: absolute;
			left: 0;
			top: 10px;
		}
		#catch {
			display: none;
		}
		#globalNavigation {
			position: absolute;
			left: 0;
			top: 64px;
		}
		#globalNavigation li {
			margin-right: 1px;
			float: left;
		}
#headerside {
	position: absolute;
	left: 605px;
	top: 0;
}
	#headersideObj {
		width: 243px;
		height: 893px;
		background: url(../tutor_image/r_bg_01.png) no-repeat left top;
		z-index: 100;
		_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../tutor_image/r_bg_01.png', sizingMethod='crop');
	}
		#sideNavigation {
			position: relative;
			padding: 0px 0 0px 29px;
			height: 65px;
		}
			#sideNavigation li {
				float: left;
				margin-top: 18px;
			}
			#sideNavigation li.li2 {
				padding-left: 12px;
			}
/*add*/
	#headersideObj2 {
		width: 243px;
		height: 712px;
		background: url(../tutor_image/r_bg_02.png) no-repeat left top;
		z-index: 100;
		_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../tutor_image/r_bg_02.png', sizingMethod='crop');
	}
		#welcome {
			position: relative;
			color: #fff;
			margin-bottom: 15px;
		}
		#logout {
			margin: 0 13px 13px 13px;
			position: relative;
		}
		#status {
			margin: 13px;
			position: relative;
		}
			#status div.statusChange {
			}
			#status div.question {
				position: absolute;
				top: 0px;
				left: 168px;
			}
		ul#MyNavigation {
			position: relative;
			background: url(tutor_image/r_line_01.gif) no-repeat 0px bottom;
			width: 237px;
			margin: 20px 0 0 13px;
			text-align: left;
		}
/*
			ul#MyNavigation li {
				margin: 0;
				padding: 0;
				font-size: 0;
				line-height: 0;
			}
*/
                        ul#MyNavigation li a{
                                display: block;
/*
                                background-color: #A8AA1B;
*/
                                width: 217px;
                                hight: 30px;
                                text-align: center;
                                line-height: 20px;
                                color: #000;
                                margin: 0;
                                padding: 0px;
                        }
                        ul#MyNavigation li a:hover{
                                background-color: #FFF;
                                text-decoration: none;
                        }

		#headerside .banner1 {
			margin-top: 59px;
		}
/*add end*/
		#loginObj {
			position: relative;
			height: 181px;		
		}
			#login {
				background: url(../tutor_image/lgi_bg_02.gif) no-repeat left bottom;
				padding-bottom: 22px;
				margin: 0 13px 13px 13px;
			}
				#login .body{
					color: #434343;
					margin-left: 0px;
				}
					#login div.body table {
						margin: 0 auto;
					}
					#login div.body table th,
					#login div.body table td {
						padding: 3px;
						text-align: left;
						font-weight: normal;
					}
					#login div.body table input {
						width: 92px;
						font-size: 11px;	
						/*\*/
						*font-size: 75%;
						/**/
						ime-mode: disabled;
					}
					#login div.submit {
						margin-top: 8px;
					}
					#login p.p1 {
						padding: 0 0 6px 0px;
						font-size: 10px;
						/*\*/
						*font-size: 80%;
						/**/
					}
		#Register {
			margin-bottom: 10px;
			position: relative;
		}
		#tfbNavigation {
			position: relative;
			background: url(../tutor_image/r_line.gif) no-repeat 0px bottom;
			width: 237px;
			margin-left: 0px;
			text-align: left;
			margin-left: 13px;
		}
	
/*	
			#tfbNavigation li {
				margin: 0;
				padding: 0;
				font-size: 0;
				line-height: 0;
			}
*/
                        ul#tfbNavigation li a{
                                display: block;
                                background-color: #9EA012;
                                width: 217px;
                                hight: 40px;
                                text-align: center;
                                line-height: 30px;
                                color: #000;
                                margin: 0;
                                padding: 0px;
                        }
                        ul#tfbNavigation li a:hover{
                                background-color: #FFF;
                                text-decoration: none;
                        }

		
		#headerside div.banner1 {
			margin-top: 63px;
			position: relative;
		}
		
/* MAIN */

#between {
	position: relative;
	line-height: 0;
	font-size: 0;
}
	#promotion {
	margin: 0 auto;
	width: 908px;
	text-align: left;
	z-index: 1;
	}

/* PAGEBODY */
#pageBody {	
	width: 908px;
	position: relative;
	top: 0;
	margin: 0 auto;
	text-align: left;
	}

	/* CONTENTS */
	#contents {
		min-height: 624px;
		_height: 624px;
		margin-left: 62px;
		width: 537px;
	}

/* pageBottom */
#pageBottom{
	width: 908px;
	margin: 0 auto;
	text-align:left;
}
	#pageBottom div.studentbottom {
		margin-left: 609px;
	}
	#pageBottom #footer {
		background: url(../tutor_image/fot_bg.gif) no-repeat center top;
		background-color: #e4e4e4;
		width: 785px;
		height: 168px;
		margin: 10px 0 0 62px;
		font-size: 10px;
		/*\*/
		*font-size: 80%;
		/**/
	}
		#pageBottom #footer p#footerNavigation {
			text-align: center;
			padding-top: 10px;
			margin-bottom: 10px;
		}
		#pageBottom #footer div.row {
			background: url(../tutor_image/line_02.gif) repeat-x left top;
			margin: 0 20px 0 20px;
			height: auto;
			padding-top: 10px;
		}
			#pageBottom #footer div.data {
				float: right;
				text-align: right;
				padding-bottom: 10px;
			}
				#pageBottom #footer div.data div {
					padding-bottom: 5px;
				}
			#pageBottom #footer p.copyright {
				margin-top: 25px;
				float: left;
				}
		#pageBottom #footer div.pr {
			margin: 0px 0 0 13px;		
		}
			#pageBottom #footer div.pr div.prBg {
				background: url(../tutor_image/pr_bg_02.gif) no-repeat left bottom;
				background-color: #2f829d;
				width: 758px;
				*height: auto;
			}
				#pageBottom #footer div.pr p {
					background: url(../tutor_image/pr_bg_01.gif) no-repeat left top;
					padding: 10px 0px 10px 70px;
					text-align: center;
				}
				#pageBottom #footer div.pr h4 {
					padding: 11px 5px 0px 21px;
					float: left;
				}
				#pageBottom #footer div.pr a {
					color: #fff;
				}