@charset "utf-8";
/* -------------------------------------------------- */
/* Designed by Sherrie                                */
/* CSS written by Sherrie                             */
/* email sherrie@websparks.sg if you have any queries */
/* -------------------------------------------------- */

body {	font-family: "Trebuchet MS", "Kaiti", Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #555753; 
		background: #fff url(bg.gif) repeat-x; 
		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;
}

a.rollover {	text-decoration: none; 
				color: #096;
				font-weight: bold;
}

a.rollover:hover {	text-decoration: underline; 
					color: #063;
					font-weight: bold;
}

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

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

#banner{	width: 100%;
			height: 120px;
			text-align: center;
			margin-left: 0;
}

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

#main {	background: none;
		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(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;
}

#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;
}

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

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

#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;
}

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

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

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

#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;
}

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

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

#flash-250 {	text-align: left;
				margin: 2px 0 0 4px;
				padding: 0;
				padding-right: 10px;
				padding-left: 0px;
				padding-bottom: 5px;
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
				float: left;
				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;
}

#buildingtag-title {	background: url(icon-building.gif) top left no-repeat;
						color: #003300;
						font-size: 18px;
						line-height: 20px;
						font-weight: bold;
						text-align: left;
						padding-left: 20px;
}

#treetag-title {	background: url(icon-tree.gif) top left no-repeat;
					color: #003300;
					font-size: 18px;
					line-height: 20px;
					font-weight: bold;
					text-align: left;
					padding-left: 20px;
}

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

#treetag-top {	background: url(bg-tt-top.gif) top center no-repeat;
				width: 200px;
				height: 9px;
}

#treetag-bottom {	background: url(bg-tt-bottom.gif) top center no-repeat;
					width: 200px;
					height: 9px;
					margin-bottom: 5px;
}

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

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

#treetag-mid {	background: url(bg-tt-mid.gif) top center repeat-y;
				width: 200px;
				height: auto;
				margin-bottom: -2px;
}

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


#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(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-top: -20px;
}

#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-right {	width: 280px;
						height: auto;
						margin: 0 0 -5px 10px;
						padding: 0;
						top: 0;
						left: 0;
						right: 0;
						bottom: 0;
						text-align: justify;
						float: right;
}

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

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


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

#doyouknowtag-bottom-440 {	background: url(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(bg-dyk-mid-440.gif) top center repeat-y;
						width: 440px;
						height: auto;
						margin-bottom: -15px;
}

#doyouknowtag-text-440 {	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-dgreenright {	background: url(dgreen-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: right;
}

#pullout_caption-dgreen {	background: url(dgreen-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-dgreen-full {	background: url(dgreen-pulloutquote.gif) top left no-repeat;
								width: 390px;
								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;
}

#pullout_caption-full {	background: url(pulloutquote.gif) top left no-repeat;
						width: 440px;
						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;
}

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

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


#pullout_caption-wpic {	background: url(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;
}

ul {	margin-left: 25px;
}

ol .number  {	margin: 0;
}

ol .numbertt  {	margin-left: -5 !important;
				padding-left: 0;
}

.triangle-list {	list-style-image: url(bullet-02.gif);
					margin-left: 18px;
					margin-bottom: 2px;
					text-align: left;
					padding-left: 0;
}

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

.triangle-list-b {	list-style-image: url(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(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;
				float: left;
}

#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;
						line-height: 0;
						margin-bottom: -17px;
}

#separate_section-mid {	background: url(separate-mid.gif) top center repeat;
						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(separate-bottom.gif) top center no-repeat;
							width: 440px;
							height: 20px;
							padding: 0;
							margin: 0;
							text-align: justify;
							line-height: 0;
							margin-top: 13px;
}

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

#green_section-top {	background: url(green-top.gif) top center no-repeat;
						width: 440px;
						height: 20px;
						padding: 0;
						margin: 0;
						text-align: justify;
						line-height: 0;
						margin-bottom: -17px;
}

