body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

div#container
{
	top: 10px;
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
}
	


div#wrapper
{
	position: absolute;
	height: 560px;
	width: 958px;
	top: 170px;
	margin: 0;
	background: #FFFFFF;
	visibility: visible;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	
}


div#lft_col 
{
	position: absolute;
	width: 220px;
	left: 10px;
	top: 10px;
	visibility: visible;

	
}



div#rht_col 
{
	position: absolute;
	width: 220px;
	height: 500px;
	left: 730px;
	top: 10px;
	visibility: visible;
	
}


div#banner {
	position: absolute;
	height: 140px;
	width: 960px;
	top: 0px;
	visibility: visible;
	background: url(../images/newbanner.jpg);
}


div#navbar {
	position: absolute;
	height: 30px;
	width: 960px;
	top: 140px;
	visibility: visible;
	background: url(../images/nav_bg.gif);
}

div#btm_navbar {
	position: absolute;
	height: 30px;
	width: 960px;
	top: 565px;
	visibility: visible;
}

.textswitcher
{   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	color: #CCCCCC;
	text-decoration: none;
	text-align: right;
    width: 180px; 
    float:right;
	padding-top: 5px;
	padding-rght: 3px;
    visibility: visible;
}




div#footer {
	position: absolute;
	height: 30px;
	width: 960px;
	left: 0px;
	top: 530px;
	visibility: visible;
}

div#logo {
    height: 140px;
	width: 300px;
	left: 0px;
	top: 15px;
	visibility: hidden;
}

a:link,  
a:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
	color: #336699;
	text-decoration: none;
	line-height: 14px;
} 

a:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
	color: #000000;
	text-decoration:  none;
} 

 
 a#home {
	display: block;
	width: 70px;
	height: 30px;
	background-image: url(../images/home_up.gif);
	margin: 0 auto;
	position: absolute;
	left: 0px;
	top: 0px;
} a#home:hover {
	background-image: url(../images/home_ovr.gif);
	position: absolute;
	left: 0px;
	top: 0px;
} a .alt {display: none;}

a#college {
	display: block;
	width: 120px;
	height: 30px;
	background-image: url(../images/college_up.gif);
	margin: 0 auto;
	position: absolute;
	left: 70px;
	top: 0px;
} a#college:hover { 
    background-image: url(../images/college_ovr.gif);
	position: absolute; 
    left:70px; 
    top: 0px; 
} a .alt { display: none; }



a#courses {
	display: block;
	width: 180px;
	height: 30px;
	background-image: url(../images/courses_up.gif);
	margin: 0 auto;
	position: absolute;
	left: 190px;
	top: 0px;
} a#courses:hover {
	background-image: url(../images/courses_ovr.gif);
	left: 190px;
	top: 0px;
	position: absolute;
} a .alt { display: none; }


a#student {
	display: block;
	width: 160px;
	height: 30px;
	background-image: url(../images/student_up.gif);
	margin: 0 auto;
	position: absolute;
	left: 370px;
	top: 0px;
} a#student:hover {
	background-image: url(../images/student_ovr.gif);
	left: 370px;
	top: 0px;
	position: absolute;
} a .alt { display: none; }



a#foundation {
	display: block;
	width: 180px;
	height: 30px;
	background-image: url(../images/foundation_up.png);
	margin: 0 auto;
	position: absolute;
	left: 530px;
	top: 0px;
} a#foundation:hover { 
    background-image: url(../images/foundation_ovr.png); 
    left: 530px; 
    top: 0px;
} a .alt { display: none; }

a#stext {
	display: block;
	width: 30px;
	height: 30px;
	background-image: url(../images/stext_up.png);
	margin: 0 auto;
	position: absolute;
	left: 893px;
	top: 0px;
} a#stext:hover { 
    background-image: url(../images/stext_ovr.png); 
    left: 893px; 
    top: 0px;
} a .alt { display: none; }

a#ltext {
	display: block;
	width: 30px;
	height: 30px;
	background-image: url(../images/ltext_up.png);
	margin: 0 auto;
	position: absolute;
	left: 923px;
	top: 0px;
} a#ltext:hover { 
    background-image: url(../images/ltext_ovr.png); 
    left: 923px; 
    top: 0px;
} a .alt { display: none; }

