/* @import url("print.css") print;*/
@import "SpryAssets/SpryCollapsiblePanel.css";
@import "_menus/gsearch.css";

/* hack for IE, which fails to import print stylesheet*/

@media print {
.contentArea {
	background:#FFF;
	width:100%; 
} 

#topMenu {display:none; height:0cm}


}
/*  ************************************** General**************************************** */

* {color: #000; background:none; font-family:  Verdana, Arial, Helvetica,sans-serif;	text-align:left;  }

.right {float:right}
.left {float:left}

html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
} 

p {  font-size:0.9em; margin:0px inherit; padding-top:0px ; padding-bottom:0px; margin-bottom:0.8em; margin-top:0.4em}

#addthis {padding-top:10px; padding-bottom:16px; text-align:right}

div.listBlock {margin:0px; padding-left:10px; padding:4px 8px;clear:both}
div.content3 { padding-left:10px; padding-right:10px; padding-top:0px; color:#000000}
div.content4 { padding-left:40px; padding-right:20px; padding-top:20px; padding-bottom:20px; color:#000000; background:#FFFFD6}
div.CollapsiblePanelTab {margin-top:20px;margin-bottom:14px; padding:4px 6px; font-size:1.1em; font-weight:bold; background:#FFEDD6}
 
a:link {color:#00F}
a:visited {color: purple}
a:hover, a:focus {color:#F09}

img {border:0px; padding:10px}
layer {font-size:1em;color:darkblue}

h1, h2, h3, h4,h5,h6 {font-weight: bold; clear:both; margin-bottom:0px; margin-top:0.2em}
h1 {font-size:5em; }
h2 {font-size:1.4em;}
h3 {font-size:1.3em;  color:#111555; }
h4 {font-size:1.2em; color:#112777}
h5 {font-size:1.1em; color:#122AAA}
h6 {font-size:1em; color:#122AAA}

.small{font-size: 0.7em;}

body { 

 /*		text-align:center;  needed for IE to center homepageCOntent */
	}
	
.contentArea {
	background:#FFF; position:relative;
/*	margin-right:auto; 	margin-left:auto;  needed for Mozilla to center homepageCOntent */
/*	 border-width:1px; border-style:solid; border-color:#CCCFFF;*/
	width:800px; float:left; padding: 0px 16px;
} 



#sideAdArea {width:162px; position: absolute; top: 150px; left:832px}
#sideAdAreaVLong {width:162px;position: absolute; top: 200px; left:832px}
#sideAdAreaShort {width:162px; position: absolute; top: 110px; left:832px}

div.listBlock {margin:10px 0px ; padding:0px}

div.bottomAdArea {width:800px; padding:6px 0px; 
	text-align:center; position:relative; clear:both;}
div.bottomAdArea div.table {  margin-left:auto; margin-right:auto }
div.bottomAdArea div.cell {  padding:0px 0px 0px 6px}

/* **************************************  Menus and header **************************************/
.table {display:table}
.column {display:table-column}
.row { margin:0px ; padding:0px; width:100%; display:table-row ; }  /*	use table-cell to keep Mozilla;  float to cater to IE ; */
.cell {  padding:0px; float:left; display:table-cell}	/*	use table-cell to keep Mozilla;  float to cater to IE ; */

/* for selected section and adjacent stuff*/
.selectedSection {font-weight: bold; text-decoration:none; background:#336;color:#FB5;  padding:6px 12px; margin:0px; border-color:#C90; border-width:2px; border-style:outset;  }
div.selectedSection a {text-decoration:none; font-size:0.9em;}

a.selectedSection:link, a.selectedSection:visited, div.selectedSection a {color:#FB5; margin:0px}
a.selectedSection:hover, div.selectedSection a:hover, a.selectedSection:focus, div.selectedSection a:focus {color:#FFF; }

#subSectionBar {clear:both; margin:0px;  position:relative; top:-4px ; border-top-style:none}
#subSectionBar +h3 {margin-top:0px}

/* for unselected menu sections */
a.section {font-weight: bold; text-decoration:none; background:#FA0;color:#336;  
padding:4px 8px; margin:0px; border-color:#C90; border-width:2px; border-style:outset}

a.section:hover, a.section:focus { background:#F50; color:#FFF;  }  /* need to specify color for IE, which inherits default hover color */
a.section:active { background:#F60; color:#FFF;   border-width:medium; border-style:inset} 

/* for menu items and header graphic */
#siteID { margin:0px;  width:100%; padding:0px; }

#topMenu { padding: 0px 0px 8px ; margin:0px 3px; }

#topNav { width:100%;  position:relative;  padding:0px; margin:0px; font-size:12px; border-left:#AAA 2px solid }
#topNav li {display:inline;  margin: -2.4px; padding:0px; 
	border-left-width:0.1em; }
#topNav li a { margin:0px; padding:4px 8px; height:14px}
	
/* acessibility links */
.skipNav {position:absolute; left:-900px; width:10px}

#about {position:absolute; top:80px; left:675px; width:220px; font-size:0.76em}

/* *************************************  Article Content *************************************/
.backToTopNav {text-align:right; width:100%; padding:0px inherit; margin-top:0px; margin-bottom:16px; font-size:0.8em; }

.content {margin:0px;  padding:0em ; position:relative }

/* for site infor pages */
#siteInfoPage .content  {margin:16px}

div[class="content row"] {position:relative ; padding:0px; margin:0px;}
.mainContent{padding:0px 10px 14px 10px;  }
.mainContent > p:first-child {margin-top:8px}
.mainContent > h4:first-child , .mainContent > h5:first-child{margin-top:8px;	}

.linkslist p {padding:0px 10px; margin: 0px 10px 8px}
div.linkslist {padding:0px; margin:0px 0px 14px}

div.link {padding:8px 0px 0px}
.contentArea h3.title { background:#ffe5ac; color:#C60; margin:4px 0px 0px; padding:0.3em 0.5em; padding-bottom:4px;  
  border:solid 1px #C96; border-top-color: #FC6; border-bottom:solid 2px #309; }
.row {padding:0px; margin:0px}
.row .mainContent {width:63%; padding:5px 15px 10px}
h4 {clear:both}

/* quotes */
blockquote {font-size:0.9em; color:#366; margin-top:4px; padding:0.5em 1em;  background:#eee;}
p.source {margin-top:10px; margin-bottom:8px; font-size:0.8em; font-style:italic}

/* TOC */
#categoryListing, #categoryArticleListing { margin: 0px 10px; padding:0px;}

#categoryArticleListing  h6 { margin:0px; padding:6px 10px 0px;}
 
div.TOC {border:#069 medium solid; padding:12px 20px;  position:relative; margin-top:20px; margin-bottom:14px; width:50%}
div.TOC h5 { position:absolute; left:14px; top:-16px; background:#FFF}
div.TOC + a + h5 { margin-top:20px; margin-bottom:12px}

div[class="content row"] {height:100%}
div[class="cell mainContent"] {height:100%}
/* side bar */
div.sidebar {max-width:246px; min-width:0px; margin: 10px 0px; padding:0px 6px 8px 6px; border:rgb( 175, 207, 207) 1px solid; border-top-width: 5px;  border-bottom-width: 5px; position:relative; height:100%}

div.sidebar #linkToTop {position:absolute; left:10px; bottom:10px}

div.sidebar div.link, div.sidebar p {margin: 0px 5px 5px; font-size:0.8em; color:#063}
div.sidebar h6 { margin:10px 4px 6px; padding:0px ;}
div.sidebar h6 +  div.link{padding-top:0px ;}

div.sidebar h6 + div.link {margin-top:0px}
div.sidebar iframe.amprod {margin:5px 0px;float:left }

/* notes */
hr.notesDivider {background:#EFEFEF; color:#EFEFEF; clear:both}
.note {font-size:0.8em; color:#122999; }
ol.notes a + a {display:block}
h6 + ol.notes {margin-top:4px}
ol.notes {font-size:0.8em}

/* product placement */
h5 + iframe.amprod, p + iframe.amprod {float:left; margin-right:10px; margin-top:10px}
div.product {padding:10px; height:240px;}
div.noprod {position:relative; left:130px; top:2px; width:220px; }

div[class="product cell"] {width:48%; margin-bottom:0px ;padding:10px 10px 0px 0px ; height:280px;  overflow:scroll; font-size:0.9em}

div.product .amprod {float:left; margin-right:10px}
div[class="inlineProduct"] {float:left; padding:6px 10px 20px}
div[class="inlineProduct"] .amprod {margin: 0px; padding:0px;}

.inlineProductComment   {font-size:0.9em }
div.inlineProductComment   {margin:10px;  }
p.inlineProductComment {margin:0px; }


div.product h6{display:inline; font-size:0.9em; margin-top:0px; padding-top:0px  }
div.product h6 + p {margin-top:2px}
div.product p {font-size:0.8em}

/* for content area and sidebar of article */

#articleContainer .mainContent {width:517px}
#articleContainer .sidebar {background:#ffeee5; margin:0px; padding:10px 5px; border-top-style:none; border-bottom-width:1px; width:240px; float:right}
#articleContainer a.title {text-decoration:underline; margin:0px;  padding:0px;  font-size:12px}
#articleContainer .sidebar h6:first-child {margin:0px; padding:0px; background:#EEE}

hr.divideIssueFromArticleLinks {margin:16px 0px; color:#69F}

/* misc for controlling spacing */
div.row  h4, iframe.amprod + a + h4 {margin-top:20px}
div.mainContent  h4 {margin-top:4px;}
div.mainContent h4 + p  {margin-top:6px;}
div.cell + a + h5 { clear:both}
h5 + blockquote {margin-top:12px}

div.linkslist  h5 {margin-top:20px; margin-bottom:0px; padding-top:10px}
div.linkslist p {margin-top:5px; margin-bottom:0px; font-size:0.9em}

/* ***********************************  Site info content ************************************/


#siteInfoPage #topMenu {margin-bottom:4px}
#linkCategories {width:100%;  padding:0px 0px 0px; margin-left:auto; margin-right:auto;
border: solid #CC6 1px ; margin-bottom:10px; background:#dbf2ea; }
#linkCategories .cell {width:44%; padding:10px 16px 12px 10px; margin: 0px 0px;}
#linkCategories .cell p {  padding:3px; margin:0px}
#linkCategories .cell > a:link {color:#900}
#linkCategories .cell > a:hover, #linkCategories .cell > a:focus {color:#de2f00}

/* for para following linksSection */
div.CollapsiblePanel + script + p  {margin-top:10px}

/* ************************************** HP ************************************** */


/* HP Contents  */
#homepageContent {	width: 800px !important; } 

#homepageContent #homepageBanner  {width:100%;  padding:0px; margin:0px;	}
#homepageContent #homepageBanner img {	 padding:0px; margin:0px;	}

#homepageContent #intro {margin:0px;
	padding-top:16px; padding-bottom:0px; padding-left:16px; padding-right:10px; min-height:144px;
	/*background:#FF0; */
}
#homepageContent #intro p { font-size:0.9em; margin-top:0px;}

#homepageContent #intro img {
	float: left; height:140px; 	margin-left:0px;  margin-top:4px; margin-right:8px; padding:0px;
/*	use margin, IE ignores padding; */
}
#MainContent {width:100%; margin:0px; padding:0px}

#Sections {display:table;	/*	use table to keep Mozilla happy */
	 padding:0px; margin: 10px 0px; width:67%; float:left;  }

#MainContent .cell { margin:0px 15px; width: 44% ; 	}
#MainContent .cell:first-child { margin-left:0px; 	}

#Sections a.section {font-size:1em; display:block; width:100%}
	
.sectiond {background:#FFFFC6; width:99%; padding: 6px 10px; margin:0px;  border-style: solid; border-width:thin; border-color:#CC6; height:8.5em; font-size:0.8em}

#features {background:#FFCE9C;	 width:30%;   float:right; 
	margin:0px 0px 0px 0px; padding:0px 10px}
#features h5,h6 {margin-top:0px; margin-bottom:0px; padding:10px 0px 0px}	
#features h6 {color:#C33; font-size:0.9em}
#features p { color:#FF0000;  margin-top:0em; font-size:0.8em }	
#features  img {width:100px}

.bottomSection { padding: 5px 10px 5px 10px;     }

/* ************************************** footer ************************************** */
#footer {width:800px;   margin-bottom:10px; font-size:0.7em;
	padding:6px 16px 20px; position:relative; clear:both}

#footer div#don {padding:10px 10px 0px; border-top:#66C thin solid; border-bottom:#66C thin solid; margin-bottom:10px; width:800px}

#footer div.notice {text-align:left; display:inline; float:left }
#footer div#utilMenu {text-align:right ; float:right}

a.utils:link {color:#083194; text-decoration:none }
a.utils:visited {color:#8C007B; text-decoration:none}
a.utils:hover, a.utils:focus{color:#089494;text-decoration:underline }

/* ************************************** Section HPs ************************************** */

form select {background:#FFE7C6}
form select option {font-size:0.9em; color:navy;}
#categoryArticles.TOC {  padding:16px 10px 12px 14px; margin:8px 10px 10px;  width:auto;}

ul.sectionTOCList, #categoryArticles ul {margin:6px 0px 4px ; padding:0px 8px ; font-size:0.8em; list-style-position:outside;}  
ul.sectionTOCList li, #categoryArticles li {margin-bottom: 0.5em; position:relative; left:8px}

#colCategories  { width:800px; padding:0px; margin:0px; }
#colCategories .cell {width:45%;  padding:0px ; margin: 6px 26px 8px 0px }
#colCategories .cell + .cell {margin-left:10px}
div.category {width:100%;  border: solid #dbf2ea 1px; padding:0px 10px 14px 10px;
	margin:0px;  margin-bottom:10px; 
	background: #e6f8ea; }
div.category h4 { color:#d35603 ; margin: 0px 0px 10px;  font-size:1.2em; }

a.title {text-decoration:none; font-weight:bold; font-size:0.9em; margin-top:10px}
a.title:link {color:#339;}
a.title:visited {color:#399;}
a.title:active {color:#d35603; }
a.title:hover, a.title:focus {color:#d35603;text-decoration:underline }
a.title + a.title {display:block}

/* ************************************** MP ************************************** */

#mpContainer  div.cell {width:40%; }
#mpContainer  div.cell + div.cell {width:51%;}

#mpPage div.TOC {width:460px; }
#mpPage div#wideTOC {width:730px; }
#mpPage div.content {width:800px; clear:both;}
#mpPage div.r2  h4 {padding-top:20px}
#mpPage div.sidebar {width:380px}
#mpPage div.mainContent {width:95%}
#mpPage div[class="cell mainContent"] {width:510px}

/* hack for anchor going to wrong place if page does not laod fast enough */
#mpPage #interpersonal {position:absolute; top:155em}
#prodCellList .backToTopNav {clear:both}

p.location {font-style:italic; font-size:0.8em; margin-top:0px;padding-top:0px}

table.people {width:100%; table-layout:fixed; border-spacing:0px; margin-bottom:2px}
table.people caption  {font-weight:bold; font-size:1.1em; border-bottom:#999 thin  solid}
table.people colgroup#name { background:#d7e9ee; } 
table.people colgroup#heritage { background:#ecf5f8; }
table.people td , table.people th {padding:8px 8px 5px;vertical-align:top}

table.people th, table.people tr td {border-right:2px solid white}
table.people th {background:#c5d8dd; }
table.people th:first-child {width:120px; }
table.people th:last-child, table.people tr td:last-child {width:500px; border-right-width:0px}

table.people tr td + td{border-bottom: #d7e9ee 2px solid}
table.people tr td:first-child {border-bottom: #c5d8dd 2px solid; border-left: #c5d8dd 2px solid}
table.people tr td:last-child {border-bottom: #e3eff2 2px solid ; border-right: #e3eff2 1px solid}
table.people tr:last-child  td {border-bottom: #c5d8dd 3px solid ;}

/* for afroasian gallery jump menu */
ul.jumpMenu {padding: 8px 8px 0px; margin-bottom:0px; position:relative; }
ul.jumpMenu > li {display:inline; padding:7px; }
/* hack because somehow using descendant selector does not work */
span.tabTitle {font-weight: bold; line-height:1.81em; padding: 8px 10px 6px; background:#FFCE9C; border:#CC3 thin solid; border-bottom-style:none; } 

ul.jumpMenu > li.row2 { position:relative; bottom:17em; left:148px;}

ul.jumpMenu > li.row2 > span {font-weight: bold; line-height:1.81em; padding:8px 10px 6px; background:#e6f8ea;
border:#0CC thin solid; border-bottom-style:none;  position:relative; left:40px; }

/* 2nd col links */
ul.jumpMenu > li > ul {width:740px; list-style-type:none; padding: 8px 16px 10px;font-weight:normal; 		
	line-height:normal; background:#FFCE9C;  height:14em; 
	border:#CC3 thin solid; border-top-style:none;  }

ul.jumpMenu > li.row2 > ul {position:absolute; right:2150px; background:#e6f8ea;
	border:#0CC thin solid; border-top-style:none}
ul.jumpMenu > li.row2:hover ul {top:1.82em;  left:-150px;}
ul.jumpMenu > li > ul > li {padding:4px 0px;}



/* ************************************** Bstory ************************************** */
blockquote p {color:inherit}
#bstoryContainer  div.category {height:250px}
#bstoryContainer  div#colCategories > div.cell:first-child {width:41% }
#bstoryContainer  div.cell + div.cell {width:50%; }
 p.verse {margin-bottom:0.5em; font-style:italic}
#bstoryContainer blockquote > p:first-child {margin-top:0px}
#bstoryContainer blockquote > p:last-child {margin-bottom:4px}
#bstoryContainer p.quotenote {margin: 0px 10px 10px; padding: 0px; text-align:center; font-size:0.75em; font-style:oblique}


/* ************************************** PS Webzine ************************************* */
#psPage p {margin-left: 14px}
#psPage form {  margin:0px 10px }  /* background:#EEE*/
#psPage form  .table{ width:100%; padding:0px 8px 15px}
#psPage form  h5 { margin:10px 5px 0px; padding-bottom:0px}
#psPage form  #readIssue {background:#CCC; margin:10px 0px}

#psPage form #issueArticles h5 {font-size:0.9em; margin-top:8px; padding:0px 4px 0px}
#psPage form #issueArticles { padding:6px 10px 4px; margin-top:10px; width:auto}

#psPage #categoryListing {margin:0px; padding:0px; }

#psPage #categoryListing h5 {margin:0px}
#psPage #categoryList {margin-top:4px; width:460px; height:auto}
#psPage #categoryArticleListing {margin:0px; width:320px; }
#psPage #categoryArticles { overflow:scroll;border-width:1px; padding:4px 10px; font-size:0.8em; margin-top:2px;height:10em; }
#psPage #categoryArticles h5 {margin:1.6em 0em 0.5em}
#psPage #categoryArticles .sectionTOCList {position:relative; top:2em }

#psArticlePage div.mainContent iframe.amprod  {float:left; padding: 0px 10px 10px 0px}
#psArticlePage div.APCTitleAnchor  {float:left; font-size:0.7em}
#psArticlePage .APCText {display:block; text-align:center}

#psPage #CatIssueList {margin:0px; padding:0px; }

#psPage #allIssuesHeading {padding-top:16px}

#psIssue #topMenu{width:800px}

#psIssue .TOC {float:right ;  width:60%; padding: 0px; margin:0px 0px 8px 10px; border-width:2px; 
background:#FFEFCF}
#psIssue .TOC h6 {margin-left:10px; font-size:1.2em ; color:#000}
#psIssue .intro {float:none; clear:right;};	
#psIssue .mainContent {margin:0px; padding:8px 10px 4px; font-size:0.9em}
#psIssue .mainContent p {margin-bottom:1em}
#psIssue div.mainContent p  {margin-top:0px; }

#psIssue .TOC ul { padding:0px 8px 0px 16px; list-style-type:none; margin:8px 0px 6px; }
#psIssue .TOC ul li {margin-bottom: 0.5em; }

#psIssue div.mainContent img {margin-right:16px}

#psArticlePage .mainContent .backToTopNav {position:relative; left:400px}

#psArticlePage h3.title {font-size:1.1em}
#psArticlePage .row {position:relative}
#psArticlePage div.sidebar h6 {font-size:1em;}
#psArticlePage div.sidebar ul {margin-top:0px; list-style-type:none; padding-left:10px;}
#psArticlePage div.sidebar ul li {margin-bottom: 0.5em; }

div.PSContrDate { font-style:italic;padding-top:0;text-align:right; font-size:0.8em}
ol.charaList   {font-size:0.9em; }
ol.charaList li {padding-bottom:0.3em}
.cnote {font-size:0.9em;}

/* character list */
#psArticlePage .listBlock img {margin:0px; padding:0px 8px}
table.charaBio  { border-collapse:collapse; }
#psArticlePage .notesDivider {margin-bottom:20px}

table.charaBio  tr { border-top:#DDD thin inset; vertical-align:top;}
table.charaBio  tr:first-child { border-top-style:none}
table.charaBio  tr td:first-child{font-weight:bold;  text-align:right; width:10.5em;}
table.charaBio  td + td { padding-left:1em}
div.listBlock p:first-child {margin-top:0px}
div.charaBlock {margin-bottom:16px; padding-bottom: 4px;  border-bottom: #CCC 2px solid; }

#psPage ul.infolist {list-style-type:none; padding:0px 10px; margin-top:6px}
ul.infolist li  {font-size: 0.85em; margin-bottom:1em}


#psArticlePage div.product ul {background:#EEE; font-size: 0.85em; list-style-position:inside; margin-left:16px}


/* ************************************** Ar Etc ************************************** */
#etcPage .categoryList {float:left}
#etcPage #categoryArticleListing { width:460px; }
#etcPage #categoryArticles  { height:10em;  overflow:scroll;   border-width:1px; padding:0px 10px; font-size:0.9em; margin-top:2px; }

#etcPage div.category {float:left; width:47%; padding:8px 8px 2px; min-height:68.2em}
#etcPage div.category + div.category {float:right; width:46%}
#etcPage h4 {margin:10px 0px; clear:both; }


#etcArticle .backToTopNav {text-align:right; width:100%}
#etcArticle .source {float:left; font-size:0.9em; display:inline; margin:0px; }
#etcArticle blockquote {width: 480px;  margin: 4px 0px 6px; padding:4px 8px}
#etcArticle blockquote p {padding:2px 8px}
#etcArticle blockquote p:first-child {padding-top:0px  ;}
#etcArticle blockquote p:last-child {padding-bottom:0px }

#etcArticle h1 {background:#CCC; font-size:1.5em; padding:10px; margin:0px -10px }
#etcArticle h2 {border-top:#AAA thin solid; font-size:1.3em; padding:12px 0px 8px}
#etcArticle .mainContent  h4 {margin:10px 0px; clear:both; }
#etcArticle .mainContent h5 { font-size:1.1em; margin-top:14px; margin-bottom:6px}
#etcArticle .mainContent h6  {padding:0px 0px ; margin-bottom:0px; font-weight:bold; font-size:1em}

#etcArticle .cell {padding-top:0px}
#etcArticle div[class="cell"] p:first-child{margin-top:4px;}
#etcArticle div[class="product row"] + h5{margin-top:16px}
#etcArticle h5 + p ,#etcArticle h5 + blockquote , #etcArticle h5 + ol , #etcArticle .mainContent h6 + p{margin-top:4px}


#etcArticle div[class="product row"] p {font-size:1em}
#etcArticle div[class="product row"] div:first-child{float:left; width:370px;}
#etcArticle div[class="product cell"] {width:auto; overflow:auto; padding:4px 0px 0px 10px;}

.resourceList {float:right; width:140px; background:#CCC; text-align:center}
div.contentc {font-size:1em; font-family: "SimHei","MS PGothic", "MingliU", "Arial", "Helvetica"; color:#000000; padding-left:10px; padding-right:20px}

.chinnote {font-size:1em; font-family: "SimHei","MS PGothic", "MingliU", "Arial", "Helvetica"; font-weight:bold; }

div.TOCc {font-size:10pt; font-family: "SimHei","MS PGothic", "MingliU", "Arial", "Helvetica";  color:#000000; padding-left:40px; padding-right:10px}

h1.c {font-size:1.6em; font-family: "SimHei","MS PGothic", "MingliU", "Arial", "Helvetica"; font-weight: bold}
h2.c {font-size:1.5em; font-family: "SimHei","MS PGothic", "MingliU", "Arial", "Helvetica"; text-decoration:none }
h3.c {padding-top:10px}
h4.c {font-size:1.3em; font-family: "SimHei","MS PGothic", "MingliU", "Arial", "Helvetica"; text-decoration:none}
#etcArticle .mainContent h6.c  {font-family: "SimHei","MS PGothic", "MingliU", "Arial", "Helvetica"; font-size: 1.1em; }

.sectionc {background:#effaf7; font-family:"SimHei","MS PGothic", "MingliU",  "Arial", "Helvetica"; padding:10px}
.sectionp {background:#fcefd2; font-family:"SimHei", "MS PGothic", "MingliU", "Arial", "Helvetica";padding: 10px}
.sectionc h6 , .sectionp h6 { margin:15px 0px 8px; padding:10px 0px;}
.sectionc h3 , .sectionp h3  {padding:10px 0px 0px; margin:0px -10px}
.sectionc p , .sectionp p {margin:4px 10px 8px; }
p.TOCc {font-size:12pt; font-family: "SimHei", "MS PGothic", "MingliU", "Arial", "Helvetica"; color:#000000; padding-left:40px}


/* ******************************************* Human Rights Corner ****************************** */

#hrPage #colCategories .cell {padding:20px 0px 10px; margin:0px; width:49%}
#hrPage #colCategories .cell + .cell  {margin-left:10px}
#hrPage #colCategories .cell .category {width:100%;  padding:0px 0px 8px}
#hrPage  #colCategories .link {padding:6px 10px; font-size:0.9em}
#hrPage .backToTopNav  {width:96%; margin-bottom:0px}

#hrPage #categoryArticles  { height:10em;  overflow:scroll;   border-width:1px; padding:0px 10px; font-size:0.9em; margin-top:2px; width:480px}

.subheaderh {background:#036; font-size:1.1em; padding:8px 10px ; color:white; margin:0px}

/* *************************************** Store ****************************************** */

#stPage .listBlock {margin-top:10px}
#stPage .listBlock h4 {margin-top:10px}
#stPage .listBlock h5 {margin: 10px 0px 7px}
#stPage .content {padding-left:14px}

#stPage div.inlineProduct {width:250px; padding:0px;  text-align:center; float:left}
#stPage h5.inlineProduct {font-size:1.1em; margin-left:auto;margin-right:auto;margin-top:9px}
#stPage .inlineProduct img {margin:0px; padding:8px 10px 0px}
.picLink {font-size:0.8em; text-decoration:underline; color:#699; padding:0px 6px; }
#stPage div.inlineProductComment {margin:0px;}
#stPage div.inlineProductComment ul {list-style-position:inside; list-style-type:circle; padding-left:20px; 
margin:0.5em 0em 2em; }


#imageCategories #imageCategories {margin:0px; }
#imageCategories .cell {width: 30%; padding: 0px 13px 20px; text-align:center}
#imageCategories h4 {margin-top:10px; font-size:1em; text-align:inherit}
#imageCategories p.picLink {text-align:center; margin:0px}
#imageCategories img {margin:10px 0px 4px; padding:0px; 
	border-top:#AAA 2px solid; border-left:#AAA 2px solid}

/* *************************************** Legacy ****************************************** */

#crumb {font-size:0.8em;text-align:right;   float:right}
td {font-size:10pt;}


span.note {font-size:8pt;}
hr.underid {width:700px}

li.spaced {margin-bottom:10px}

#info { padding: 4px}

blockquote.expan  {font-size:0.9em;}



p.cheader {font-size:14pt; font-family: "SimHei", "MS PGothic", "MingliU", "Arial", "Helvetica"; font-weight: bold; color:#000000; padding-left:0px; padding-bottom:0px}









th.subheaderh {background:#BE007B; font-weight: bold; color:white}

td.headerc {background:#089494; font-size:20pt; font-weight: bold; color:white}
td.subheaderc {background:#089494; font-size:16pt; font-weight: bold; color:white}

td.headerg {background:#0085c6; font-size:20pt; font-weight: bold; color:white}
td.subheaderg {background:#0085c6; font-size:16pt; font-weight: bold; color:white}

td.headerb {background:#948BBE; font-size:20pt; font-weight: bold; color:white}
td.subheaderb {background:#948BBE; font-size:16pt; font-weight: bold; color:white}

td.headera {background:#9A4BBD; font-size:20pt; font-weight: bold; color:white}
td.subheadera {background:#9A4BBD; font-size:16pt; font-weight: bold; color:white}

td.headerp {background:#9A4EEC; font-size:20pt; font-weight: bold; color:white}
td.subheaderp {background:#9A4EEC; font-size:16pt; font-weight: bold; color:white}

td.col {font-size:15pt; font-weight: bold; text-align: center }

sup {font-size:6pt;}



td.activetab {font-size:9pt; color:white; font-weight: bold; background:#083199; width:140px;  text-align:center}
td.activetabspacer {height:30px; font-size:8pt; color:white; background:#083199; text-align:right; vertical-align:bottom}



td.prod{height:30px; font-size:10pt; color:white; background:#083199; vertical-align:middle}
td.activeprod {font-size:12pt; color:white; font-weight: bold; background:#083199; width:140px;  text-align:center}
td.prodmenu2 {font-size:12pt; font-weight: bold; background:#BDC6DE; width:140px;  text-align:center}

td.menu2 {font-size:9pt; font-weight: bold; background:#BDC6DE; width:140px;  text-align:center}
a.menu2:link {color: #829484; text-decoration: none}
a.menu2:visited {color: #A50000; text-decoration:none}
a.menu2:hover{color: yellow; text-decoration: none}



table.menu {background:black}
td.menu {font-size:9pt; font-weight: bold}
a.menu:link {color: #FFFF7B; text-decoration: none}
a.menu:visited {color: #F7BBBD; text-decoration:none}
a.menu:hover{color: #DEF3BF; text-decoration: none}

#crumb a:link {color: #FFFF7B;}
#crumb a:visited {color: #F7BBBD;}
#crumb a:hover{color: #DEF3BF;}




ol.expan  {font-size:10pt; font-weight: bold}

ol.expan2   {font-size:9pt; font-style: italic}