body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #000066;
	background: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
	font-weight: bold;
	font-size: 0.9em;
}


#wrapper {
	min-width:775px;
	max-width:967px;
	text-align: left;
	position: relative;
	margin: 10px auto 20px;
}

/*heading setting*/
#heading {text-align: left; clear: both; position: relative; background: url(../images/header_sunrise01.jpg) no-repeat; width: 100%; visibility: visible; color: #FFFF00}

/*skip link setting*/
#skip a {
	position:absolute;
	text-align: center;
	font-size: 0.8em;
	text-decoration: none;
	left: 50px;
	top: 5px;
	color: #FFFF00;
	font-weight: bold;
}
#skip a:hover{text-decoration: underline;}

/*Left and right heading setting*/
#heading #headingLeft {float: left; width: 60%}
#heading #headingLeft h1 {padding-bottom: 15px; font-size: 1.2em; padding-top: 25px; margin: 0px 0px 0px 20px}
#headingLeft h2 {font-size: 1.0em; margin: 0px 0px 0px 50px; padding-bottom: 110px;}
#headingRight {float: left; width: 40%}

/*Top navigator links setting*/
#heading ul {margin: 0px; padding: 0px 15px 10px 0px; text-align: right; clear: both}
#heading li {list-style-type: none; display: inline; padding: 6px}
#heading ul li a {color: #FFFFCC; font-size: 1.1em; padding: 3px 3px 5px}
#heading ul li a:hover {color: #000066; background-color: #FFFFCC; text-decoration: underline; padding: 3px 3px 5px}

/*Columns or raild and articles container*/
#contentContainer {width: 100%; clear: both}
#column1 {width: 23%; float:left; text-align:center}
#column2 {
	width: 53%;
	float:left;
	text-align: left;
	padding-bottom: 30px;
	background: #FFFFFF;
	border-top: 3px solid #000000;
}
#column3 {width: 24%; float:left; text-align:center}

/*column2 header General Setting*/
#column2 .topHeader {
	color: #FFFFCC;
	background-color: #000066;
	padding: 5px;
	text-align: center;
	font-size: 1.4em;
	margin: 10px;
	clear: both;
	line-height: 130%;
}


#column2 .emailPage {
	text-align: right;
	overflow: hidden;
	float: right;
}
#column2 .emailPage a {
	font-size: 0.9em;
	margin-right: 15px;
	margin-left: 1px;
}
#column2 .emailPage img {
	margin-right: 2px;
	float: left;
	padding: 2px 4px 1px;
	margin-top: 1px;
}
#column2 .dateFloat {
	float: left;
	margin-left: 15px;
}

/*Side or rail setting*/
#column1 #side-nav {padding-top: 10px; padding-bottom: 10px; margin: 0px 8px 5px 0px;}
#column3 #side-nav {padding-top: 10px; padding-bottom: 10px; overflow: visible; visibility: visible; margin: 0px 0px 5px 8px}
#side-nav {
	margin: 0px 10px 10px 10px;
	padding:10px 0px;
	border: 3px solid #000000;
	background: #FFFFFF;
}
#side-nav h2 {text-align: center; padding-bottom: 5px; margin:0px 5px; font-size: 1.1em; border-bottom: 2px solid #999999}
#side-nav p {padding: 10px 8px 5px 8px; text-align: left; margin: 0px}
#side-nav p a {border: none; color: #0000FF; display: inline; margin: 0px; padding: 0px}
#side-nav p a:hover {color: #00FF00; border: none; background: #000066; display: inline}
#side-nav a img {border: medium solid #FFFFFF}
#side-nav a:hover img {border: medium solid #000066}
#side-nav ul {margin: 0px; padding: 0px 10px; text-align: center}
#side-nav li {list-style-type: none; border-bottom: 2px solid #999999}
#side-nav li:hover {border-right: 2px solid #999999; border-left: 2px solid #999999}
#side-nav li a {display: block; padding-top: 5px; padding-bottom: 5px}
#side-nav li a:hover {color: #FFFFCC; background: #000066;}

