@charset "utf-8";
/* CSS Document */

/***
 * Style guide that applies to HMGEM only should go in here.
 *
 */
body{
	background:url(../images/body_bg.gif) repeat;
}
 
.pageContainer{
	background:url(../images/pageContainer_bg.gif) repeat-y;
	margin-top:-1px;
	border-top:1px solid white;
}

.main{
	width:974px;
	margin:0px auto;
	padding:0px;
	padding-bottom:18px;
	background:url(../images/pageContainer_bg_bottom.gif) no-repeat left bottom;
}

.head{
	width:906px;
	margin:30px auto;
	margin-bottom:0px;
	position:relative;
	padding:0px;
	padding-bottom:10px;
	border-bottom:6px solid #BF311A;
}

.head .right{
	float:right;
	margin-top:18px;
}

#menu{
	position:absolute;
	top:53px;
	right:0px;
}

#menu ul{
	list-style-type:none;
	font-size:12px;
	font-style:italic;
	list-style-position:outside;
}

#menu ul li{
	display:inline;
	padding:0px;
	line-height:12px;
	font-size:12px;
	font-weight:bold;
	position:relative;
}

#menu ul li.last{
	padding:0px;
}

#menu ul li.separate{
	border:none;
	padding:0px 3px;
	margin:0px;
}

#menu ul li ul{
	margin:0px;
	padding:0px;
	padding-top:11px;
	#padding-top:10px;
	position:absolute;
	top:14px;
	#top:18px;
	left:-10px;
	list-style-type:none;
	background-color:white;
	width:100px;
	display:none;
}

#menu ul li.last ul{
	margin:0px;
	padding:0px;
	padding-top:11px;
	#padding-top:10px;
	position:absolute;
	top:14px;
	#top:18px;
	left:-14px;
	list-style-type:none;
	background-color:white;
	width:100px;
	display:none;
}

#menu ul li ul li{
	display:block;
	padding:4px 10px;
	line-height:14px;
	height:100%;
	border:1px solid #ccc;
	border-bottom:0px;
	background-color:white;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	z-index:10;
}

#menu ul li a:hover{
	color:#BF311A;
	text-decoration:none;
}

#menu ul li a.current{
	color:#BF311A;
	text-decoration:none;
}

#menu ul li ul li.last{
	padding:4px 10px;
	border:1px solid #ccc;
}

.content{
	width:906px;
	margin:0px auto;
	padding:0px;
	overflow:hidden;
}

.content .breadcrumb{
	margin-top:5px;
	font-size:11px;
	text-align:left;
}

.breadcrumb a{
	color:#4277BC;
}

.breadcrumb a.link{
	margin-right:5px;
	padding-right:9px;
	background:url(../images/breadcrumb_sep.gif) no-repeat right;
}

.content .left{
	float:left;
	margin-top:22px;
	width:205px;
	padding:0px;
	text-align:left;
	height:290px;
}

.content .left img{
	border:none;
	margin:0px;
	padding:0px;
}

.content .leftmenu{
	float:left;
	margin-top:3px;
	width:178px;
	padding:0px;
	text-align:left;
}

.content .leftmenu ul.innermenu{
	margin:0px;
	margin-top:20px;
	padding:0px;
	text-align:left;
	list-style-type:none;
	width:120px;
	font-size:12px;
	list-style-position:outside;
}

.content .leftmenu ul.innermenu li{
	margin:0px;
	padding:4px 0px;
	padding-left:10px;
	border-top:1px solid #ccc;
	background-color:#FFFFFF;
	line-height:14px;
	font-weight:bold;
	color:#BF311A;
}

.content .leftmenu ul.innermenu li.last{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#FFFFFF;
}

.content .leftmenu ul.innermenu li a{
	color:#666666;
	text-decoration:none;
	font-weight:normal;
}

.content .leftmenu ul.innermenu li a:hover{
	color:#BF311A;
	text-decoration:none;
	font-weight:normal;	
}

.content .right{
	float:right;
	width:216px;
	margin:0px;
	margin-top:15px;
	_margin-top:4px;
	text-align:left;
}

.content .right .topborder{
	width:100%;
	background:url(../images/right-top-border.gif) no-repeat left bottom;
	height:3px;
}

.content .right .middleborder{
	width:100%;
	background:url(../images/right-border.gif) repeat-y left;
}

.content .right .pos{
	margin:0px auto;
	padding:8px 0px;
	#padding-bottom:4px;
	width:190px;
}

.content .right .pos .title{
	color:#BF311A;
	font-size:16px;
	font-weight:bold;
	margin-bottom:4px;
	margin:0px;
	margin-bottom:2px;
	padding:0px 0px 6px 0px;;
}

.content .right .bottomborder{
	width:100%;
	background:url(../images/right-bottom-border.gif) no-repeat left top;
	height:3px;
}

.content .right .middleborder ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
	list-style-position:outside;
}

.content .right .middleborder ul li{
	width:190px;
	position:relative;
	margin:0px;
	padding:0px;
	border-bottom:1px dashed #cccccc;
	margin-bottom:6px;
}

.content .right .middleborder ul li.last{
	border-bottom:0px dashed #cccccc;
	margin:0px;
	#margin-bottom:6px;
}

.article{
	padding-bottom:11px;
}

.article .adate{
	color:#666666;
}

.article .atitle{
	font-weight:bold;
	color:#7499c0;
	margin-bottom:8px;
}

.article .description{

}

.article .link{
	position:absolute;
	bottom:11px;
	right:0px;
}

.content .middle{
	float:left;
	width:484px;
	#width:479px;
	text-align:right;
}

