﻿* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #000066;
}

a:hover {
	text-decoration: underline;
}

a.more {
	background: url(../images/more.gif) no-repeat right center;
	padding-right: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000066;
}

a.previous {
	background: url(../images/previous.gif) no-repeat left center;
	padding-left: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000066;
}

h2 {
	font-family: Calibri;
	font-weight: normal;
	font-size: 34px; /*AG - Feb 10, 2009 - changed from 32px*/
	color: #000;
	margin-bottom: 10px;
}

h3 { /*AG - added Feb 10, 2009*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 28px;
	color: #000;
}

h4 { /*AG - added Feb 10, 2009*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 26px;
	color: #000;
}

html {
	font-family: arial, verdana, tahoma, sans-serif;
	color: #000;
	font-size: 22px;
	background-color: #000033;
}

body {
	text-align: center;
}

#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#header {
	position: relative;
	height: 106px;
}

p.logo {
	margin: 12px 0 0 15px;
}

p.logo img {
	border: 0;
}

#header form {
	position: absolute;
	overflow: hidden;
	right: 28px;
	top: 28px;
}

#header form input {
	float: left;
	margin-left: 5px;
	height: 20px;
	border: 1px solid #ccc;
}

#header form input.emailInput {
	width: 168px;
	background: #fff;
}

#header form label {
	position: relative;
	bottom: -4px;
	color: #ff9900;
	font-size: 14px;
	float: left;
	/*margin-right: 12px;*/
	margin-right: 1px;  /* change (Lin) from 12px - March 23,2009 */
	font-weight: bold;  /* add (Lin) - March 23,2009 */
}

p.signUp {
	position: absolute;
	right: 28px;
	top: 60px; 
	border-top: 1px solid #fff;
	padding-top: 5px;
	font-size: 14px;
	color: #fff;
}

p.signUp a {
	color: #fff;
}

/*   Content  area   */

#content {
	position: relative;
	z-index: 1;
	width: 930px;
	padding: 12px 15px 20px;
	background: url(../images/bg-content.gif) repeat-y left top; 
	overflow: hidden;
	height: 1%;
}

p.sectionTitle {
	font-size: 16px;
	font-weight: bold;
	color: #990000;
	margin-bottom: 20px;
}

/*   Sidebar Left   */

#sidebarLeft {
	position: relative;
	float: left;
	width: 620px;
	padding-right: 10px;
	z-index: 1;
	background-color: #fff;
}

h2.pageTitle { /*AG- added Feb 10,2009 - added to replace global h2 font size*/
	font-size:42px;
}

/*  Main article  */

#mainArticle {
	position: relative;
	left: -15px;
	z-index: 5;
	width: 620px;
	padding-left: 15px;
	padding-bottom: 15px;
	border-bottom: 4px solid #999;
	margin-bottom: 28px;
	overflow: hidden;
	text-align: left;	
	/*height: 1%;*/
	height: 300px;	
	/*.left: 15px;	nitip punya img*/
}

#mainArticle img {	
	left: 0px;
	top: 0;
	z-index: 0;
	margin-right: -20px;
	float: left;
	position: absolute;			
	display: block;		
	width: 300px;
	height: 300px;
}

#mainArticle a {
	position: relative;
	z-index: 5;
	float: right;
	display: block;
	width: 298px;	
	height: 88px;
	padding-left: 48px;		
	padding-top: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000066;		
}

.imgTitle a:hover {
	text-decoration: none;
	background: url(../images/bg-highlight.gif) no-repeat right top;
}

#mainArticle a:hover {
	text-decoration: none;
	/*background: url(../images/bg-highlight.gif) no-repeat right top;*/
}

#mainArticle a.selected {
	text-decoration: none;
	background: url(../images/bg-highlight.gif) no-repeat right top;
}

#mainArticle a .type {
	font-family: arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #990000;	
}

#photo  {     /* feb 05,2009*/
	width: 54.5%;
	height: 300px;
	float: left;
	position: absolute;	
	overflow: hidden;
	display: block;
	
}