div#content {
	text-decoration: none;
	text-align: left;
	position: absolute;
	width: 480px;
	height: 470px;
	left: 237px;
	top: 40px;
	background-color: #EFEFEF;
	visibility: visible;
	padding: 3px;
	overflow: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	color: #333333;
}

div#content_long {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	color: #333333;
	text-decoration: none;
	text-align: left;
	position: absolute;
	background-color: #EFEFEF;
	width: 700px;
	height: 480px;
	left: 240px;
	top: 40px;
	visibility: visible;
	padding: 3px;
	overflow: auto;
}




div#content_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 14px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	position: absolute;
	width: 476px;
	height: 24px;
	left: 237px;
	top: 10px;
	visibility: visible;
	padding-left:10px;
	z-index: 1;
	padding-top: 6px;
	background: url(../images/content_header.gif);
}

div#content_header_long {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 14px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	position: absolute;
	width: 700px;
	height: 24px;
	left: 240px;
	top: 10px;
	visibility: visible;
	background: url(../images/content_header.gif);
	padding-top: 6px;
	padding-left:10px;
}

div#backbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 14px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	position: absolute;
	width: 200px;
	height: 24px;
	left: 498px;
	top: 0px;
	visibility: visible;
	padding-top: 6px;
	padding-right:10px;
}



.boxheader {
	text-align: left;
	width: 220px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	background: url(../images/box_header_bg.gif);
}

.box {
    text-align: left;
	width: 214px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	padding: 3px;
	background-color: #EFEFEF;
}

.subnav {
	text-align: left;
	width: 210px;
	height: 24px;
	left: 0px;
	top: 0px;
	padding-top: 3px;
	text-indent: 10px;
	background: url(../images/nav_line_break.gif) no-repeat;
}
.chinanav {
	text-align: left;
	width: 210px;
	height: 30px;
	left: 0px;
	top: 0px;
	padding-top: 10px;
	text-indent: 10px;
	background: url(../images/chinese_welcome.gif) no-repeat;
}
.accordionnav {
	text-align: left;
	width: 208px;
	height: 40px;
	padding: 5px;
	background: url(../images/accordionnav_bg.gif) no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: 336699;
}

.contentimagearea {
	width: 480px;
	height: 270px;
	background-color: #EFEFEF;
	visibility: visible;
}

.contenttextarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	color: #333333;
	text-decoration: none;
	text-align: left;
	position: absolute;
	width: 474px;
	height: 186px;
	background-color: #EFEFEF;
	visibility: visible;
	padding: 3px;
	overflow: auto;
}

.contenttextarea_long {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	color: #333333;
	text-decoration: none;
	text-align: left;
	position: absolute;
	width: 690px;
	height: 186px;
	background-color: #EFEFEF;
	visibility: visible;
	padding: 3px;
	overflow: auto;
}

.job_ref {
	position: absolute;
	left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	width: 74px;
	height: 34px;
	padding: 3px;
	visibility: visible;
	background: #FFFFFF url(../images/job_ref.gif);
}

.job_desc {
    position: absolute;
	left: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	width: 434px;
	height: 34px;
	padding: 3px;
	visibility: visible;
	background: #FFFFFF url(../images/job_desc.gif);
}

.job_date {
    position: absolute;
	left: 520px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	width: 104px;
	height: 34px;
	padding: 3px;
	visibility: visible;
	background: #FFFFFF url(../images/job_date.gif);
}
.job_file {
    position: absolute;
	left: 630px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	width: 74px;
	height: 34px;
	padding: 3px;
	visibility: visible;
	background: #FFFFFF url(../images/job_date.gif);
}

.job_row {
	
	width: 710px;
	height: 40px;
	
}


.left {
	float: left;
	padding-right: 5px;
}

.right {
	float: right;
	padding-left: 5px;
}



li {
	list-style-type: circle;
	
}

ul {
	margin-left: 0px;
	padding-left: 15px;
	text-indent: 0px;
}


.plain {
	padding: 3px;
	background-color: #FFFFFF;  
}

th {
	padding: 3px;
	background-color: #999999;
	color: #FFFFFF;
}


td {
    margin: 6px;
	height: 20px;
	background-color:#bcd2e6;
}