body  	    { height: 730px;
							font-family: verdana, sans-serif;
            	font-size: 10px;
							margin-top: 0;
							margin-bottom: 0;
							margin-left: 0;
							margin-right: 0;
							background-color: #e9e9e9; }

/* GENERAL ELEMENTS */
a:link			{ color: #ffffff;
							background-color: inherit;
							text-decoration: none; }

a:hover			{ color: inherit;
            	background-color: inherit;
							text-decoration: underline; }

a:active  	{ color: #ffffff;
							background-color: inherit;
							text-decoration: none; }

a:visited 	{ color: #ffffff;
							text-decoration: none; }

a.A-MISSION { color: #ffffff;
            	background-color: inherit;
							text-decoration: none;
							font-size: 7pt;
							font-weight: bold; }

a:visited.A-MISSION	 { 	color: #ffffff;
            						background-color: inherit;
												text-decoration: none;
												font-size: 7pt;
												font-weight: bold; }

a:hover.A-MISSION		 	{	color: #ffffff;
            						background-color: inherit;
												text-decoration: underline;
												font-size: 7pt;
												font-weight: bold; }

a.A-COPYRIGHT { color: #ececec;
            		background-color: inherit;
								text-decoration: none; }

a:visited.A-COPYRIGHT	 { 	color: #ececec;
            							background-color: inherit;
													text-decoration: none; }

a:hover.A-COPYRIGHT		 	{	color: #ececec;
            							background-color: inherit;
													text-decoration: underline; }

img				  { border-width: 0px; }

/* WRAPPER */
.WRAPPER_center { position: absolute;
									width: 984px;
									left: 50%;
									right: 50%;
									margin-left: -492px;
									margin-right: -492px; }

/* LOGOS */
#DIV-LOGO_background	{ height: 135px;
												width: 251px;
												border-left: 1px solid #cccccc;
												background-color: #f1f1f1;
												background-image: url(../images/DIV-LOGO_background.png);
												background-repeat: repeat-x;
												border-bottom: 1px solid #cccccc; }

#IMG_ban {
position: absolute;
left:30px;
top:16px;}

#IMG-LOGO_logo { position: absolute;
								 top: 16px;
								 left: 96px; }

								 
#IMG-LOGO_logotxt { position: absolute;
								 		top: 84px;
								 		left: 21px; }

#DIV-LOGO_29px		{ position: absolute;
										top: 0px;
										left: 249px;
										height: 29px;
										width: 1px;
										background-color: #ffffff; }
							
#DIV-LOGO_106px		{ position: absolute;
										top: 30px;
										left: 0px;
										height: 106px;
										width: 1px;
										background-image: url(../images/DIV-LOGO-106PX.png);
										background-repeat: no-repeat;
										background-position: bottom; }

#IMG-LOGO_UCD { position: absolute;
								top: 16px;
								left: 675px; }
								
#IMG-LOGO_HSK { position: absolute;
								top: 20px;
								left: 500px; }

#IMG-LOGO_HANYUQIAO { position: absolute;
								top: 385px;
								left: 220px; }
#TEXT-LOGO_HANYUQIAO { position: absolute;
								top: 400px;
								left: 360px; 
								font-weight: bold;
								font-size: 18pt;
								color: #FF0000; 
								}								
								
#IMG-report  {position: absolute;
								top: 16px;
								left: 50px; }

#IMG-report1  {position: absolute;
								top: 16px;
								left: 360px; }
/* THE CIRCLE */
#CIRCLE-LEFT_half { position: absolute;
	 		 						  top: -13px;
							 			left: 239px; }
							 			
#CIRCLE-RIGHT_quarter { position: absolute;
	 		 						  		top: -4px;
							 					left: 249px;
							 					z-index: 1; }