* html #photo
{
}

/*#mainArticle ul {
	float: right;
	list-style-type: none;
	background-color: #fff;
	width: 298px;
	height: 88px;
	text-align: left;	
	padding-top: 10px;
	display: block;
}*/

/*#mainArticle ul li {	
	float: right;
	font-family: "Times New Roman", serif;
	font-size: 24px;
	text-align: left;	
}*/

/*#mainArticle ul li a.type {
	font-family: arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
	padding-top: 10px;
	height: 88px;	
	width: 100%;
	display: block;
	text-align: left;	
	position: relative;
	z-index: 5;	
}*/

/*   End of main article   */

/* Left articles  */

#leftArticles {
	width: 300px;
	float: left;
	overflow: hidden;
	margin-right: 20px;
}

p.recentPub {
	position: relative;
	clear: left;
	margin-bottom: 15px;
	overflow: hidden;
}

p.recentPub img {
	border: 0;
	float: left;
	margin-right: 12px;
}

p.recentPub a {
	position: relative;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	top: -4px;
}

#browseBy {
	width: 280px;
	padding: 12px 10px;
	height: 106px;
	background: url(../images/bg-browse.gif) repeat-x left top;
	margin-top: 24px;
	margin-bottom: 24px;
}

#browseBy p {
	color: #fff;
	font-weight: bold;
	margin-bottom: 10px;
}

#browseBy select {
	width: 268px;
	height: 20px;
	border: 1px solid #ccc;
	background-color: #ffffcc;
	margin-bottom: 8px;
}

#browseByRight {
	width: 250px;
	margin-top: 10px;
}

#browseByRight p {
	color: #fff;
	font-weight: bold;
	margin-bottom: 10px;
}

#browseByRight select {
	width: 250px;
	height: 20px;
	border: 1px solid #ccc;
	background-color: #ffffcc;
	margin-bottom: 8px;
}

/*  End of left articles   */

#rightArticles {
	float: left;
	width: 300px;
}

.event {
	margin-bottom: 20px;
}

.event p a {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 0;
}

.withBorder {
	border-top: 4px solid #999;
	padding-top: 15px;
}

.newsItem {
	border-top: 1px dotted #cccccc;
	padding: 10px 4px;
}

.newsItem p {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}

/*   End of sidebar left   */

/*   Sidebar Right    */

#sidebarRight {
	float: left;
	width: 290px;
	margin-left: 10px;
	font-size: 12px;
}

* html #content.withMainArticle #sidebarRight {
	margin-left: 0;
}

.welcome {
	width: 270px;
	padding: 0 10px 1px 10px;
	/*background-color: #fff;*/
	margin-bottom: 25px;
}

* html .welcome {
	padding-right: 0;
	width: 270px;
}

.rightSection {
	width: 270px;
	padding: 0 10px 12px 10px;
	background-color: #fff;
	margin-bottom: 25px;
}

* html .rightSection {
	padding-right: 0;
	width: 280px;
}

.rightSectionHL {
	width: 270px;
	padding: 0 10px 2px 10px;
	background-color: #fff;
	margin-bottom: 25px;
}

* html .rightSectionHL {
	padding-right: 0;
	width: 270px;
}


.rightImgSection { /* AG - Feb 11, 2009 - added for ing highlight*/
	width: 270px;
	padding: 0 10px 0 10px;
	background-color: #fff;
	margin-bottom: 25px;
}

* html .rightImgSection {
	padding-right: 0;
	width: 270px;
}


.rightSectionCO {
	width: 270px;
	padding: 12px 10px 2px 10px;
	background-color: #fff;
	margin-bottom: 25px;
}

* html .rightSectionCO {
	width: 270px;
}

.rightImgSection img{
	margin-left:-10px;
	margin-bottom:-1px;
	.margin-bottom:-3px;
}

.rightSection a.more ,rightSectionCO a.more ,rightSectionHL a.more{
	font-size: 12px;
	color: #000066;  /* add (Lin) - March 05,2009*/
}