/*side donation link*/
#side-nav .donateLink {background: #000066; overflow: hidden; display: block; margin-right: 40px; margin-left: 40px}
#side-nav .donateLink a {display: block; overflow: hidden; color: #FFFF00; font-size: 1.2em; margin: 4px; padding-right: 10px; padding-left: 10px; padding-bottom: 5px}
#side-nav .donateLink a:hover {color: #000066; background: #FFFFFF}
#side-nav .contactSideBar {margin: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}
#side-nav .contactSideBar li {padding-bottom: 10px; border: none}
#side-nav .contactSideBar a {margin: 0px; padding: 0px; clear: none}

/*Side registration form -- General*/
#register {margin-right: 5px; margin-left: 5px; text-align: left; padding-left: 20px}
#register input {margin-bottom: 5px; font-weight: bold}
#register label {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; text-align: left}
#register #cons_email_format {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; margin-bottom: 10px}



#article {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;

}



/*Font Setting -- General Setting*/
#article p {/*font-size: 0.9em;*/ margin: 0px 30px 0px 35px; padding-bottom: 15px}
#article h2 {
	font-weight: 900;
	font-size: 1.1em;
	line-height: 120%;
	padding-bottom: 10px;
	margin: 0px 25px;
}
#article h3 {font-size: 1em; padding: 5px 0px; margin: 0px 25px}
#article h4 {color: #000066; padding: 0px; font: bolder 1em Arial, Helvetica, sans-serif; margin: 0em 35px 0px}
#article a {color: #0000FF; display: inline; border-style: none}
#article a:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none}

/*List Setting - General Setting*/
#article ul, #article ol {margin: 0px 40px 0px 60px; padding: 0px 0px 5px}
#article li {
	padding-bottom: 10px;
	line-height: 120%;
}
#article li ul {
	padding: 5px;
}

#article li ul li {
	font-size: 1em;
}

#article .list li li {font-size: 1em}

/*Form Font Setting -- General*/
#article select {color: #000066; background-color: #D4D0C8; font-weight: bold}
#article select option {background-color: #FFFFCC; font-weight: bold; color: #000066}
#article  input {font-weight: bold}

/*Table of Content Setting -- General*/
#article .contentTable {padding-bottom: 20px}
#article .contentTable h2 {font-size: .9em; padding-bottom: 5px; clear: both}
#article .contentTable h3 {font-size: 0.9em; clear: both}
#article .contentTable li {padding-bottom: 2px; list-style: none}
#article .logoLink a img{
	padding: 7px;
}

#article .logoLink a img:hover {
	border: 2px solid #000066;
	padding: 5px;
}






#article a img {
	border-style: none;
}




#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000066;
	clear: both;
	width: 100%;
	background: #FFFFFF;
	position: relative;
}



#bottom-nav a {
	padding: 3px;
	border: 2px solid #FFFFCC;
	margin: 0px;
}
#bottom-nav a:hover {
	color: #FFFFCC;
	background-color: #000066;
	border: 2px solid #666666;
}

#bottom-nav {
	padding-bottom: 15px;
	padding-top: 20px;
}
#bottom-nav ul {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#bottom-nav li {
	display: inline;
	list-style-type: none;
}



#copyright {
	position: relative;
	padding: 15px;
}


/*IE6 and other browser fixes*/
* {margin: 0px; padding: 0px}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-block}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
* html #wrapper #contentContainer #column2 {height: 1%}




/*Please remove after fixing the pages*/
#article .faq {
	padding-right: 0.5em;
	padding-left: 0.5em;
}
div#article .faq dt {
	font-size: 1.2em;
	font-weight: 900;
}

div#article .faq h2 {
	font-size: 1.3em;
	padding-bottom: .3em;
	font-weight: 900;
}
div#article .faq dd {
	padding-bottom: 1em;
}

div#article .faq li {
	margin-right: 2em;
	margin-left: 2.2em;
	list-style-type: none;
	padding-bottom: 0.5em;
	text-indent: -1.6em;
}