/* LINKS */
#DIV-LINKS_background		{	position: absolute;
													top: -30px;
													left: 1px;
													height: 135px;
													width: 733px;
													border-right: 1px solid #cccccc;
													border-bottom: 1px solid #cccccc;
													background-image: url(../images/DIV-LINKS_background.png);
													background-repeat: repeat-x;
													background-position: bottom; }

#TABLE-LINKS_line { position: absolute;
										top: 92px;
										left: 2px;
										height: 6px;
										width: 729px;
										background-color: #474646; }

#IMG-LINKS_home { position: absolute;
								 	top: 6px;
								 	left: -2px;
								 	width: 125px;
									height: 37px; }

#IMG-LINKS_news { position: absolute;
								 	top: 6px;
								 	left: 123px; }
								 
#IMG-LINKS_courses { position: absolute;
								 		 top: 6px;
								 		 left: 246px; }
								 
#IMG-LINKS_projects { position: absolute;
								 		  top: 6px;
								 		  left: 368px; }

#IMG-LINKS_staff { position: absolute;
								   top: 6px;
								   left: 491px; }

#IMG-LINKS_about { position: absolute;
								 	 top: 6px;
								 	 left: 614px; }

/* RED BOX */
#DIV-LEFT-MIDDLE_line	{ position: absolute;
												top: 44px;
												left: -252px;
												height: 3px;
												width: 248px;
												border-left: 1px solid #cccccc;
												border-right: 1px solid #cccccc;
												background-color: #666666; }

#DIV-LEFT-MIDDLE_background	{ position: absolute;
															top: 3px;
															left: -1px;
															height: 248px;
															width: 248px;
															border-left: 1px solid #cccccc;
															border-right: 1px solid #cccccc;
															border-bottom: 1px solid #cccccc;
															background-image: url(../images/DIV-LEFT-MIDDLE_background.png);
															background-repeat: repeat-x; }

#IMG-MISSION_lquote	{ position: absolute;
											top: 31px;
											left: 17px; }

#IMG-MISSION_text	{   position: absolute;
											top: 49px;
											left: 48px; }

#IMG-MISSION_rquote	{ position: absolute;
											top: 134px;
											left: 211px; }

#DIV-MISSION_statement { position: absolute;
												 top: 190px;
												 left: 70px;
												 font-family: verdana, sans-serif; }
		 
/* MAIN IMAGE */
#DIV-MAIN					{ position: absolute;
										top: -3px;
										left: 249px;
										height: 251px;
										width: 733px;
										/*background-image: url(../images/MAIN.jpg);
										background-repeat: no-repeat;*/
										border-right: 1px solid #cccccc;
										border-bottom: 1px solid #cccccc; }
										
/* CURRENT PROJECTS */
#DIV-PROJECTS-HEADER_background	{ position: absolute;
																	top: 249px;
																	left: -2px;
																	height: 28px;
																	width: 249px;
																	background-image: url(../images/DIV-PROJECTS-HEADER_background.png);
																	background-repeat: repeat-x;
																	border-left: 1px solid #cccccc;
																	border-right: 1px solid #cccccc; }

#DIV-PROJECTS-HEADER_text		{ position: absolute;
															top: 8px;
															left: 18px; }

#DIV-PROJECTS-LINE		{ position: absolute;
												top: 277px;
												left: -2px;
												height: 4px;
												width: 249px;
												background-color: #cc0000;
												border-left: 1px solid #cccccc;
												border-right: 1px solid #cccccc; }
											
#DIV-PROJECTS-CONTENT	{ position: absolute;
												top: 4px;
												left: -1px;
												height: 244px;
												width: 249px; 
												border-left: 1px solid #cccccc;
												background-image: url(../images/DIV-PROJECTS-CONTENT_background.png);
												background-repeat: repeat-x;
												background-position: top center;
												color: #333333;
												font-family: verdana, sans-serif;
						 						font-weight: bold;
	 					 						font-size: 7.5pt;
												border-right: 1px solid #cccccc;
												line-height: 140%; }

#BULLET-1 { position: absolute;
						top: 21px;
						left: 13px; }

