@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: #000066;
}

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: 700px;
		height: auto;
		vertical-align: top;
		margin: 0 auto;
		padding: 0 auto;
		text-align: center;
		float: middle;
} 

#menu {	width: 180px;
		height: auto;
		float: left;
		text-align: left;
		font-size: 14px;
		padding: 0 10px 0 0;
		margin: 0;
}

#linedivder {	background: url(linedivder.gif) no-repeat top center;
				width: 3px;
				height: 500px;
				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;
}

#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(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(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;
}

#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: #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;
}

.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;
}

#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(bg-dyk-top.gif) top center no-repeat;
					width: 280px;
					height: 13px;
					margin-bottom: -5px;
}

#doyouknowtag-bottom {	background: url(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(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;
}

#pullout_caption {	background: url(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_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(bullet-02.gif);
					margin-left: 18px;
					margin-bottom: 2px;
					text-align: left;
					padding-left: 0;
}

#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(separate-top.gif) top center no-repeat;
						width: 440px;
						height: 20px;
						padding: 0;
						margin: 0;
						text-align: justify;
						margin-bottom: -4px;
}

#separate_section-mid {	background: url(separate-mid.gif) top center repeat-x;
						width: 440px;
						height: auto;
						padding: 0;
						margin: 0;
						text-align: justify;
						margin-bottom: -4px;
}

#separate_section-text {	background: url(separate-mid.gif) top center repeat-x;
							width: 90%;
							height: auto;
							padding: 0;
							margin: 0 auto;
							text-align: justify;
}

#separate_section-bottom {	background: url(separate-bottom.gif) top center no-repeat;
							width: 440px;
							height: 20px;
							padding: 0;
							margin: 0;
							text-align: justify;
}

#sidebar {	background: url(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(sidebar.gif) top center repeat-y;
					width: 160px;
					height: auto;
					margin: 0;
					padding: 0 10px;
					text-align: left;
					font-size: 14px;
}
#signature {	background: url(image002.gif) center no-repeat;
				width: 128px;
				height: 79px;
}

#blue_background {	background: url(bg-blue.gif);
					width: 380px;
					height: auto;
					padding: 10px 10px 10px 10px;
}