.singleArticle {
	padding-bottom: 15px;
	clear: both;
}

.pictureCaptionRight {
	margin-right: 5px;
	margin-left: 5px;
	padding-bottom: 15px;
	clear: both;
	padding-top: 5px;
}
.pictureCaptionRight img {
	float: right;
	padding-bottom: 5px;
	padding-left: 15px;
}

.pictureCaptionRight dd {
	padding: 5px;
	border: thin solid #000066;
	overflow: hidden;
	margin-left: 20px;
}
.pictureCaptionLeft {
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}
.pictureCaptionLeft img {
	float: left;
	padding-right: 15px;
	padding-bottom: 5px;
}
.pictureCaptionLeft dd {border: thin solid #000066; overflow: hidden; margin-top: 5px; margin-right: 20px; margin-bottom: 5px; padding: 5px}

#article a img {
	border-style: none;
}





#article .list_indent ul {
	margin-left: 55px;
	margin-right: 15px;
}
#article .list_indent li {
	text-indent: -38px;
	list-style: none;
	padding-bottom: 10px;
}

#article .list_related {
	padding-bottom: 15px;
	padding-top: 20px;
}
#article .list_related h2 {
	padding-bottom: 5px;
	margin: 0px 35px 0px 25px;
}

#article .list_related h3 {
	margin: 0px;
	padding: 0px;
}
#article .list_related ul {
	margin: 0px 35px;
	padding: 0px;
}
#article .list_related li {
	list-style: none;
	padding-bottom: 3px;
}










#article .listNone ul {margin-right: 20px; margin-left: 20px}
#article .listNone li {list-style: none}

/*For Report Listing*/
#article .listReport {padding-bottom: 15px}
#article .listReport h3 {margin: 0px; padding: 0px; font-size: 1.1em; font-weight: bold}
#article .listReport ul {margin-left: 30px; padding: 0px; margin-top: 0px}
 
/*For Table of Content Listing*/
#article .listTable h2 {padding-bottom: 5px; clear: both; font-size: 1em}
#article .listTable h3 {margin: 0px 0px 0px 15px; padding: 0px; clear: both; font-size: 1.2em; font-weight: bolder}
#article .listTable ul {margin-bottom: 20px; margin-left: 40px}
#article .listTable li {
	font-size: 0.9em;
	padding-bottom: 3px;
	list-style: none;
}

/*Image Setting*/
.photoLeft {float:left; padding:10px; background:#FFFFFF; margin:10px 15px; border:solid 2px #999999}
.photoRight {float:right; padding:10px; background:#FFFFFF; margin:10px 15px; border:solid 2px #999999
}
/*For center image and center photo caption*/
#article .captionCenter {text-align: center}
#article .captionCenter p {
	text-align: left;
	padding-right: 15px;
	padding-left: 20px;
}

#article .captionCenter img {
}

/*For left side image and right side photo caption*/
#article .captionLeft {
	padding-bottom: 20px;
	padding-right: 0px;
	padding-left: 30px;
}
#article .captionLeft img {
	float: left;
	padding-right: 20px;
	padding-bottom: 10px;
}
#article .captionLeft p {
	border: thin solid #000066;
	overflow: hidden;
	padding: 3px 5px;
	margin: 0px 30px 0px 0px;
}

/*For special right side image and left side photo caption*/
#article .captionRight {
	padding-bottom: 5px;
	float: right;
	text-align: center;
	margin: 0px 30px 0px 15px;
}
#article .captionRight img {
	margin: 0px;
	padding-left: 15px;
	padding-bottom: 10px;
}
#article .captionRight p {
	border: thin solid #000066;
	overflow: hidden;
	margin: 0px;
	padding: 5px;
}

/*For right side images with left side photo caption*/
#article .captionRight1 {margin-top: 5px; margin-right: 10px}
#article .captionRight1 img {
	float: right;
	margin: 0px;
	padding: 0px 0px 5px;
}
#article .captionRight1 p {
	padding: 3px 5px;
	border: thin solid #000066;
	overflow: hidden;
	margin: 0px;
}