#BULLET-2 { position: absolute;
						top: 49px;
						left: 13px; }

#BULLET-3 { position: absolute;
						top: 91px;
						left: 13px; }

#PROJECT-1 { color: #333333;
						 width: 200px;
	 					 position: absolute;
	 					 top: 15px;
	 					 left: 25px; }

#PROJECT-2 { color: #333333;
						 width: 200px;
	 					 position: absolute;
	 					 top: 43px;
	 					 left: 25px; }

#PROJECT-3 { color: #333333;
						 width: 200px;
	 					 position: absolute;
	 					 top: 85px;
	 					 left: 25px; }

a.A-PROJECTS				{ color: #333333;
            					background-color: inherit;
											text-decoration: none;
											font-size: 7.5pt; }

a:visited.A-PROJECTS	 { color: #333333;
            						 background-color: inherit;
												 text-decoration: none;
												 font-size: 7.5pt;; }

a:hover.A-PROJECTS	 	{	color: #333333;
            						background-color: inherit;
												text-decoration: underline;
												font-size: 7.5pt; }
												
/* COURSE REGISTRATION */
#DIV-COURSES-HEADER_background	{ position: absolute;
																	top: 25px;
																	left: 250px;
																	height: 28px;
																	width: 367px; 
																	border-right: 1px solid #cccccc;
																	background-image: url(../images/DIV-COURSES-HEADER_background.png);
																	background-repeat: repeat-x; }

#DIV-COURSES-HEADER_text		{ position: absolute;
															top: 9px;
															left: 18px; }

#CPTEST		{ position: absolute;
															top: 6px;
															right: 18px; 
															font-weight: bold;
															font-size: 12pt;
															color: #FFFFFF; }

#DIV-COURSES-LINE		{ position: absolute;
											top: 50px;
											left: 250px;
											height: 4px;
											width: 367px;
											border-right: 1px solid #cccccc;
											background-color: #666666; }
											
#DIV-COURSES-CONTENT	{ position: absolute;
												top: 4px;
												height: 247px;
												width: 367px; 
												border-right: 1px solid #cccccc;
												background-image: url(../images/DIV-PROJECTS-CONTENT_background.png);
												background-repeat: repeat-x;
												background-position: top center;
												text-align: center;
												font-family: verdana, sans-serif;
												font-size: 9px;
												color: #333333; }

#DIV-COURSES_toptext	{ width: 300px;
												position: absolute;
												top: 15px;
												left: 33px; }

#DIV-COURSES_list_lborder	{ position: absolute;
														top: 36px;
														left: 14px;
														height: 154px;
														width: 10px;
														background-image: url(../images/DIV-COURSES_list_lborder.png);
														background-repeat: no-repeat; }

#DIV-COURSES_list_middle		{ position: absolute;
															top: 0px;
															left: 9px;
															height: 154px;
															width: 321px;
															background-color: #cccccc;
															background-image: url(../images/DIV-COURSES_list_middle.png);
															background-repeat: repeat-x; }
														

#DIV-COURSES_list_rborder  { position: absolute;
														 top: 0px;
														 left: 320px;
														 height: 154px;
														 width: 10px;
														 background-image: url(../images/DIV-COURSES_list_rborder.png);
														 background-repeat: no-repeat; }

#DIV-COURSES_list_title	{ width: 270px;
													position: absolute;
													top: 16px;
													left: 11px; 
													font-family: verdana, sans-serif;
													font-size: 8pt;
													font-weight: bold;
													font-style: italic;
													color: #ff0000; }

#DIV-COURSES_separator		{ position: absolute;
														top: 38px;
														left: -306px;
														height: 1px;
														width: 292px;
														background-color: #aeaeae; }

#DIV-COURSES_list_lcourses	{ position: absolute;
															top: 42px;
															left: 19px;
															font-family: arial, sans-serif;
															font-size: 7pt;
															font-weight: bold;
															color: #333333; 
															text-align: left;}

