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

body {	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #555753; 
		background: #ffffff; 
		margin: 0 auto; 
		padding: 0;
		min-width: 900px;
		width: 100%;
		line-height: 20px;
}

html {	overflow-x: auto; 
		overflow-y: auto; 
		scrollbar-face-color: #ffffff; 
		scrollbar-highlight-color: #666666; 
		scrollbar-3dlight-color: #ffffff; 
		scrollbar-shadow-color: #666666; 
		scrollbar-arrow-color: #666666; 
		scrollbar-track-color: #ffffff; 
		scrollbar-darkshadow-color: #ffffff; 
}

table {	margin-top: 0px; 
		margin-left: 0px; 
}

a {	text-decoration: none; 
	color: #000099;
}

a:hover {	text-decoration: underline; 
			color: #660000;
}

.norm {	font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #333;
		text-align: justify;
}

#base { background-color: #FFFFFF;
		text-align: center;
		margin: 0 auto;
		padding: 0 auto;
}

#banner{	width: 100%;
			height: 120px;
}

#bottom{	width: 450px;
			height: 40px;
			text-align: left;
			font-size: 12px;
}

#main {	background: #ffffff;
		width: 710px; /*--- Need to be adjusted if the month is longer, 720px ---*/
		height: auto;
		vertical-align: top;
		margin: 0 auto;
		padding: 0 auto;
		text-align: center;
		float: middle;
} 

#menu {	width: 200px; /*--- Need to be adjusted if the month is longer, 220px ---*/
		height: auto;
		float: left;
		text-align: left;
		font-size: 14px;
		padding: 0 10px 0 0;
		margin: 0;
}

#linedivder {	background: url(../../2009_May/images/linedivder.gif) no-repeat top center;
				width: 3px;
				height: 480px;
				float: left;
}

#placeholder {	background: none;
				width: 450px;
				height: auto;
				vertical-align: top;
				margin: 0 auto; 
				padding: 0 20px 0 15px;
				float: left;
				text-align: justify;
}

#placeholder-URA {	background: url(image-ura_03.gif) no-repeat top center;
}

#title {	width: 100%;
			height: auto;
			vertical-align: middle;
			text-align: left;
			font-size: 35px;
			color: #333333;
			line-height: 50px;
			font-weight: 900;
			letter-spacing: -1px;
			margin: 0 auto;
			text-transform: uppercase;
			font-variant: small-caps;
}

#title-long {	width: 100%;
				height: auto;
				vertical-align: middle;
				text-align: left;
				font-size: 35px;
				color: #333333;
				line-height: 36px;
				font-weight: 900;
				letter-spacing: -1px;
				margin: 0 auto;
				text-transform: uppercase;
				font-variant: small-caps;
}

#intro {	width: 100%;
			height: auto;
			text-align: left;
			font-size: 14px;
			font-style: italic;
			font-weight: 900px;
			color: #333;
			margin: 0 auto;
			float: left;
}

#content {	width: 100%;
			height: auto;
			text-align: justify;
			font-size: 14px;
			color: #333;
			margin: 0 auto;
			padding: 0;
}

#content-URA {	background: url(../../2009_May/images/timeline-URA.gif) top right no-repeat;
				width: 100%;
				height: auto;
				text-align: justify;
				font-size: 14px;
				color: #333;
				padding: 0;
				padding-right: 20px;
}

#content-URA-backup {	background: url(../../2009_May/images/timeline-URA-BU.gif) top right no-repeat;
						width: 100%;
						height: auto;
						text-align: justify;
						font-size: 14px;
						color: #333;
						padding: 0;
						padding-right: 30px;
}

.firstletter {	font-size: 30px;
				font-style: normal;
				font-weight: bold;
				line-height: 35px;
}

#flashholder {	width: auto;
				height: auto;
				visibility: visible;
				display: inherit;
}

#flashpic {	background: url(image-ura_03.gif) no-repeat top center;
			width: auto;
			height: auto;
}

#pictureholder {	width: auto;
					height: auto;
					font-size: 14px;
					font-style: italic;
					text-align: left;
					color: #666666;
					line-height: normal;
}

#pictureholder2 {	width: 395px;
					height: auto;
					font-size: 14px;
					font-style: italic;
					text-align: center;
					color: #666666;
					line-height: normal;
					margin: 0 auto;
}

#pictureholder-caption2 {	font-size: 14px;
							font-style: italic;
							text-align: left;
							color: #666666;
							padding: 0;
							margin: 0 auto;
							line-height: normal;
							width: 260px;
}

#pictureholder-caption {	font-size: 14px;
							font-style: italic;
							text-align: left;
							color: #000000;
							padding: 0 0 0 15px;
							line-height: normal;
}

#pictureholder-caption3 {	font-size: 14px;
							font-style: italic;
							text-align: left;
							color: #666666;
							padding: 0 0 0 15px;
							line-height: normal;
}