/* add (Lin) - March 05,2009 */
.rightSection  a, .rightSectionHL  a,.rightSectionCO  a {
	color: #990000;
}

.rightSection  a.articleTitle { font-size: 14px; }
/*---------------*/

.rightSection p, .rightSectionHL p, .rightSectionCO p {
	margin-bottom: 10px;
}

.rightSection img.imageHL, .rightSectionHL img.imageHL, .rightSectionCO img.imageHL {
	margin-bottom: 10px;
}

/* added for title image - JM - Jul 28, 2009 */
.rightSection img.imageHLTitle, .rightSectionHL img.imageHLTitle, .rightSectionCO img.imageHLTitle {
	margin: 0px 0px 0px -10px;
}
.rightSection img.imageHLTitle2, .rightSectionHL img.imageHLTitle2, .rightSectionCO img.imageHLTitle2 {
	margin: 0px 0px 10px -10px;
}

.rightSection img, .rightSectionHL img, .rightSectionCO img {
	clear: both;
}

.rightSection p.sectionHeader, .rightSectionHL p.sectionHeader {
	width: 266px;
	margin-left: -10px;
	background-color: #000033;
	color: #fff;
	padding: 12px;
	margin-bottom: 10px;
}

.rightImgSection p.sectionHeader {
	width: 266px;
	margin-left: -10px;
	background-color: #000033;
	color: #fff;
	padding: 12px;
	margin-bottom: 0px;
}



p.sectionHeader a {
	color: #fff;
	/*text-decoration: underline;*/
}

p.articleTitle {
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
}

.rightSectionCO ul,.rightSectionHL ul {
	list-style-position:outside;
	padding:0 0 10px 25px;
	
}

.rightSectionCO ol,.rightSectionHL ol {
	list-style-position:outside;
	padding:0 0 10px 25px;
	
}

.rightSection ul {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin-top: 10px;
	margin-bottom: 0; /*AG - Feb 11, 2008 - moved 12px to parent class*/
}

.rightSection ul li {
	border-top: 1px dotted #ccc;
	padding: 4px 0;
}

.rightSection ul li a { /* add (Lin) - March 05,2009*/
	color: #000066;
}

/* added for right_navigation child in 2009_01_29 */
.rightSection ul li.parent {
	border-top: 1px dotted #ccc;
	padding: 4px 0;
	font-size: 14px;
}

.rightSection ul li.parent a:hover {
	text-decoration: underline;
}

.rightSection ul li.childLi {
	border-top: none;
	padding: 0;
	margin-top: 0;	
	.margin-top: -15px;		
}

.rightSection ul li.childLi ul.child {
	border-top: none;
	padding: 0;
	margin: 0;	
}

.rightSection ul li.childLi ul.child li {
	border-top: 1px dotted #ccc;
	padding: 4px 0 4px 15px;
}

.rightSection ul li.childLi ul.child li  a:hover {
	text-decoration: underline;
}

/*--------------------------------------------------------*/

/* added left highlight homepage layer -- 2009_02_11 */
.leftSection {
	width: 278px;
	padding: 0 10px 2px 10px;
	background-color: #fff;
	margin-bottom: 25px;
	border:solid 1px #CECECE;
}

* html .leftSection {
	padding-right: 0;
	width: 276px;
}

.leftImgSection { /* AG - Feb 11, 2009 - added for ing highlight*/
	width: 280px;
	padding: 0 10px 0 10px;
	background-color: #fff;
	margin-bottom: 25px;
}

* html .leftImgSection {
	padding-right: 0;
	width: 280px;
}


.leftSectionCO {
	width: 278px;
	padding: 12px 10px 2px 10px;
	background-color: #fff;
	margin-bottom: 25px;
	border:solid 1px #CECECE;
}

* html .leftSectionCO {
	width: 278px;
}

.leftImgSection img {
	margin-left:-10px;
	margin-bottom:-1px;
	.margin-bottom:-3px;
}