/*For left side photo with bottom photo caption */
#article .captionLeftBottom {
	float: left;
	position: relative;
	padding-bottom: 15px;
	margin-right: 15px;
	margin-left: 15px;
}
#article .captionLeftBottom img {
}
#article .captionLeftBottom p {
	text-align: center;
	margin: 0px;
	padding: 5px;
	border: thin solid #000066;
}
#article .captionRightBottom {
	float: right;
	padding-bottom: 15px;
}
#article .captionRightBottom img {
	display: block;
	margin-left: 15px;
}
#article .captionRightBottom p {
	margin: 0px;
	padding: 5px;
	border: thin solid #000066;
}





/*Layout*/
/*For policy layout*/
#article .policyLayout h2 {text-align: center; padding-bottom: 10px}
#article .policyLayout h3 {margin: 0px; padding-bottom: 4px; font-weight: bolder}
#article .policyLayout ol {margin: 0px 20px 0px 35px; padding-bottom: 15px}
#article .policyLayout li {font-size: .9em; padding-bottom: 5px}
#article .organizationLayout {
	border-bottom: thin solid #999999;
	margin-bottom: 15px;
	clear: both;
}


/*For organization layout*/
#article .organizationLayout ul {margin-left: 30px; margin-bottom: 10px}
#article .organizationLayout li {padding-bottom: 10px; list-style: none; font-size: .9em}
#article .organizationLayout h2 {font-size: 1.1em; font-weight: bolder}
#article .organizationLayout h3 {margin: 0px; padding: 0px 0px 10px; font-size: 1.1em; font-weight: bolder}
#article .organizationLayout h4 {margin: 0px; padding: 0px}
#article .organizationLayout .listContact {
	margin-left: 30px;
	padding: 0px;
	margin-bottom: 10px;
}


#article .contactInfo {
}
#article .contactInfo img {
	float: left;
	clear: both;
	margin: 0px 20px 0px 30px;
	padding-top: 5px;
	padding-bottom: 15px;
}
#article .contactInfo h3 {
	padding-bottom: 4px;
}

#article .contactInfo ul {
	margin: -3px 0px 0px;
	padding: 0px 0px 5px;
}
#article .contactInfo li {
	list-style: none;
	padding-bottom: 1px;
}
#article blockquote {
	padding-bottom: 20px;
	padding-top: 5px;
}
#article blockquote p {
	margin: 0px 60px;
	padding: 0px;
}

.photoRight {
float:right; padding:10px; background:#FFFFFF; margin:10px 15px; border:solid 2px #999999
}
#socialLogoContainer {
	clear: both;
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
}
#socialLogoContainer a {
	border: 2px solid #FFFFFF;
}
#socialLogoContainer a img {
	border: 2px solid #FFFFFF;
}
#socialLogoContainer a img:hover {
	border: 2px solid #000066;
}

#article .descriptionList {
	padding-bottom: 10px;
}

#article .descriptionList h3 {
	margin: 0px;
	font-size: 1.1em;
	padding: 5px 0px 0px;
}
#article .descriptionList h4 {
	font-size: 0.9em;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}
#article .descriptionList p {
	margin: 0px 10px;
	padding-bottom: 6px;
}
#article .descriptionList ul {
	margin: 0px 10px;
	padding: 0px 0px 10px;
}

#article .descriptionList li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#article #address {
	padding-bottom: 20px;
}

#address li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#column1 .adContainer {
	padding-bottom: 15px;
}

#column1 .adContainer img {
	padding: 8px;
	border: 2px solid #000000;
}
#column1 .adContainer img:hover {
	border: 2px solid #CCCCCC;
}
#article .listNone_01 {
	margin: 0px 35px 0px 45px;
	padding: 0px 0px 15px;
}
#article .listNone_01 li {
	list-style: none;
	padding: 0px;
}
#article hr {
	margin: 10px 20px;
}