#pictureimage-left {	text-align: left;
						margin: 2px 0 0 -8px;
						padding: 0;
						left: 0;
						top: 0;
						right: 0;
						bottom: 0;
						float: left;
						font-size: 14px;
						font-style: italic;
						color: #666666;
						line-height: normal;
}

#pictureimage-right {	text-align: right;
						margin: 3px -8px 0 0;
						padding: 0;
						padding-top: 25p;
						left: 0;
						top: 0;
						right: 0;
						bottom: 0;
						float: right;
						font-size: 14px;
						font-style: italic;
						color: #666666;
						line-height: normal;
}

.heading01 {	font-size: 25px;
				color: #000066;
				font-weight: 600;
				letter-spacing: -1px;
				line-height: 30px;
}

.heading01-sg {	font-size: 22px;
				color: #000066;
				font-weight: 600;
				letter-spacing: -1px;
				/*line-height: 25px;*/
}

.heading02 {	font-size: 18px;
				color: #666666;
				font-weight: bold;
				font-style: italic;
}

.heading03 {	color: #000066;
				font-weight: bold;
				font-size: 18px;
}

.para {	font-size: 14px;
		text-align: justify;
		color: #333333;
}

#doyouknowtag-title {	color: #003300;
						font-size: 24px;
						line-height: 20px;
						font-style: italic;
						font-weight: bold;
						text-align: left;
}

#doyouknowtag-icon {	text-align: left;
						margin: 2px 5px 0 -8px;
						padding: 0;
						left: 0;
						top: 0;
						right: 0;
						bottom: 0;
						float: left;
}

#doyouknowtag-top {	background: url(../../2009_May/images/bg-dyk-top.gif) top center no-repeat;
					width: 280px;
					height: 13px;
					margin-bottom: -5px;
}

#doyouknowtag-bottom {	background: url(../../2009_May/images/bg-dyk-bottom.gif) top center no-repeat;
						width: 280px;
						height: 13px;
						margin-bottom: 5px;
}

#doyouknowtag {	width: 280px;
				height: auto;
				margin: 0 10px -5px 0;
				padding: 0;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				text-align: justify;
				float: left;
}

#doyouknowtag-mid {	background: url(../../2009_May/images/bg-dyk-mid.gif) top center repeat-y;
					width: 280px;
					height: auto;
					margin-bottom: -2px;
}

#doyouknowtag-text {	font-size: 14px;
						font-family: Arial, Helvetica, sans-serif;
						color: #333;
						text-align: justify;
						padding: 0 15px;
}


#doyouknowtag-top-440 {	background: url(../../2009_May/images/bg-dyk-top-440.gif) top center no-repeat;
						width: 440px;
						height: 13px;
						margin-bottom: -5px;
}

#doyouknowtag-bottom-440 {	background: url(../../2009_May/images/bg-dyk-bottom-440.gif) top center no-repeat;
							width: 440px;
							height: 13px;
							margin-bottom: 5px;
}

#doyouknowtag-440 {	width: 440px;
					height: auto;
					margin: 0 10px -5px 0;
					padding: 0;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					text-align: justify;
}

#doyouknowtag-mid-440 {	background: url(../../2009_May/images/bg-dyk-mid-440.gif) top center repeat-y;
						width: 440px;
						height: auto;
						margin-bottom: -2px;
}

#doyouknowtag-text-440 {	font-size: 14px;
							font-family: Arial, Helvetica, sans-serif;
							color: #333;
							text-align: justify;
							padding: 0 15px;
}

#pullout_caption {	background: url(../../2009_May/images/pulloutquote.gif) top left no-repeat;
					width: 250px;
					height: auto;
					margin: -2px 8px 0 -8px;
					/*padding-bottom: 5px;*/
					padding-left: 10px;
					padding-right: 5px;
					padding-top: 5px;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					text-align: left;
					float: left;
}

#pullout_caption-wpic {	background: url(../../2009_May/images/pulloutquote.gif) top left no-repeat;
						width: 215px;
						height: auto;
						margin: -2px 8px 0 -8px;
						/*padding-bottom: 5px;*/
						padding-left: 10px;
						padding-right: 5px;
						padding-top: 5px;
						padding-bottom: 10px;
						top: 0;
						left: 0;
						right: 0;
						bottom: 0;
						text-align: left;
						float: left;
}

#pullout_caption_text {	font-size: 28px;
						color: #000066;
						line-height: 35px;
						font-stretch: narrower;
						margin: 0;
						padding: 15px 0 0 15px;
						top: 0;
						left: 0;
						right: 0;
						bottom: 0;
						text-align: left;
}

#pullout_caption_text_sg {	font-size: 20px;
						color: #000066;
						line-height: 22px;
						font-stretch: narrower;
						margin: 0;
						padding: 15px 0 0 15px;
						top: 0;
						left: 0;
						right: 0;
						bottom: 0;
						text-align: left;
}