.leftSection a.more, .leftSectionCO a.more {
	font-size: 22px;
}

.leftSection a, .leftSectionCO a { /* add (Lin) - march 05,2009*/
	color: #990000;
}

.leftSection p,.leftSectionCO p {
	margin-bottom:10px;
}

.leftSection img,.leftSectionCO img {
	margin-bottom:10px;
}

/* added for title image - JM - Jul 28, 2009 */
.leftSection img.imageHLTitle, .leftSectionCO img.imageHLTitle {
	margin: 0px 0px 0px -10px;
}
.leftSection img.imageHLTitle2, .leftSectionCO img.imageHLTitle2 {
	margin: 0px 0px 10px -10px;
}

.leftSection p.sectionHeaderLeft {
	width: 276px;
	margin-left:-10px;
	background-color: #000033;
	color: #fff;
	padding: 12px;
	margin-bottom: 12px;
}

* html .leftSection p.sectionHeaderLeft {
	width: 274px;
}

.leftImgSection p.sectionHeaderLeft {
	width: 276px;
	margin-left:-10px;
	background-color: #000033;
	color: #fff;
	padding: 12px;
	margin-bottom: 0px;
}


p.sectionHeaderLeft a {
	color: #fff;
}

p.articleTitle {
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
}

.leftSection ul {
	list-style-position:outside;
	padding:0 0 10px 25px;
	
}

.leftSection ol {
	list-style-position:outside;
	padding:0 0 10px 25px;
	
}

/*---------------------------------------------------------*/

p.subSectionTitle {
	font-size: 28px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
}

p.subSectionTitle a { /* add (lin) - March 05,2009*/
	color: #000066;
}

/*   End of sidebar right    */

/*   Top Stories   */

#topStories {	
	clear: left;
	position: relative;
	background: #666666 url(../images/bg-top-stories.gif) no-repeat left bottom;
	padding-top: 3px;
	padding-bottom: 15px;
	overflow: hidden;
	/*height: 1%;*/
	height: 105px; /*edited by wchandra to fix bug css IE 6*/
}

img.topStory {
	position: absolute;
	z-index: 5;
	left: 0;
	top: 3px;
}

img.arrowLeft {
	position: absolute;
	z-index: 5;
	top: 3px;
	right: 20px;
}

img.arrowRight {
	position: absolute;
	z-index: 5;
	top: 3px;
	right: 0px;
	border-left: 1px solid #666666;
}

#topStories ul {
	float: left;
	overflow: hidden;
	height: 1%;
	list-style-type: none;
	padding-left: 110px;  /* march 03,2009 - changed from 60px */
}

#topStories ul li {
	float: left;
	margin-left: 1px;
}

#topStories ul li a {
	width: 180px;
	height: 85px;
	padding: 10px 20px;
	display: block;
	background: url(../images/bg-story.gif) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

#topStories ul li a .storyType {
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #990000;
	display: block;
	font-weight: bold;
}

#topStories ul li a:hover {
	text-decoration: none;
	background: url(../images/bg-story-over.gif) repeat-x left top;
}

/*   End of top stories   */

/*  Secondary content   */

p.about {
	font-size: 20px;
	margin-bottom: 6px;
}

p.about a {
	color: #990000;
}

ul.moreInfo {
	list-style-type: none;
	overflow: hidden;
	height: 1%;
	background: url(../images/bg-artlist.gif) repeat-x left bottom;
	margin-bottom: 16px;
}

ul.moreInfo a {
	display: block;
	color: #000033;
	font-size: 14px;
	width: 131px;
	height: 24px;
	padding-top: 15px;
	border-left: 1px solid #999;
	border-right: 2px solid #999;
	border-top: 1px solid #999;
	margin-bottom: 4px;
}

ul.moreInfo a:hover {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	border-left: 1px solid #676767;
	border-right: 2px solid #676767;
	border-top: 1px solid #676767;
	margin-bottom: 0;
	border-bottom: 4px solid #fff;
}