#DIV-COURSES_list_rcourses { position: absolute;
														 top: 42px;
														 left: 156px;
														 font-family: arial, sans-serif;
														 font-size: 7pt;
														 font-weight: bold;
														 color: #333333;
														 text-align: left; }

#IMG-COURSES_button_join 	{	position: absolute;
														top: 164px;
														left: -155px; }
					#IMG-COURSES_download_join 	{	position: absolute;
														top: 164px;
														left: -320px; }

/* LEFT COLUMN */
#DIV-COURSES_list_l1		{ position: absolute;
													top: 0px;
													width: 150px;
													color: #333333; }


#DIV-COURSES_list_l2		{ position: absolute;
													top: 17px;
													left: 20px;
													width: 150px; }

#DIV-COURSES_list_l3		{ position: absolute;
													top: 34px;
													left: 20px;
													width: 150px; }

#DIV-COURSES_list_l4		{ position: absolute;
													top: 51px;
													left: 20px;
													width: 150px; }

#DIV-COURSES_list_l5		{ position: absolute;
													top: 68px;
													left: 20px;
													width: 150px; }
													
#DIV-COURSES_list_l6		{ position: absolute;
													top: 85px;
													left: 20px;
													width: 150px; }

#DIV-COURSES_list_l7		{ position: absolute;
													top: 100px;
													left: 20px;
													width: 150px; }
													
/* RIGHT COLUMN */
#DIV-COURSES_list_r1		{ position: absolute;
													top: 0px;
													width: 150px; }

#DIV-COURSES_list_r2		{ position: absolute;
													top: 17px;
													width: 150px; }

#DIV-COURSES_list_r3		{ position: absolute;
													top: 34px;
													width: 150px; }

#DIV-COURSES_list_r4		{ position: absolute;
													top: 51px;
													width: 150px; }

#DIV-COURSES_list_r5		{ position: absolute;
													top: 68px;
													width: 150px; }

#DIV-COURSES_list_r6		{ position: absolute;
													top: 85px;
													width: 150px; }
#DIV-COURSES_bottomtext	{ width: 300px;
												position: absolute;
												top: 128px;
												font-size: 7pt;
												font-weight: bold;
												color: #ff0000; 
												left: 0px; }

a:link.A-COURSES			{ color: #333333;
												background-color: inherit; }

a:visited.A-COURSES		{ color: #333333;
        								background-color: inherit;
												text-decoration: none; }

a:hover.A-COURSES	 	{	color: #333333;
        							background-color: inherit;
											text-decoration: underline; }

/* COPYRIGHT */
#DIV-COPYRIGHT	{ position: absolute;
									top: 170px;
									left: -288px;
									height: 51px;
									width: 617px;
									color: #cccccc;
									background-color: #cc0000;
									font-family: verdana, sans-serif;
									font-size: 9px;
									line-height: 170%;
									border-top: 1px solid #cccccc;
									border-bottom: 1px solid #cccccc;
									border-left: 1px solid #cccccc;
									border-right: 1px solid #cccccc; }
										
#DIV-COPYRIGHT_logosl { position: absolute;
												top: 10px;
												left: 8px;
												width: 540px;
												text-align: left; }

#DIV-COPYRIGHT_logosr { position: absolute;
												top: 11px;
												left: 525px;
												width: 78px; }

/* NEWS */
#DIV-NEWS-HEADER_background			{ position: absolute;
																	top: -106px;
																	left: 331px;
																	height: 28px;
																	width: 365px; 
																	border-right: 1px solid #cccccc;
																	background-color: #ffffff; }

#DIV-NEWS-HEADER_text		{ position: absolute;
													top: 9px;
													left: 18px; }	

#DIV-NEWS-LINE_top			{ position: absolute;
													top: -78px;
													left: 331px;
													border-right: 1px solid #cccccc;
													height: 4px;
													width: 365px;
													background-color: #cc0000; }

