html {
	background-color: #999999;
	padding:0px 10px 18px 0px;
	margin:0px;
	overflow-y:auto;
	border:0;
}

/*body */
body {
	padding:0px;
	margin:0px 0px 0px 10px;
	width: 980px;
	background-color: #fff;
	border:0;

	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
 	font-variant: normal;
 	font-weight:normal;
  	font-size: 11px;
  	color:black;
}

#mainheader,
#footer,
#upheader,
.horzimg {
	background-repeat: repeat-x;
	background-position: bottom;
}

#upheader,
#mainheader {
	height:90px;
	margin:0px;
	padding: 0px 0px 22px 0px;
	background-image: url(../img/shadow.gif);
	/*======================================*/
	/*for background area*/
	position:relative;
	z-index:4;
	background-color: #fff;
}

#upheader {
	height:22px;
	padding: 0px;
	background-position: top;
	border-top:8px solid #999999;
}

#logo-big {
	float:left;
	padding:0px 15px 0px 20px;
	margin:0px;
	width:149px;
	height:78px;
	background-image: url(../img/logo_big.jpg);
	background-repeat: no-repeat;
	background-position: 31px 5px;
	border-right:1px solid #c4c7d0;
	overflow:hidden;
}

#pageslogan,
#slogan {
	float:left;
	padding:12px 15px 0px 20px;
	margin:0px 0px 0px 0px;
	height:61px;
	width:483px;
}

#pageslogan {
	padding-top:5px;
	height:73px;
}

#content{
	clear:both;
	float:none;
	padding:0px 20px 0px 500px;
	margin: 0px 0px 0px 0px;
	overflow:hidden;
	background-image: url(../img/banner.jpg);
	background-repeat: no-repeat;
	background-position: -70px 0px;
	position:relative;
}

#newsbar{
	margin:10px 0px 0px 0px;
	padding:8px 8px 0px 8px;
	border:1px solid #c4c7d0;
	background-color:#f2f2f2;
	position:absolute;
	left:20px;
	top:360px;
	width:454px;
}

.caption {
	border-bottom:1px solid brown;
	font-weight:bold;
	font-size:12px;
	color:brown;
}

.forwardcaption {
	padding:0px 0px 0px 14px;
	margin:10px 0px 0px 0px;
	font-weight:bold;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	background-image: url(../img/fw_bold.gif);
}

#footer {
	clear:both;
	margin:0px;
	padding:0px 8px 0px 0px;
	height:43px;
	background-image: url(../img/bgd.jpg);
	text-align:right;
}

#pageleftbar,
#pagerightbar{
	display: block;
	padding: 8px 8px 15px 8px;
	margin:0px 15px 18px 0px;
	position:relative;
	z-index:5;
}

/*page stuff */
#pageleftbar{
	margin-top:10px;
	float:left;
	clear:left;
	width:170px;
}

#pagerightbar {
	clear:right;
	float:right;
	width:190px;
	margin-right:8px;
	border:1px solid #c4c7d0;
	background-repeat: repeat-x;
	background-position: bottom;
	background-image: url(../img/bottomborder.gif);
}

#pagecontent {
	float:left;
	margin:0px;
	padding: 0px 0px 10px 0px;
	background-color:none;
	/*======================================*/
	/*testing codes for background area*/
	position:relative;
	z-index:1;
}

/* for IE7, Firefox, Opera*/
#pagecontent {
	width:549px;
	_width:540px;
}

/*quote bar */
.photobar,
.portalbar,
.locationbar,
.quotebar {
	margin:10px 0px 10px 0px;
	padding:8px;
	background-color:#f2f2f2;
}

.quotebar {
	border-left:4px solid gray;
	margin-left:20px;
	_width:494px;
}

/*photo bar */
.locationbar,
.photobar {
	background-repeat:no-repeat;
	background-position:top left;
}

.photobar {
	padding-left: 100px;
	min-height:105px;
	height:auto !important;  
	height:105px;
	border-right:4px solid red;
}

/*photo bar */
.locationbar{
	padding-left: 300px;
}

/*drop off the borders of IMG object*/
img {
	border:0;
}

/*links for IMG objects, floating at left*/
#imglink {
	margin: 10px 10px 10px 0px;
	float:left;
}

#imglinktight {
	margin: 6px 8px 8px 0px;
	float:left;
}

/*right floating IMG bar*/
#imgright{
	float:right;
	padding:0px;
	margin:10px;
}

/*the go button*/
img.go{
	margin-bottom:-4px;
}

.clearleft {
	clear:left;
}

/*scroll-able DIV in career*/
div.scroll {	
	height: 500px;	
	overflow: auto;	
	padding: 8px;
	border:1px solid gray;
	margin: 10px 0px 0px 0px;
}

/*see also part DIV*/
.seealso {
	margin:10px 0px 0px 0px;
	padding:10px;
	border-top:1px solid #c4c7d0;
}

/*picture bar with contents*/
.contentbar {
	background-repeat:no-repeat;
	background-position: 4px center;
	background-color:#f2f2f2;
	margin:0px;
	padding: 8px 10px 4px 128px;
}

/*email and call DIV*/
.call,
.email {
	margin:0px;
	height:21px;
	padding: 2px 8px 0px 26px;
	background-repeat:no-repeat;
	background-position:top left;
}

.email {
	background-image: url(../img/email.gif);
}

.call {
	background-image: url(../img/phone.gif);
}

/*box floating the page area*/
.pagebox {
	float:left;
	margin:0px 0px 0px 0px;
	padding: 8px;
	width:250px;
}
.csicon {
	float:left;
	margin:0px 0px 0px 0px;
	padding: 8px;
	width:166px;
}

/*contactbar floating at the left sidebar*/
.contactbar {
	margin:10px 0px 10px 0px;
	padding: 8px;
	border:1px solid #c4c7d0;
	background-color:white;/*#f2f2f2;*/
}

/* table */
.nesttable {
	border:1px solid gray; 
	width:400px;
	background-color:#f2f2f2;
	padding:0px
}

/*======================================*/
/*for background area*/
/*the wrapper for header and for content*/
#wrapper {
	position:relative;
	width:980px;
	left:0px;
	top:0px;
	border-top:none;
}

#clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}

#backleft,
#backright{
	position:absolute;
	z-index:0;
	bottom:0px;
	height:100000px;
	border-top:none;
	margin:0px;
}

#backleft {
	left:0px;
	width:190px;
	_width:190px;
	background-color:#f2f2f2;
	background-image: url(../img/corner.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#backright {
	left: 755px;
	_left: 747px;
	width:3px;
	background-image: url(../img/dot.gif);
	background-repeat: repeat-y;
	background-position: bottom;
}