ul.moreInfo a.active {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	border-left: 1px solid #676767;
	border-right: 2px solid #676767;
	border-top: 1px solid #676767;
	margin-bottom: 0;
	border-bottom: 4px solid #fff;
}

ul.moreInfo li {
	float: left;
	margin-left: 8px;
	overflow: hidden;
	height: 1%;
	text-align: center;
}

#articleRelated {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 1%;		
	padding-bottom: 12px;
	border-bottom: 1px solid #999;
	margin-bottom: 12px;
}

ul.sendTo {
	list-style-type: none;
	overflow: hidden;
	float: left;
	height: 1%;
}

ul.sendTo li {
	float: left;
	padding-left: 12px;
	border-left: 1px solid #999;
	margin-right: 12px;	
}

* html ul.sendTo li {
	width: 55px;
}

ul.sendTo li.firstSend {
	border-left: none;
}

ul.sendTo li.share {
	font-size: 10px;
	color: #000033;
	height: 14px;
	display: block;
	padding-top: 2px;
}

ul.sendTo a {
	font-size: 10px;
	color: #000033;
	height: 14px;
	display: block;
	padding-top: 2px;
}

a.mail {
	background: url(../images/e-mail.gif) no-repeat left center;
	padding-left: 20px;
}

a.print {
	background: url(../images/print.gif) no-repeat left center;
	padding-left: 20px;
}

a.pdf {
	background: url(../images/pdficon_small.gif) no-repeat left center;
	padding-left: 20px;
	padding-bottom: 1px;
}

* html a.pdf {
	width: 70px;
}

ul.social {
	list-style-type: none;
	overflow: hidden;
	height: 1%;	
	float: left;
}

* html ul.social {
	margin-left: -40px;
}

ul.social li {
	display: block;
	float: left;
	margin-left: 6px;
}

ul.social li img {
	border: 0;
}

p.textSize {
	position: absolute;
	right: 0;
	top: -4px;
	font-size: 10px;
	color: #000033;
}

p.textSize a:hover {
	text-decoration: none;
}

a.normal {
	margin-left: 10px;
}

a.medium {
	font-size: 15px;
}

a.big {
	font-size: 22px;
}

.articleText {
	clear:both;
	border-bottom: 1px solid #999;
	padding-bottom:15px;
	.padding-bottom:10px;
	.margin-bottom:10px;
	position: relative;  /* add - feb 06,2009 - fix IE6 glitch*/
	width: 620px;	/* add - Feb 12,2009 - fix IE6 glitch*/
	overflow:hidden; /* AG - Feb 11, 2009 - added so image can stay inside article border*/
	
}

.articleText p {
	margin-bottom: 15px;
	line-height: 27px;	/* add Lin - March 03,2009 */
}

.articleText hr {
	margin-bottom: 15px;
}

.articleText ol {
	margin-left: 40px;
	margin-bottom: 15px;
	line-height: 27px;	/* add Lin - March 03,2009 */
	list-style-position: inside; /* add (Lin) - Apr 15,2009 */
}

.articleText ul {
	margin-left: 40px;
	margin-bottom: 15px;
	line-height: 27px;	/* add Lin - March 03,2009 */
	list-style-position: inside; /* add (Lin) - Apr 15,2009 */
}

.articleText a {   /* add Lin - March 04,2009 */
	color: #990000;
}

a.noContent {  /* add (lin) - March 05,2009 */
	color: #000066;
}

a.searchMore { /*add (lin) - March 05,2009*/
	background: url(../images/more.gif) no-repeat right center;
	padding-right: 14px;
	font-family: arial, sans-serif;	
	color: #000066;
}

img.rightBigImg {
	float: right;
	margin-left: 12px;
	margin-bottom: 10px;
	.margin-bottom: 3px;
	border: 1px solid #2c355c;	
}

.articleImg { /* AG - Feb 10, 2009 - moved from source*/
	clear:both; 
	border: 1px solid #2c355c; 
	margin: 0 0 5px 5px; 
	float:right;
}

