@charset "utf-8";
@import url("common.css");
@import url("component.css");
@import url("fonts.css");

@media tty {
    i{content:"\";/*" "*/}} @import 'ie55win.css'; /*";}
}/* */

body {
	text-align: center;
	background:url(../imgs/career/bg.gif) repeat top left;
	}
	
.bottom{
	vertical-align:text-bottom;
}


div#container {
	text-align: center;
	margin:0 auto;
	width:920px;
	background:#FFF;
}

div#container02 {
	text-align: center;
	margin:0 auto;
	width:700px;
	background:#FFF;
}

.left{
	float:left;
}

.right{
	float:right;
}

#header {
	text-align: left;
	width: 900px;
	margin:0 auto 12px;
	padding-top: 10px;
}

#header02 {
	text-align: left;
	width: 700px;
	margin:0 auto 12px;
	padding-top: 10px;
}


#header #ci{
	float:left;
}

#header #closeBtn{
	float:right;
	padding-top:5px;
	
}

.center{
	text-align:center;
}


.section{
	margin-bottom:32px;
}

.s-section{
	margin-bottom:24px;
	text-align: left;
}

.headline{
	margin-bottom:24px;
}

#career .maininer{
	margin:0 10px 36px 10px;
	background: #F4F3EA;
	padding-bottom: 20px;
}


#career .maininer .iner{
	margin:0 10px;
}


#career #introArea{
	background:url(../imgs/career/introbg.jpg) repeat 0 0;
}

#career #introArea .iner{
	margin:0 10px;
	padding:10px 0;
	text-align: left;
}

#career #introArea .iner p{
	color:#FFF;
	margin:0;
}


#l-nav{
	display:block;
	width:900px;
	height:60px;
	background:url(../imgs/career/localnav.jpg) no-repeat top left;
	margin: 0 auto 18px 0;
	text-align: left;

}

#l-nav li,
#l-nav li a {
	height:52px;
	top:6px;
}

li#l-01{
	left:5px;
	width:120px;
}

li#l-02{
	left:133px;
	width:120px;
}

li#l-03{
	left:261px;
	width:120px;
}

li#l-04{
	left:389px;
	width:120px;
}

li#l-05{
	left:517px;
	width:120px;
}

li#l-06{
	left:645px;
	width:121px;
}

li#l-07{
	left:774px;
	width:122px;
}


li#l-01 a:hover{
	background:url(../imgs/career/localnav.jpg) no-repeat -5px -64px;
}

li#l-02 a:hover{
	background:url(../imgs/career/localnav.jpg) no-repeat -133px -64px;
}

li#l-03 a:hover{
	background:url(../imgs/career/localnav.jpg) no-repeat -261px -64px;
}

li#l-04 a:hover{
	background:url(../imgs/career/localnav.jpg) no-repeat -389px -64px;
}

li#l-05 a:hover{
	background:url(../imgs/career/localnav.jpg) no-repeat -517px -64px;
}

li#l-06 a:hover{
	background:url(../imgs/career/localnav.jpg) no-repeat -645px -64px;
}

li#l-07 a:hover{
	background:url(../imgs/career/localnav.jpg) no-repeat -774px -64px;
}


#l-nav02{
	display:block;
	width:900px;
	height:60px;
	background:url(../imgs/career/localnav02.jpg) no-repeat top left;
	margin: 0 auto 18px 0;
	text-align: left;

}

#l-nav02 li,
#l-nav02 li a {
	height:52px;
	top:6px;
}

li#l02-01{
	left:5px;
	width:120px;
}

li#l02-02{
	left:133px;
	width:120px;
}

li#l02-03{
	left:261px;
	width:120px;
}

li#l02-04{
	left:389px;
	width:120px;
}

li#l02-05{
	left:517px;
	width:120px;
}

li#l02-06{
	left:645px;
	width:121px;
}

li#l02-07{
	left:774px;
	width:122px;
}


li#l02-01 a:hover{
	background:url(../imgs/career/localnav02.jpg) no-repeat -5px -64px;
}

li#l02-02 a:hover{
	background:url(../imgs/career/localnav02.jpg) no-repeat -133px -64px;
}

li#l02-03 a:hover{
	background:url(../imgs/career/localnav02.jpg) no-repeat -261px -64px;
}

li#l02-04 a:hover{
	background:url(../imgs/career/localnav02.jpg) no-repeat -389px -64px;
}

li#l02-05 a:hover{
	background:url(../imgs/career/localnav02.jpg) no-repeat -517px -64px;
}

li#l02-06 a:hover{
	background:url(../imgs/career/localnav02.jpg) no-repeat -645px -64px;
}

li#l02-07 a:hover{
	background:url(../imgs/career/localnav02.jpg) no-repeat -774px -64px;
}



#greeting .left{
	width:720px;
}

#greeting .right{
	width:150px;
}

#greeting .name{
	font-size:1.1em;
	font-weight:bold;
}

#outline .iner{
	margin:0 10px;
	padding:10px 0;
}

#outline .left{
	width:340px;
	text-align:left
}

#outline #example{
	background:#E8E6D2;
	position:relative;
	text-align: left;
}

#outline #example .photo{
	position:absolute;
	left: 442px;
	top: 3px;
}


#outline #example h3{
	text-align:left;
	margin-bottom:12px;
}
	
	
#outline .iner ul{
	margin-left:20px;
}

#outline .iner ul li{
	margin-bottom:10px;
	color:#06C;
	font-size:1.1em;
	}

#outline .iner ul a{
	color:#06C;
}

#outline .iner ul li span{
	text-decoration:underline;
	cursor:pointer;
}

#outline .iner ul li span.normal{
	color:#333;
	text-decoration:none;
}

#career img.right{
	margin-left:20px;
}

#career .lastsection{
	padding-bottom:24px;
}

#footer {
	background-image: url(../imgs/career/require.gif);
	background-repeat: no-repeat;
	height: 70px;
	width: 880px;
	background-position: 5px;
	margin:0 auto;

}

#btn_f {
	height: 70px;
	width: 236px;
	padding-right: 5px;
	padding-left: 639px;
}

#btn_f a {
	background-image: url(../imgs/career/requirebtn.gif);
	background-repeat: no-repeat;
	display: block;
	height: 70px;
	width: 236px;
	text-indent: -9999px;
}

#btn_f a:hover {
	background-position: 0px -70px;
}

#pagetop {
	text-align: right;
	padding-right: 14px;
	padding-bottom: 10px;
}

#pagetop span a {
	background-image: url(../imgs/opencampus/icn_top.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 12px;
	color: #333333;
	text-decoration: none;
}

#forum .left{
	width:200px;
}

#forum .right{
	width:440px;
	text-align:left;
}

#forum h3{
	color:#900;
	font-weight:bold;
	margin-bottom:4px;
	padding-bottom:4px;
	border-bottom:1px dotted #ccc;
}