.content .mainarea{
	float:left;
	width:727px;
	text-align:left;
	margin-top:15px;
}

.content .longmainarea{
	float:left;
	width:880px;
	text-align:left;
	margin-top:15px;
	margin-left:20px;
	_margin-left:10px;	
}

.content .newslist{
	float:left;
	width:864px;
	text-align:left;
	margin-top:25px;
	margin-left:20px;
	_margin-left:10px;
}

.content .newslist .rightwithmargin{
	float:right;
	text-align:right;
	font-size:11px;
	margin-right:5px;
	color:#BF311A;
	font-weight:bold;
}

.content .newslist .rightwithmargin a, .content .newslist .rightwithmargin span{
	color:#888888;
	font-weight:normal;
}

.news{
	width:100%;
	padding-bottom:11px;
	float:left;
}

.news .title{
	color:#BF311A;
	font-size:11px;
	font-weight:bold;
	margin-bottom:4px;
	margin:0px;
	margin-bottom:2px;
	padding:0px 0px 6px 0px;;
	width:640px;
	border-bottom:1px solid #cdcdcd;
}

.news .adate{
	color:#666666;
}

.news .atitle{
	font-weight:bold;
	color:#7499c0;
	margin-bottom:8px;
}

.news .description{
	width:640px;
}

.news .acontent{
	width:100%;
}

.news .right{
	float:right;
	margin:0px;
	margin-top:35px;
	padding:0px;
	text-align:left;
}

.content img.jobright{
	float:right;
	margin-top:60px;
	margin-right:12px;
}

.content .joblist{
	float:left;
	width:600px;
	text-align:left;
	margin-top:25px;
	margin-left:22px;
	_margin-left:12px;
}

.content .joblist .right{
	float:right;
	text-align:right;
	color:#BF311A;
	font-size:11px;
	font-weight:bold;
}

.content .joblist .right a, .content .joblist .right span{
	color:#888888;
	font-weight:normal;	
}

.job{
	width:100%;
	padding-bottom:20px;
	float:left;
	position:relative;
}

.job .title{
	color:#BF311A;
	font-size:12px;
	font-weight:bold;
	margin-bottom:4px;
	margin:0px;
	margin-bottom:2px;
	padding:0px 0px 6px 0px;;
	width:100%;
	border-bottom:1px solid #cdcdcd;
}

.job .title .right{
	float:right;
	font-weight:normal;
	color:#333333;
	margin-top:0px;
	font-size:12px;
}

.job .title .right span{
	color:#BF311A;
}

.job .adate{
	font-size:12px;
	font-weight:bold;
	color:#262626;
}

.job .description{
	width:100%;
}

.job .description .right{
	float:right;
	font-weight:normal;
	color:#333333;
	margin-top:-15px;
}

.job .description .right a{
	color:#BF311A;
}

.job .applynow{
	float:right;
	padding-top:10px;
}

.content .apply{
	float:left;
	width:906px;
	text-align:left;
	margin-top:25px;
	margin-left:22px;
	_margin-left:12px;
}

.apply .applyblock{
	float:left;
	width:400px;
	margin-right:10px;
	margin-top:20px;
}

.apply .applyblock .right{
	float:right;
	text-align:right;
	margin-top:20px;
	margin-bottom:40px;
	margin-right:74px;
	_margin-right:38px;
}


.apply .applyblock ul{
	list-style-type:none;
	width:400px;
	list-style-position:outside;
	margin:0px;
	padding:0px;
}

.apply .applyblock ul li{
	width:400px;
	font-size:11px;
	line-height:18px;
	margin:0px;
	padding:0px;
	padding:3px;
	#padding:2px;
}

.apply .applyblock ul li label{
	float:left;
	width:70px;
}

.apply .applyblock ul li input.txt{
	width:200px;
}

.apply .applyblock ul li input.file{
	width:250px;
}

.apply .applyblock ul li textarea.txt{
	width:250px;
}

.apply .title{
	color:#BF311A;
	font-size:14px;
	margin:0px;
	margin-bottom:16px;
	padding:0px 0px 6px 0px;;
	width:360px;
	border-bottom:1px solid #ccc;
}

.apply .title .right{
	float:right;
	font-weight:normal;
	color:#333333;
	margin-top:0px;
}

.apply .adate{
	font-size:12px;
	font-weight:bold;
	color:#666666;
}

.clearboth{
	float:left;
	width:1000px;
	padding:6px 0px;
	#padding:4px 0px;
	_padding:0px;
	_margin-top:-20px;
	line-height:0px;
}

.bottom{
	width:909px;
	margin:0px auto;
	padding:0px;
	_margin-top:-5px;
	#z-index:-1;
	overflow:hidden;
}

.bottom .left{
	float:left;
	width:216px;
	margin:0px 0px;
	padding:0px;
	margin-right:15px;
}

.bottom .last{
	margin-right:0px;
}

.bottom .left .topborder{
	width:100%;
/*	background:url(../images/bottom-top-border.gif) no-repeat left bottom;*/
}

.bottom .left .middleborder{
	width:100%;
/*	background:url(../images/bottom-border.gif) repeat-y left;*/
	padding-top:1px;
	overflow:hidden;
}

.bottom .left .middleborder img{
	float:right;
	padding-right:2px;
}

.bottom .left .bottomborder{
	width:100%;
/*	background:url(../images/bottom-bottom-border.gif) no-repeat left top;*/
}

#footer{
	margin:0px auto;
	width:974px;
	color:#3c3c3c;
}

#footer .left{
	float:left;
	margin-left:10px;
	_margin-left:0px;
}

#footer .right{
	float:right;
	margin-right:15px;
}