.articleImgPolicy { /* Add (Lin) - March 23, 2009 */
	clear:both; 
	border: 1px solid #2c355c; 
	margin: 5px 5px 5px 0; 
	float:left;	
}

.articleIconVideo { /* June 24,2009 */
	clear:left; 	
	margin: 0 0 0 5px; 	
	width: 30px;
}

.articleIconAudio { /* June 24,2009 */
	clear:left; 	
	margin: 0 0 0 5px; 	
	width: 20px;
}

p.date { /* AG - Feb 10, 2009 - added*/
	font-size: 20px;
	margin-bottom: 0px;
}

p.posted { /* Add - Lin - Mar 31, 2009 */
	font-size: 20px;
	margin-bottom: 20px;
}

.Items{
	clear:both;	
	padding-top:15px;
	.padding-top:13px; /*add-lin-May13,2009 - fix bugs IE*/	
	float: left;	
	width: 620px;
	position: relative;
}

.Items h3 a{
	color: #000066;
}

.Items td ul {
	font-size: 22px;
}

.Items p { /* AG - Added Sept 7, 2009*/
	margin-bottom:0px;
}

/* added for blog - JM/WChandra - Sep 17, 2009 */
.ItemsBlog {
	clear: both;
	padding-top: 30px;
	.padding-top: 28px;
	float: left;	
	width: 620px;
	position: relative;
}

.ItemsBlog.firstItem {
	padding-top: 0px;
	.padding-top: 28px;
}

.ItemsBlog blockquote {
	margin-top: 15px;
}

.ItemsBlog blockquote p {
	margin-top: 15px;	
	line-height: 19px;
	text-align: left;
}

.ItemsBlog .itemObject {
	margin-top:15px;
}

.ItemsBlog h3 a{
	color: #000066;
}

.ItemsBlog p {
	margin-top: 15px;
	margin-bottom: 0px;
}

.ItemsBlog p.first {
	margin-top: 0px;
}

.ItemsBlog td ul {
	font-size: 12px;
	margin-left: 20px;
}
/* END OF added for blog - JM/WChandra - Sep 17, 2009 */


/* add - Lin - May 06,2009 - for multimedia description*/
.multi p {
	margin-bottom: 3px;
}
/* --------------------*/

/* add - AG - Sept 7,2009 - for policy blog listing*/
.articleRelatedSmall {
	float: right;
	position: absolute;
	margin-top: 13px;
	.margin-top: -2px;
	margin-left: 227px;
}

* html .articleRelatedSmall {
	margin-left: 191px;
}

ul.sendToSmall {
	list-style-type: none;
	overflow: hidden;
	float: left;
	height: 1%;
}

ul.sendToSmall li {
	float: left;
	padding-left: 8px;
	border-left: 1px solid #999;
	margin-right: 8px;	
}

* html ul.sendToSmall li {
	width: 47px;
}

ul.sendToSmall li.firstSend {
	border-left: none;
}

* html ul.sendToSmall li.firstSend {
	width: 83px;
}

ul.sendToSmall li.share {
	font-size: 20px;
	color: #000033;
	height: 22px;
	display: block;
	padding-top: 2px;
}

ul.sendToSmall a {
	font-size: 20px;
	color: #000033;
	height: 22px;
	display: block;
	padding-top: 2px;
}

a.mailSmall {
	background: url(../images/e-mail_small.gif) no-repeat left bottom;
	padding-left: 16px;
}

a.printSmall {
	background: url(../images/print_small.gif) no-repeat left bottom;
	padding-left: 16px;
}

* html a.mailSmall {
	background: url(../images/e-mail_small.gif) no-repeat left center;
	padding-left: 16px;
}

* html a.printSmall {
	background: url(../images/print_small.gif) no-repeat left center;
	padding-left: 16px;
}

ul.socialSmall {
	list-style-type: none;
	overflow: hidden;
	height: 1%;	
	float: left;
	padding-left:0px;
	margin-left:0px;
	padding-bottom:0px;
	padding-top:2px;
}