#green_section-mid {	background: url(green-mid.gif) top center repeat;
						width: 440px;
						height: auto;
						padding: 0;
						margin: 0;
						text-align: justify;
						margin-top: 13px;
						margin-bottom: -15px;
}

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

#green_section-bottom {	background: url(green-bottom.gif) top center no-repeat;
						width: 440px;
						height: 20px;
						padding: 0;
						margin: 0;
						text-align: justify;
						line-height: 0;
						margin-top: 13px;
}

.greencolour {	color: #01753d;
}



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

#dgreen_section-top {	background: url(dgreen-top.gif) top center no-repeat;
						width: 440px;
						height: 20px;
						padding: 0;
						margin: 0;
						text-align: justify;
						line-height: 0;
						margin-bottom: -17px;
}

#dgreen_section-mid {	background: url(dgreen-mid.gif) top center repeat;
						width: 440px;
						height: auto;
						padding: 0;
						margin: 0;
						text-align: justify;
						margin-top: 13px;
						margin-bottom: -15px;
}

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

#dgreen_section-bottom {	background: url(dgreen-bottom.gif) top center no-repeat;
						width: 440px;
						height: 20px;
						padding: 0;
						margin: 0;
						text-align: justify;
						line-height: 0;
						margin-top: 13px;
}

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

#brown_section-top {	background: url(brown-top.gif) top center no-repeat;
						width: 440px;
						height: 20px;
						padding: 0;
						margin: 0;
						text-align: justify;
						line-height: 0;
						margin-bottom: -17px;
}

#brown_section-mid {	background: url(brown-mid.gif) top center repeat;
						width: 440px;
						height: auto;
						padding: 0;
						margin: 0;
						text-align: justify;
						margin-top: 13px;
						margin-bottom: -15px;
}

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

#brown_section-bottom {	background: url(brown-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(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(sign-xingying.gif) center no-repeat;
				width: 128px;
				height: 79px;
}
/* To use ID #signaure2, see index.htm in 2009_Dec for reference */
#signature2 {	background: url(sign-meihui.gif) center no-repeat;
				width: 128px;
				height: 79px;
}

#blue_background {	background: url(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;
}

#speechbubble01 {	background: url(speechbubble01.gif) no-repeat top center;
					color: #000066;
					margin: 0;
					padding: 12px 8px 0 8px;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					text-align: center;
					width: 180px;
					height: 220px;
}

#speechbubble02 {	background: url(speechbubble02.gif) no-repeat top center;
					padding: 12px 8px 0 8px;
					color: #000066;
					margin: 0;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					text-align: center;
					width: 180px;
					height: 260px;
}

.strikethrough {	text-decoration: line-through;
}


.list {	margin-left: -10px;
}

.smaller {	font-size: 10px;
			line-height: normal;
}

.gb-grid {	width: 450px;
			float: left;
}

.blue {	background-color: #edffff;
}

.gb-gridpicture, .gb-gridtext {	display: inline;
								float: left;
								position: relative;
								padding: 10px;
}

.gb-grid .gb-gridpicture {	width: 167px;
}

.gb-grid .gb-gridtext {	width: 243px;
						font-size: 14px;
						font-style: italic;
						text-align: justify;
						color: #666666;
						line-height: normal;
}


/*------------------------------------------------------------------------------------------------------------*/
/*----- Do Not Remove this comment tag                                                                   -----*/
/*----- CSS below taken from                                                                             -----*/
/*----- http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&productId=1&postId=5341 -----*/
/*-----                                                                                                  -----*/
/*----- Note that before version 7, IE treated vertical-align uniquely among other browsers. Using this  -----*/
/*----- approach, I need the underscore hack for IE 6 and below.                                         -----*/
/*------------------------------------------------------------------------------------------------------------*/

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

/*-----*/
.addthis_toolbox {
	margin: 0;
	padding: 0 !important;
}