#pullout_caption_info_sg {	font-size: 14px;
						color: #333333;
						font-weight: bold;
						font-stretch: ultra-condensed;
						padding: 5px 0 0 0;
						margin: 0;
						top: 0;
						left: 0;
						right: 0;
						bottom: 0;
						text-align: left;
						line-height: 18px;
}

#pullout_caption_info {	font-size: 16px;
						color: #333333;
						font-weight: bold;
						font-stretch: ultra-condensed;
						padding: 5px 0 0 0;
						margin: 0;
						top: 0;
						left: 0;
						right: 0;
						bottom: 0;
						text-align: left;
						line-height: 20px;
}

ol, ul {	margin-left: 25px;
}

.triangle-list {	list-style-image: url(../../2009_May/images/bullet-02.gif);
					margin-left: 18px;
					margin-bottom: 2px;
					text-align: left;
					padding-left: 0;
}
.triangle-list-red {	list-style-image: url(../../2009_May/images/bullet-03.gif);
						margin-left: 18px;
						margin-bottom: 2px;
						text-align: left;
						padding-left: 0;
}
.triangle-list-blue {	list-style-image: url(../../2009_May/images/bullet-01.gif);
						margin-left: 18px;
						margin-bottom: 2px;
						text-align: left;
						padding-left: 0;
}

.triangle-list-b {	list-style-image: url(../../2009_May/images/bullet-02.gif);
					margin-left: 18px;
					margin-bottom: 2px;
					text-align: left;
					padding-left: 0;
					font-size: 18px;
					line-height: normal;
}
.triangle-list-red-b {	list-style-image: url(../../2009_May/images/bullet-03.gif);
						margin-left: 18px;
						margin-bottom: 2px;
						text-align: left;
						padding-left: 0;
						font-size: 18px;
						line-height: normal;
}

#footer-space {	width: 60%;
				height: 50px;
}

#separate_section {	background: none;
					width: 450px;
					height: auto;
					padding: 0;
					margin: 0 auto;
					text-align: center;
}

#separate_section-top {	background: url(../../2009_May/images/separate-top.gif) top center no-repeat;
						width: 440px;
						height: 20px;
						padding: 0;
						margin: 0;
						text-align: justify;
						line-height: 0;
						margin-bottom: -17px;
}

#separate_section-mid {	background: url(../../2009_May/images/separate-mid.gif) top center repeat-x;
						width: 440px;
						height: auto;
						padding: 0;
						margin: 0;
						text-align: justify;
						margin-top: 13px;
						margin-bottom: -15px;
}

#separate_section-text {	background: none;
							width: 90%;
							height: auto;
							padding: 0;
							margin: 0 auto;
							text-align: justify;
}

#separate_section-bottom {	background: url(../../2009_May/images/separate-bottom.gif) top center no-repeat;
							width: 440px;
							height: 20px;
							padding: 0;
							margin: 0;
							text-align: justify;
							line-height: 0;
							margin-top: 13px;
}

#sidebar {	background: url(../../2009_May/images/sidebar.gif) top center repeat-y;
			width: 180px;
			height: inherit;
			margin: 0 auto;
			padding: 10px 0 20px;
			text-align: left;
			float: left;
}

#sidebar-text {	background: url(../../2009_May/images/sidebar.gif) top center repeat-y;
					width: 160px;
					height: auto;
					margin: 0;
					padding: 0 10px;
					text-align: left;
					font-size: 14px;
}
#signature {	background: url(../../2009_May/images/sign-xingying.gif) center no-repeat;
				width: 128px;
				height: 79px;
}

#blue_background {	background: url(../../2009_May/images/bg-blue.gif);
					width: 380px;
					height: auto;
					padding: 10px 10px 10px 10px;
}

td.postit-01 {	background: url(postit-lighter.gif) top center no-repeat;
				width: 208px;
				height: 243px;
}


.postit-title-01 {	color: #003300;
						font-size: 20px;
						line-height: 20px;
						font-style: italic;
						font-weight: bold;
}

#postit-text {	font-size: 14px;
				font-family: Arial, Helvetica, sans-serif;
				color: #333;
				text-align: justify;
				padding: 5px 15px;
}

td.postit-02 {	background: url(postit.gif) top center no-repeat;
				width: 208px;
				height: 243px;
}


.postit-title-02 {	color: #006600;
						font-size: 28px;
						line-height: 20px;
						font-style: italic;
						font-weight: bold;
}

td.postit-03 {	background: url(postit1-lighter.gif) top center no-repeat;
				width: 208px;
				height: 243px;
}


.postit-title-03 {	color: #330000;
						font-size: 20px;
						line-height: 20px;
						font-style: italic;
						font-weight: bold;
}

td.postit-04 {	background: url(postit1.gif) top center no-repeat;
				width: 208px;
				height: 243px;
}


.postit-title-04 {	color: #660000;
						font-size: 28px;
						line-height: 20px;
						font-style: italic;
						font-weight: bold;
}