* html ul.socialSmall {
	margin-left: -16px;
}

ul.socialSmall li {
	display: block;
	float: left;
	margin-left: 4px;
}

ul.socialSmall li img {
	border: 0;
}
/* end of - AG - Sept 7,2009 - for policy blog listing*/

/*   End of secondary content   */

.FOTF {
	/*clear:both;*/
	clear: left; /*add-Lin- May 13,2009 - fix bugs fotf*/
}

.FOTF1 {  /*add-Lin- May 13,2009 - fix bugs fotf*/	
	clear: left;
}

/*   End of Content area   */

/*   Footer   */

#footer {
	background: #f3f1ef url(../images/bg-footer.gif) repeat-x left top;
	font-size: 12px;
}

#footer a {
	color: #000099;
}

#footer p {
	margin-bottom: 15px;
}

#footerContent {
	overflow: hidden;
	margin: 0 auto;
	width: 930px;
	text-align: left;
	padding: 20px 15px;
}

#footerContent ul li {
	margin-right: 10px;
	margin-left: 17px;
	.margin-left: 22px;
}

#footerContent ol li {
	margin-right: 10px;
	margin-left: 17px;
	.margin-left: 22px;
}

* html #footerContent ol li {
	margin-left: 22px;
}

/*#footerContent ul {
	list-style-type: none;
	width: 152px;
	float: left;
	margin-top: 20px;
	margin-right: 8px;
}

#footerContent ul li.domain {
	margin-bottom: 12px;
}

#footerContent ul.contact {
	width: 240px;
	border-left: 1px solid #ccc;
	padding-left: 14px;
}*/

/*   End of footer   */

/*   Main navigation    */

#menu {
	font-family: Arial, Helvetica, sans-serif;
	height: 46px;
	background: url(../images/bg-menu.gif) repeat-x left top;
}

#menu ul li a {
	float: left;
	color: #000;
	font-size: 14px;
	padding: 11px 8px 14px;
	border-top: 4px solid #000033;
	height: 17px;
}

/*
*:first-child+html #menu ul li a {
	padding: 12px 10px 14px;
}

* html #menu ul li a {
	padding: 12px 10px 14px;
}
*/

#menu ul li a:hover {
	background-color: #fff;
	text-decoration: none;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	padding: 14px 7px 14px;
}

#menu ul li a.selected {
	background-color: #fff;
	text-decoration: none;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	padding: 14px 7px 14px
}

#menu ul {
	list-style-type: none;
	margin-left: 5px;
}

#menu ul li {
	float: left;
}

#menu form {
	float: left;
}

#menu form input {
	width: 130px;
	height: 16px;
	padding: 2px;
	border: 1px solid #999;
	margin-top: 12px;
	margin-left: 10px;
}

p.rss {
	padding-top: 14px;
	font-size: 14px;
}

#menu p.rss a {
	color: #000;
}

p.rss img {
	margin-left: 10px;
	border: 0;
	float: left;
	margin-right: 3px;
}

/*   Secondary menu   */

#secondaryMenu {
	overflow: hidden;
	background-color: #fff;
	height: 1%;
}

#secondaryMenu ul {
	list-style-type: none;
	/*padding: 12px 15px;*/
	overflow: hidden;
	height: 1%;
	font-size: 12px;
}

#secondaryMenu ul li {
	float: left;
	padding-left: 6px;
	margin-left: 6px;
	border-left: 1px solid #7f7f7f;
	white-space:nowrap;
}

#secondaryMenu ul li.first {
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}

#secondaryMenu ul li a {
	color: #000;
}

#secondaryMenu ul li a:hover {
	color: #990000;
	text-decoration: none;
}

#secondaryMenu ul li a.selected {
	color: #990000;
	text-decoration: none;
}

/* added for message box - Feb 09, 2009 */
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(../images/info.gif);
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url(../images/success.gif);
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(../images/warning.gif);
}