#DIV-NEWS-CONTENT		{ position: absolute;
											top: 4px;
											left: 0px;
											height: 292px;
											width: 365px; 
											border-right: 1px solid #cccccc;
											background-image: url(../images/DIV-NEWS-CONTENT_background.png);
											background-repeat: repeat-x;
											background-position: top center;
											font-family: verdana, sans-serif;
											font-size: 11px; }

#DIV-NEWS-LINE_bottom	{ position: absolute;
												top: 292px;
												left: 0px;
												height: 4px;
												width: 365px;
												border-right: 1px solid #cccccc;
												border-bottom: 1px solid #cccccc;
												background-color: #666666; }

/* NEWS TOP */

#NEWS-TOP_date				{ position: absolute;
												left: 12px;
												top: -277px; }

#NEWS-TOP_heading			{ position: absolute;
												left: 60px;
												top: -280px;
												line-height: 130%;
												text-align: left; }

#NEWS-TOP_text			{ position: absolute;
											left: 60px;
											top: -232px;
											width: 160px;
											height: 39px;
											line-height: 130%;
											text-align: left;
											color: #666666; }

#NEWS-TOP_pic		{ position: absolute;
									left: 235px;
									top: -277px;
									border: 1px solid #999999; }

/* NEWS MIDDLE */

#NEWS-MIDDLE_date	{ position: absolute;
										left: 12px;
										top: -181px; }

#NEWS-MIDDLE_heading			{ position: absolute;
														left: 60px;
														top: -185px;
														line-height: 130%;
														text-align: left; }

#NEWS-MIDDLE_text			{ position: absolute;
												left: 60px;
												top: -133px;
												width: 160px;
												height: 39px;
												line-height: 130%;
												text-align: left;
												color: #666666; }

#NEWS-MIDDLE_pic		{ position: absolute;
											left: 235px;
											top: -183px;
											border: 1px solid #999999; }

/* NEWS BOTTOM */

#NEWS-BOTTOM_date			{ position: absolute;
												left: 12px;
												top: -86px; }

#NEWS-BOTTOM_heading			{ position: absolute;
														left: 60px;
														top: -90px;
														line-height: 130%;
														text-align: left; }

#NEWS-BOTTOM_text			{ position: absolute;
												left: 60px;
												top: -42px;
												width: 160px;
												height: 39px;
												line-height: 130%;
												text-align: left;
												color: #666666; }

#NEWS-BOTTOM_pic	{ position: absolute;
										left: 235px;
										top: -88px;
										border: 1px solid #999999; }

a.A-NEWS				{ font-family: verdana, sans-serif;
									font-weight: bold;
									font-size: 11px;
									color: #cc0000;
        					background-color: inherit;
									text-decoration: none; }

a:link.A-NEWS		{ color: #cc0000;
      						background-color: inherit;
									text-decoration: none; }

a:visited.A-NEWS		{ color: #cc0000;
        							background-color: inherit;
											text-decoration: none; }

a:hover.A-NEWS	 	{	color: #cc0000;
        						background-color: inherit;
										text-decoration: underline; }

/* DROP SHADOWS */
#bg-shadow_hor_left	{ position: absolute;
											top: -712px;
											left: -631px;
											width: 14px;
											height: 717px;
											background-image: url(../images/bg-shadow_hor_left.png);
											background-repeat: repeat-y;
											z-index: 0; }

#bg-shadow_hor_right	{ position: absolute;
												top: 0px;
												left: 996px;
												width: 14px;
												height: 717px;
												background-image: url(../images/bg-shadow_hor_right.png);
												background-repeat: repeat-y;
												z-index: 0; }

#bg-shadow_vert { position: absolute;
									top: 717px;
									left: -996px;
									height: 10px;
									width: 1010px;
									background-image: url(../images/bg-shadow_vert.png);
									background-repeat: repeat-y;
									z-index: 1; }