.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(../images/error.gif);
}

.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url(../images/validation.gif) ;
}

.validation a {
	color: #D63301;
}
/* END OF added for message box Feb 09,2009 */


/* added for form input - Sep 15, 2008 */
.articleText input {
	font-size: 11px;
}

.articleText select {
	font-size: 11px;
}

/* AG - Feb 9, 2009 - add button css*/

#YBtn,#RBtn  {
	float:left;
}

#YBtn .yellowbutton {
	background: transparent url('../images/button/btn_yellow.png') no-repeat;
	.background: transparent url('../images/button/btn_yellow_ie.png') no-repeat;
   
    border:none;
    height:18px;
    .height:19px;
    .margin-bottom:1px;
    margin-right:5px;
}

#YBtn .yellowbutton:hover , #YBtn .yellowbutton.hover {
	background: transparent url('../images/button/btn_yellow_hover.png') no-repeat;
	.background: transparent url('../images/button/btn_yellow_hover_ie.png') no-repeat;
   
    border:none;
    height:18px;
    .height:19px;
    .margin-bottom:1px;
    margin-right:5px;
}

#YBtn .yellowbutton:active, #YBtn .regbutton.sfactive  {
	background: transparent url('../images/button/btn_yellow_pressed.png') no-repeat;
	.background: transparent url('../images/button/btn_yellow_pressed_ie.png') no-repeat;
   
    border:none;
    height:18px;
    .height:19px;
    .margin-bottom:1px;
    margin-right:5px;
    outline: none; /* hide dotted outline in Firefox */

}


#RBtn .regbutton {
	background: transparent url('../images/button/btn_reg.png') no-repeat;
	.background: transparent url('../images/button/btn_reg_ie.png') no-repeat;
   
    border:none;
    height:18px;
    .height:19px;
    .margin-bottom:1px;
    margin-right:5px;
}

#RBtn .regbutton:hover , #RBtn .regbutton.hover {
	background: transparent url('../images/button/btn_reg_hover.png') no-repeat;
	.background: transparent url('../images/button/btn_reg_hover_ie.png') no-repeat;
   
    border:none;
    height:18px;
    .height:19px;
    .margin-bottom:1px;
    margin-right:5px;
}


#RBtn .regbutton:active , #RBtn .regbutton.sfactive {
	background: transparent url('../images/button/btn_reg_pressed.png') no-repeat;
	.background: transparent url('../images/button/btn_reg_pressed_ie.png') no-repeat;
   
    border:none;
    height:18px;
    .height:19px;
    .margin-bottom:1px;
    margin-right:5px;
}

p.fileAs {
	margin-top:10px;
}

.rssLink {  /*add - Lin - Apr 20,2009*/
	font-size:20px; 
	/*padding-left:18px;*/ /*remark - Lin - July 24,2009*/
	padding-top: 3px;
}

.rssLinkDetail {			/* add - AG - Apr 22, 2009 */
	clear: both;			/* add - Lin - July 24, 2009 */
	font-size: 20px;
	/*padding-left: 18px;*/	/* remark - Lin - July 24, 2009 */
	float: left;			/* change from float: right; - Lin - July 24, 2009 */
	.margin-bottom: -15px;	/* add - Lin - July 24, 2009 - fix bugs on IE */
}

.rssLinkDetail img {		/* add - Lin - July 24, 2009 */
	border: none;
	padding: 0;
	margin: 0;
	width: 16px;
}

.blogRelated{  /*add - AG - Apr 21,2009*/
	font-size: 22px;
}

.pageTitleImg {
	margin-bottom: 0px;	/* added - JM - Jul 27, 2009 - for hardcoded page title image */
}

a.readMore { /*AG - Nov 9, 2009 - added*/
	clear: both;
	display: block;
	float: left;	
	background: url(../images/more.gif) no-repeat right center;
	padding-right: 14px;
	font-family: arial, sans-serif;	
	color: #990000;	
	font-size:23px;
	font-weight:bold;
}
