/*This is the plain2261 style sheet of the hpp20 site.*/


@font-face {
    font-family: 'oldnewspapertypesregular';
    src: url('oldnewspapertypes-webfont.eot');
    src: url('oldnewspapertypes-webfont.eot?#iefix') format('embedded-opentype'),
         url('oldnewspapertypes-webfont.woff2') format('woff2'),
         url('oldnewspapertypes-webfont.woff') format('woff'),
         url('oldnewspapertypes-webfont.ttf') format('truetype'),
         url('oldnewspapertypes-webfont.svg#oldnewspapertypesregular') format('svg');
    font-weight: normal;
    font-style: normal;

}  

@font-face {
    font-family: 'LinBiolinumO';
    src: url('LinBiolinumO.eot') format('embedded-opentype');
    src: url('LinBiolinumO.eot?#iefix') format('embedded-opentype'),
         url('LinBiolinumO.woff') format('woff'),	
         url('LinBiolinumO.ttf') format('truetype'),
         url('LinBiolinumO.svg#LinBiolinumO') format('svg');
    font-weight: normal;
    font-style: normal;

}  

@font-face {
    font-family: 'linux_biolinum_oregular';
    src: url('linbiolinum_r-webfont.woff2') format('woff2'),
         url('linbiolinum_r-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*
@font-face {
  font-family: 'YOzFontAP';
  src: url('YOzFontAP-Regular.eot?#iefix') format('embedded-opentype'),
       url('YOzFontAP-Regular.woff') format('woff'),
	   url('YOzFontAP-Regular.ttf')  format('truetype'),
	   url('YOzFontAP-Regular.svg#YOzFontAP-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+2261, U+2630; 

}
*/

.js .accordion:nth-child(n+1) { display: none }

body {    
    margin-top: 0 !important;
    padding-top: 0 !important;
}


.topsearch { 
            text-align-last: center; 
 			max-width: 800px;
            margin-left: 8%;
            margin-right: 10%;
}

.gsc-control-cse
{
	padding:0px !important;
	border-width:0px !important;
}

form.gsc-search-box,table.gsc-search-box
{
	margin-bottom:0px !important;
}

.gsc-search-box .gsc-input
{
	padding:0px 4px 0px 7px !important;
}

#gsc-iw-id1
{
        height: auto !important;
        padding: 0px !important;
        border-width: 0px !important;
        box-shadow:none !important;
}

#gs_tti50
{
	padding:0px !important;
}

#gsc-i-id1
{
	height:33px !important;
	padding:0px !important;
	background:none !important;
	text-indent:10px !important;
}

.gsib_b
{
	display:none;
}

button.gsc-search-button
{
        display:block;
        width:13px !important;
        height:13px !important;
        border-width:0px !important;
        margin:0px !important;
        padding: 10px 6px 10px 13px !important;
        outline:none;
        cursor:pointer;
        box-shadow:none !important;
        box-sizing: content-box !important;
}

.gsc-branding
{
	display:none !important;
}

.gsc-control-cse,#gsc-iw-id1
{
	background-color:transparent !important;
}

#search-box
{

	height: 43px;
	margin:0 auto;
	border-radius: 40px;
	overflow: hidden;
}

.gsc-search-box
{
	border: 3px solid #FF7331;
	border-right-width: 1px;
	border-radius: 40px 0px 0px 40px;

}

.gsc-input
{
	border: 1px solid dimgrey;
	border-right-width: 1px;
	border-radius: 40px 0px 0px 40px;

}

#gsc-i-id1
{
	color:#000;
}

button.gsc-search-button
{
	padding: 15px !important;
	background-color: #FF7331 !important;
}

	*{

    /* Width and height apply to all parts of the element: content, padding and borders */
    box-sizing: border-box;
}


body {
color: black;
background-color: white;
font-size: 95%;
font-family: Arial, Helvetica, Verdana, sans-serif;
margin-left: 3px; margin-right: 3px;
}

.every {
font-family: Georgia, Times, 'Times New Roman', serif;
color: black;
font-style: italic;
}


/*page background*/
.pagebkgr {
position: sticky;
max-width: 900px;
margin-left: 3px; margin-right: 3px;
background-color: #FFEFD5;  /*PapayaWhip*/
border-color: #FF7331 #FF7331 #FF7331 #FF7331;
border-style: solid;
border-top-width: 5px;
border-right-width: 35px;
border-bottom-width: 5px;
border-left-width: 35px;
	-o-border-radius: 110px;
	-webkit-border-radius: 110px;
	-moz-border-radius: 110px;
	border-radius: 110px;
behavior: url(http://www.hotpeachpages.net/PIE.htc);
}

div.top {background-color: #ffcea5; /*#FFCC99*/
 border: white solid 4px;
 margin: 0px 2px 0 2px;
 height: 173px;
	-o-border-radius: 80px;
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	border-radius: 80px;
behavior: url(http://www.hotpeachpages.net/PIE.htc); /* to make rounded corners in IE*/
 margin-bottom: 0px;
}
	
/* Magic Float Center Code */
#container {
  margin: 0 auto;
  text-align: center;
}
.centrBlock { display: inline-block;}

.centrBlockMain { display: inline-block; margin-top: -60px;}
/*Header*/

.hppContainer { margin-top: 10px; width: 290px; float: left;}
.hppTab { background-color: #FF7331; border: solid white 3px;
padding-left: 15px;
padding-right: 5px;
padding-top: 9px;
padding-bottom: 8px;
margin-left: 5px;
border-right: solid black 0px;
	-o-border-radius:  40px 0px 0px 40px;
	-webkit-border-radius: 40px 0px 0px 40px;
	-moz-border-radius:  40px 0px 0px 40px;
	border-radius: 40px 0px 0px 40px;
behavior: url(http://www.hotpeachpages.net/PIE.htc); /* to make rounded corners in IE*/
}
.hppIcon { margin-left: -6px;}
.hppTagContainer { margin-right: 82px; margin-top: -16px; margin-bottom: 15px; text-align: right;
}

.TransContainer { float: left; padding-right: 20px; margin: 0 auto; padding-top: 12px; padding-left: 20px; width: 158px;}

.transText { font-size: 95%; font-weight: bold; color: black; padding-top: 0px; padding-bottom: 8px;}
.googletrans { margin: 0 auto;}

.ewContainer { float: left;}
.ewIcon { margin-top: 10px;	float: left; }
.earthwordsContainer{ float: left;} /*this class is so {display: none} can act on it*/
.ewTab { float: left; width: 120px; text-align: left;
	background-color: white; border: solid #FF7331 3px;
	border-left: solid black 0px;
	padding-left: 5px; padding-right: 25px; padding-top: 5px;
	margin-top: 20px; margin-right: 30;
 -o-border-radius: 0px 80px 80px 0px;
	-webkit-border-radius: 0px 80px 80px 0px;
	-moz-border-radius: 0px 80px 80px 0px;
	border-radius: 0px 80px 80px 0px;
behavior: url(http://www.hotpeachpages.net/PIE.htc); /* to make rounded corners in IE*/
}
.ewTagContainer { clear: both; width: 150px; text-align: right;
}

.whiteW {color: white; }

a.ew:link, a.ew:visited, a.ew:active {
font-family: /*'my_underwoodregular', */'oldnewspapertypesregular', 'GF Halda Normal', 'Times New Roman', serif;
font-size: 160%;
color: black;
text-decoration: none; display: block;
line-height: .8;
padding-bottom: 2px;
}

.right {text-align: right;
  }

/*top disclaimer*/
.topDisclaimer {margin-top: 20px; margin-bottom: -35px; font-size: 70%; display: inline-block; line-height: 150%;}

/*for disclaimers on langdoc page*/
.topnote {font-size: 75%; display: inline-block; line-height: 140%;}

/*float acrobat icon on langdoc page*/
img.floatacr {float: right;}

/*fix ol margin on langdoc page*/
ol.multi {text-indent: 0em; margin-left: -10px; padding-left: 40px;}



/*bottom disclaimer*/
#disclaimer { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 70%; text-align: center; line-height: 120%;}

.footer {font-size: 80%; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 140%;}


/*main body*/

div.main {text-align: left; padding: 15px 30px 0 30px; line-height: 140%; position: relative; clear: both;  margin-top: -20px; list-style-type ul: disc;
}
.floatleft {float: left;}
.floatright {float: right;}
.clear { clear: both;}
.last {padding-right: 0;}
.wrdwrp {word-wrap:break-word;}

img
{
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;  For Firefox: OR -moz-crisp-edges OR auto OR optimizeSpeed
	_width: 100%; IE hack : OR *width: 100%
}
 
 img.top
{
	vertical-align: top;
	border: 0;
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;  For Firefox: OR -moz-crisp-edges OR auto OR optimizeSpeed
	_width: 100%; IE hack : OR *width: 100%
}

img.l00
{
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;  For Firefox: OR -moz-crisp-edges OR auto OR optimizeSpeed
	_width: 100%; IE hack : OR *width: 100%
}
 
 
 
/* fluid images */
img.fluid
{	display: block;}

.img-ie { width: auto; }
 
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
} 

/*second header for some pages, e.g. amazingHPP.html*/
div.main2 {line-height: 125%; margin-top: 35px;
}


/*black frame on partner/funder
.frameWin1	{
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
behavior: url(http://www.hotpeachpages.net/PIE.htc); to make rounded corners in IE
    text-align:center;
	background:#fff;
	border:2px solid black;
	margin-left: 10px;
	padding-top: 20px; padding-right: 10px; padding-bottom: 13px; padding-left: 10px;}

rust frame on partnerfunder
.frameWin2	{
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
behavior: url(http://www.hotpeachpages.net/PIE.htc); to make rounded corners in IE
    text-align:left;
	background:#fff;
	border:2px solid #E07210;
	padding-top: 20px; padding-right: 20px; padding-bottom: 17px; padding-left: 35px;}
	*/


h1 {
font-size: 140%;

text-align: center;
line-height: 125%;
margin-top: 0px;
}


h1.abouttop {
text-align: left;
margin-bottom: -1px;
}


h1.kudos {
font-size: 120%;
}


/*multiling page resource titles*/
.langtitles {
line-height: 40%; font-size: 90%; font-weight: bold; color: blue;
}


h1.code {
text-align: left;
margin-top: 0px;

}

/*h1.lang {
margin-top: 0px;

}*/

h1.country {
margin-left: 5%;
text-align: left;
margin-top: 0px;
color: olive;/*darkgreenish*/
}

h1.multi {
text-align: left;
margin-top: 0px;
color: blue;/*blue*/
}

h2 {
font-size: 150%;
font-weight: bold;
}

h2.center {
font-size: 140%;
font-weight: bold;
text-align: center;
}

h3 {
font-size: 110%;
font-weight: bold;
}

h3.liteblu {
font-size: 100%;
font-weight: bold;
color: #8080ff;
}

h3.teal {
font-size: 100%;
font-weight: bold;
color: #008080;
}

h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 115%;
}

h4.code {
color: blue;
margin-left: 2em;
font-size: 85%;
margin-top: 0px;
}

h4.para {
font-family: Arial, Helvetica, Verdana, sans-serif;
color: black;
font-size: 105%;
margin-top: 0px;
}

h5 {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 100%;
color: blue;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;}


h5.c {
color: #000000;
font-size: 80%;
font-weight: normal;
text-align: left;
}

.DVA {color: #BCCBE0; font-size: 80%; padding-left: 5px;}
.DVI {color: #BCCBE0; font-size: 80%; margin-right: 1.6em;}
.DVP {color: gray; font-size: 80%;}
.continentPageTitle { color: blue;}
.continent {color: darkkhaki; font-size: 80%;}
.continentfake {color: #FFEFD5; font-size: 80%;}
.continentem {color: gray; font-style:italic; font-size: 90%;}
.toparrow { text-align: center; padding-top: 0px; padding-bottom: 20px;}
.toparrowwh { text-align: center; padding-top: 30px; padding-bottom: 20px;} /*for Savvy page*/
.middleArrow { text-align: center; padding-top: 0px; padding-bottom: 20px;}
.UKArrow { text-align: center; padding-top: 0px; padding-bottom: 20px;}
.bottomArrow { text-align: center; padding-top: 20px; padding-bottom: 30px;}
.seeCountry {margin-bottom: 0px; margin-left: 70px;}
.seeLang {margin-top: 0px; margin-left: 7%;}
.displayProblem {padding-bottom: 20px;}

 /*this is a hack for <br /><br /> so lang and country text divs line up at the top*/
 li.break {margin-bottom: 19px;}
 
.shelterIcon { padding-left: 15px;}
 
.waveIcon { padding-left: 8px;}
.waveContainer { margin-bottom: 30px;}
.waveCountry { padding-top: 10px; margin-bottom: -3px;}

.content {
    padding-top: 20px; padding-right: 10px; padding-bottom: 25px; padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
	text-align: left;
    -o-border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	behavior: url(http://www.hotpeachpages.net/PIE.htc); /* to make rounded corners in IE*/
}

.countries {
	background-color: #FFFFFF; border: solid palegoldenrod 5px;
}

.home {
	background-color: #FFFFFF; border: solid black 0px;
    padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
}

.langs {
	background-color: #FFFFFF; border: solid #ffcea5 5px;  /*a light orange*/
    padding-left: 20px;
}

.savvy {
	background-color: #FFFFFF; border: solid #ffcea5 5px;/*a light orange*/
    padding-left: 20px;
}

.caramel {
	background: orange; border: solid white 4px;/*nethelp*/
    padding-left: 20px;
}

.misc {
	background-color: #FFFFFF; border: solid #FF7331 4px;/*HPP orange*/
    margin-top: 15px; padding-left: 20px;
}


.sitemap {
	background-color: #FFFFFF; border: solid blue 4px; padding-left: 50px;
}

.multilang {
	background-color: #FFFFFF; border: solid lightgray 5px; /*#BCCBE0*/
    padding-left: 10px;
	margin-left: -30px;
	
}

.contentMultiList {
	background-color: #FFFFFF; border: solid lightgray 2px; /*#BCCBE0*/
    padding-top: 5px; padding-right: 5px; padding-bottom: 10px; padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
	text-align: left;
}

.support { padding-left: 30px;}

.contentA {
	border: solid #E7CBA9 2px;
	background-color: white;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 50px;
	-o-border-radius: 0px 0px 30px 30px;
	-webkit-border-radius: 0px 0px 30px 30px;
    -moz-border-radius: 0px 0px 30px 30px;
	border-radius: 0px 0px 30px 30px;
	behavior: url(http://www.hotpeachpages.net/PIE.htc); /* to make rounded corners in IE*/
}

.contentAhead {
	border: solid #E7CBA9 1px;
    border-bottom: solid #E7CBA9 2px;
	background-color: bisque;
	text-align: center;
	padding-top: 15px;
    padding-bottom: 15px;
	margin-right: -15px;
    margin-left: -15px;
	font-size: 130%;
	font-weight: bold;
	line-height: 100%;
}

.contentAheadSm {
	border: solid #E7CBA9 1px;
    border-bottom: solid #E7CBA9 2px;
	background-color: bisque;
	text-align: center; padding-left: 50px;
	padding-top: 15px;
    padding-bottom: 15px;
	padding-right: 5px;
    padding-left: 5px;
	margin-right: -15px;
    margin-left: -15px;
	font-size: 110%;
	font-weight: bold;
}

/*This is so the multi-list numbers can have a different font size from the publication names */
ol.num { padding-left: -20px;}
ol.num2 { padding-left: -20px;}
li.num { font-size: 75%; margin-left: -15px;}
p.num { font-size: 110%; margin-left: 0px; margin-top: -1px; margin-bottom: -1px;}



/*Bulgarian table*/
.contentOldlace {
	background-color: oldlace; border: solid moccasin 2px;
    padding-top: 0px; padding-right: 10px;; padding-bottom: 5px; padding-left: 10px;
	width: 80%;
    margin-left: 0;
	margin-top: 5px;
	width: 93%;
	text-align: left;
    -o-border-radius: 0px 0px 30px 30px;
	-webkit-border-radius: 0px 0px 30px 30px;
	-moz-border-radius: 0px 0px 30px 30px;
	border-radius: 0px 0px 30px 30px;
	behavior: url(http://www.hotpeachpages.net/PIE.htc); /* to make rounded corners in IE*/
}

/*the buttons on top of lang index, index2 and langdoc*/
a.langpicker {
	background: white;
	text-decoration: none;
	padding: 4px;
	padding-bottom: 6px;
	-o-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
    behavior: url(http://www.hotpeachpages.net/PIE.htc); /* to make rounded corners in IE*/
}

a.langpicker:link {border-right: solid black 2px; border-bottom: solid black 2px;}
a.langpicker:visited {border-right: solid black 2px; border-bottom: solid black 2px; color: #A32D09;}
a.langpicker:hover, a.langpicker.hover_effect {color: red; background: white; border-top: solid black 2px; border-right: solid white 0px; border-bottom: solid white 0px; border-left: solid black 2px;}

/*the letters down the page on countries page*/
.letterCountries {
	background: white;
	font-weight: bold;
	padding-top: 0px; padding-right: 2px; padding-bottom: 0px; padding-left: 2px;
	margin-left: -5px;
	-o-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
    behavior: url(http://www.hotpeachpages.net/PIE.htc); /* to make rounded corners in IE*/
}

 /*to pick letters at top and bottom of countries page */
.letterpicker {
	background: white;
	border: solid #8C7BE7 2px;
	padding-top: 0px; padding-right: 4px; padding-bottom: 0px; padding-left: 4px;
	
	-o-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
    behavior: url(http://www.hotpeachpages.net/PIE.htc); /* to make rounded corners in IE*/
}

.letterpickermargin { margin-bottom: 10px; margin-left: 0px.; margin-right: 4px;}


 /*to pick continents at top and bottom of countries page */
.conpicker {
	background: white;
	border: solid green 2px;
	padding-top: 0px; padding-right: 2px; padding-bottom: 0px; padding-left: 2px;

	-o-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
    behavior: url(http://www.hotpeachpages.net/PIE.htc); /* to make rounded corners in IE*/
}

.conpickermargin { margin-bottom: 10px; margin-left: 0px.; margin-right: 4px;}

div.countries {margin-bottom: 2px;}

a.letterpicker:link {text-decoration: none; border-bottom: 3px solid #8C7BE7; border-right: 3px solid #8C7BE7;}
a.letterpicker:visited {text-decoration: none; border-bottom: 3px solid #8C7BE7;}
a.letterpicker:hover {background: #FFFFD9; border-bottom: solid #8C7BE7 3px;}	
a.letterpicker:active {background: #FFFFD9; border-color: orange;}
	
	
 /*to pick poster number for European Poster Campaign */
.numberpicker {
	background: #FFEFD5;
	border: solid #BCCBE0 2px;
	padding: 4px;
	padding-bottom: 6px;
	-o-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
    behavior: url(http://www.hotpeachpages.net/PIE.htc); /* to make rounded corners in IE*/
}

.numberpickermargin { margin-bottom: 20px; margin-left: 0px.; margin-right: 4px;}

a.numberpicker:link {text-decoration: none; border-bottom: 3px solid #B7C8B6; border-right: 3px solid #B7C8B6;}
a.numberpicker:visited {text-decoration: none; border-bottom: 3px solid #B7C8B6;}
a.numberpicker:hover {background: gainsboro; border-bottom: solid #B7C8B6 3px;}
a.numberpicker:active {background: #FFFFD5; border-color: orange;}	
	
.numberpicker2 { /*for double-digit numbers, see European Poster Campaign */
	background: #FFEFD5;
	border: solid #BCCBE0 2px;
	padding-top: 4px;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 6px;
	-o-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
    behavior: url(http://www.hotpeachpages.net/PIE.htc); /* to make rounded corners in IE*/
}

a.numberpicker2:link {text-decoration: none; border-bottom: 3px solid #B7C8B6; border-right: 3px solid #B7C8B6;}
a.numberpicker2:visited {text-decoration: none; border-bottom: 3px solid #B7C8B6;}
a.numberpicker2:hover {background: gainsboro; border-bottom: solid #B7C8B6 3px;}
a.numberpicker2:active {background: #FFFFD5; border-color: orange;}

.numberpicker3 { /*for "1 to 17" button, see European Poster Campaign */
	background: #FFEFD5;
	border: solid #B7C8B6 2px;
	padding-top: 4px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 6px;
	-o-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
    behavior: url(http://www.hotpeachpages.net/PIE.htc); /* to make rounded corners in IE*/
}
	
a.numberpicker3:link {text-decoration: none; border-bottom: 3px solid #B7C8B6; border-right: 3px solid #B7C8B6;}
a.numberpicker3:visited {text-decoration: none; border-bottom: 3px solid #B7C8B6;}
a.numberpicker3:hover {background: gainsboro; border-bottom: solid #B7C8B6 3px;}
a.numberpicker3:active {background: #FFFFD5; border-color: orange;}	
	
.website {font-weight: bold;}
.nobrk { white-space: nowrap;}

.hover {
-webkit-user-select: none;
-webkit-touch-callout: none;        
}

.arabic {font-size: 130%;}
.armenian {font-size: 105%;}
.bengali {font-size: 120%;}
.burmese {font-family: Ayar; font-size: 90%; font-weight: normal;}
.CJK {font-size: 115%; font-family: Betang;}
.cree {font-family: 'Aboriginal Serif Unicode', 'Aboriginal Serif', 'Ballymun RO', Code2000, 'Arial Unicode MS';}
.dene { font-size:105%; font-family:'Aboriginal Serif', Code2000, 'TITUS Cyberbit Basic', 'Arial Unicode MS';}
.dhivehi {font-size: 130%; font-weight: bold;}
.ethiopic {font-size: 120%; font-weight: normal;}
.gujarati {font-size: 120%; font-weight: bold;}
.hebrew {font-size: 120%; font-family: David, Arial, Helvetica;}
.indic {font-size: 110%; font-weight: bold;}
.karenmon {font-family: Ayar; font-size: 90%; font-weight: bold;}
.karenniU {font-size: 130%; font-family: Ayar, Kantarawaddy, 'Karenni Unicode';}
.karenwazo {font-size: 175%; font-family: 'Ayar Wazo';}
.kartuli {font-size: 120%; font-weight: normal;}
.khmer {font-family: 'DaunPenh Regular', 'Khmer UI';}
.kurdi {font-size: 160%; font-weight: normal; font-family: 'PakType Tehreer', Arial, Helvetica, Verdana, cursive;}
.kurdih1 {font-family: 'PakType Tehreer', Arial, Helvetica, Verdana, cursive;}
.lao {font-size: 120%; font-family: 'DokChampa Regular', 'Alice0 Unicode';}
.nepali {font-size: 120%; font-weight: normal;}
.nepali2 {font-size: 120%; font-weight: bold;}
.pak {font-family: 'UL Sajid Heading'; font-size: 140%;}
.shan {font-size: 110%; font-family: Ayar, TaiUnicode, Padauk; font-weight: normal; }
.shanwagaung {font-size: 150%; font-family: 'Ayar Wagaung', Ayar, TaiUnicode, Padauk; ;}

.sinhala {font-size: 130%;}
.sudan {font-family: 'Arial Unicode MS', 'Doulos SIL', sans-serif;}
.tamil {font-size: 100%; font-weight: bold;}
.telugu {font-size: 130%;}
.thai {font-size: 120%; font-weight: normal;}

.tonalCaron {font-size: 140%; font-weight: bold;/*font-family: 'Charis SIL', 'Doulos SIL';*/}
.tonalCircumflex {font-size: 140%; font-weight: bold;/*font-family: 'Charis SIL', 'Doulos SIL';*/}
.tonalLowUpArrow {font-size: 220%; font-weight: bold;}
.tonalVoice {font-size: 200%; font-weight: bold;}

.urdu {font-size: 160%; font-family: 'Nastaleeq Like', Arial, Helvetica, Verdana, cursive;}



.big {font-size: 140%;  font-family: Arial, Helvetica, Verdana, sans-serif;}
.bigb {font-size: 110%; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif;}
.bigmed {font-size: 110%;  font-family: Arial, Helvetica, Verdana, sans-serif;}


.translation {font-size: 80%; font-family: Arial, Helvetica, Verdana, sans-serif; color: gray; font-style: italic; border-bottom: dotted gray 1px;}
.translationUK {font-size: 80%; font-family: Arial, Helvetica, Verdana, sans-serif; color: gray; font-style: italic;}

.smacountry {font-size: 90%; font-family: Arial, Helvetica, Verdana, sans-serif;}
.smalocal {font-size: 85%; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif;}
.sm {font-size: 80%; font-family: Arial, Helvetica, Verdana, sans-serif;}
.smb {font-size: 80%; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif;}
.smbg {font-size: 80%; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; color: dimgray;}
.smbl {font-size: 80%; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; color: blue;}
.smbk {font-size: 80%; font-weight: normal; font-family: Arial, Helvetica, Verdana, sans-serif; color: black;}
.bra {font-weight: normal; font-family: Arial, Helvetica, Verdana, sans-serif;}
.blu {font-weight: bold; color: blue;}
.black {font-weight: bold; color: black;}
.gr {color: #00A854; font-size: 80%;}

.rainn {margin-bottom: 13px;}

.api {color: #006993; background-color: white; font-family: 'Trebuchet MS', 'Source Sans Pro', Optima, 'Gill Sans', 'Gill Sans MT', 'Linux Biolinum O', LinBiolinumO, linux_biolinum_oregular, sans-serif; font-size: 120%; font-weight: 600; letter-spacing: .4pt; padding-top: 5px; padding-bottom: 1px; padding-left: 5px;}
.gbv {color: white;  background-color: #f57b21; font-family: 'Trebuchet MS', 'Source Sans Pro', Optima, 'Gill Sans', 'Gill Sans MT', 'Linux Biolinum O', LinBiolinumO, linux_biolinum_oregular, sans-serif; font-size: 120%; font-weight: 600; letter-spacing: 1pt; padding-top: 5px; padding-bottom: 1px; padding-right: 2px;}


.apiSour {color: #006993; background-color: white; font-family: 'Source Sans Pro'; font-size: 110%; font-weight: 600; letter-spacing: .4pt;}
.gbvSour {color: white;  background-color: #f57b21; font-family: 'Source Sans Pro'; font-size: 110%; font-weight: 600; letter-spacing: 1pt;}


.apiOpen {color: #006993; background-color: white; font-family: 'Open Sans'; font-size: 110%; font-weight: 600; letter-spacing: .4pt;}
.gbvOpen {color: white;  background-color: #f57b21; font-family: 'Open Sans'; font-size: 110%; font-weight: 600; letter-spacing: 1pt;}

.apiLinBio {color: #006993; background-color: white; font-family: LinBiolinumO, linux_biolinum_oregular, 'Linux Biolinum O'; font-size: 120%; font-weight: 600; letter-spacing: .4pt;}
.gbvLinBio{color: white;  background-color: #f57b21; font-family: LinBiolinumO, linux_biolinum_oregular, 'Linux Biolinum O'; font-size: 120%; font-weight: 600; letter-spacing: 1pt;}


.apiCar {color: #006993; background-color: white; font-family: Carlito; font-size: 110%; font-weight: 600; letter-spacing: .4pt;}
.gbvCar {color: white;  background-color: #f57b21; font-family: Carlito; font-size: 110%; font-weight: 600; letter-spacing: 1pt;}


.apiCal {color: #006993; background-color: white; font-family: Calibri; font-size: 110%; font-weight: 600; letter-spacing: .4pt;}
.gbvCal {color: white;  background-color: #f57b21; font-family: Calibri; font-size: 110%; font-weight: 600; letter-spacing: 1pt;}


.apiCan {color: #006993; background-color: white; font-family: Candara; font-size: 110%; font-weight: 600; letter-spacing: .4pt;}
.gbvCan {color: white;  background-color: #f57b21; font-family: Candara; font-size: 110%; font-weight: 600; letter-spacing: 1pt;}


.apiCam {color: #006993; background-color: white; font-family: Cambria; font-size: 110%; font-weight: 600; letter-spacing: .4pt;}
.gbvCam {color: white;  background-color: #f57b21; font-family: Cambria; font-size: 110%; font-weight: 600; letter-spacing: 1pt;}


.apiOpt {color: #006993; background-color: white; font-family: Optima; font-size: 110%; font-weight: 600; letter-spacing: .4pt;}
.gbvOpt {color: white;  background-color: #f57b21; font-family: Optima; font-size: 110%; font-weight: 600; letter-spacing: 1pt;}


.apiGara {color: #006993; background-color: white; font-family: Garamond; font-size: 110%; font-weight: 600; letter-spacing: .4pt;}
.gbvGara {color: white;  background-color: #f57b21; font-family: Garamond; font-size: 110%; font-weight: 600; letter-spacing: 1pt;}


.apiTre {color: #006993; background-color: white; font-family: 'Trebuchet MS'; font-size: 110%; font-weight: 600; letter-spacing: .4pt; border-top: black 1px solid; border-bottom: black 1px solid; border-left: black 1px solid;padding-top: 5px; padding-bottom: 1px; padding-left: 5px;}
.gbvTre {color: white;  background-color: #f57b21; font-family: 'Trebuchet MS'; font-size: 110%; font-weight: 600; letter-spacing: 1pt; border-top: black 1px solid; border-bottom: black 1px solid; border-right: black 1px solid;padding-top: 5px; padding-bottom: 1px; padding-right: 5px;}



.kiran {color: white; background-color: #00925f; font-family: sans-serif; font-size: 110%; font-weight: 550; letter-spacing: .4pt; padding-top: 3px; padding-right: 3px; padding-left: 3px;}

.hotpurp1 {color: white; background-color: #a23a95; font-size: 120%; font-family: sans-serif; font-weight: bolder;}
.hotpurp2 {color: white; background-color: #7a179c; font-size: 120%; font-family: sans-serif; font-weight: bolder;}
.domshelpurp { font-family: Comfortaa, "Comic Sans MS", Arial, sans-serif; font-size: 140%; font-weight: bold; color: #dc3996; background-color: #f4f4f4; letter-spacing: -0.0625em;}
.domshelgr { font-family: Comfortaa, "Comic Sans MS", Arial, sans-serif; font-size: 140%; font-weight: bold; color: #90c73e; background-color: #f4f4f4; letter-spacing: -0.0625em;}
.grw {color: #00A854; font-size: 80%; background-color: white;}
.teal {font-weight: bold; color: teal;}
.red {color: red;}
.redb {color: red; font-weight: bold;}
.redUSA {color: red; font-weight: 900;}
.hpo {color: #FF7331;} /*hpo is hot peach orange*/
.invisible {color: #FDD5B5;}

.wbm {background-color: #fee7d6;}
.wbmw {background-color: white;}
.WayBackMachine {padding-top: 20px;}

h1, h2, h3, p,ul, td, strong { font-family: Arial, Helvetica, Verdana, sans-serif; }

/*p {margin-left: 5%; margin-right: 2%;}*/

p.u {margin-left: 3%;}

p.lang {margin-left: 5%; margin-right: 5%; margin-top: -20px; }

ul.listLang {margin-top: 0px; margin-bottom: 0px;}

ul {list-style: url(../images/bulletdisc.gif);}
ul ul {list-style: url(../images/bulletcircle.gif);}
ul ul ul {list-style: url(../images/bulletsquare.gif);}
ul ul ul ul {list-style: url(../images/bulletdisc.gif);}
ul ul ul ul ul {list-style: url(../images/bulletcircle.gif);}
ul ul ul ul ul ul {list-style: url(../images/bulletsquare.gif);}

ol {list-style: decimal;}

ol.listCountry li {margin-top: 1%;}
ol.listMulti li {margin-top: 1px; margin-left: 8%;}

/*ol.listCountry br {line-height: 150%;}*/
ol.listCountry {list-style: url(../images/bulletdisc.gif);}
ol.listCountry ul {list-style: url(../images/bulletcircle.gif);}
ol.listCountry ul ul {list-style: url(../images/bulletsquare.gif);}
ol.listCountry ul ul ul {list-style: url(../images/bulletdisc.gif);}
ol.listCountry ul ul ul ul {list-style: url(../images/bulletcircle.gif);}
ol.listCountry ul ul ul ul ul {list-style: url(../images/bulletsquare.gif);}

ul.insidep {margin-left: -10px; margin-right: 20px;}
ol.special {margin-left: -18px; margin-right: 10px;}
ul.special {margin-left: -18px; margin-right: 10px;}
ul.special2 {margin-left: 8%; margin-right: 5%; list-style: url(../images/bulletcircle.gif);}
ol.special2 {margin-left: 8%; margin-right: 5%;}
ul.minus {margin-left: 10px; padding-left: 10px; margin-right:
 5px; padding-right: 5px; list-style: url(../images/bulletsquare.gif);}
ul.zb {margin-top: 0px;}
ol.zb {margin-top: 0px;}
ul.wb {background-color: #FFEDDF; margin-top: .5em; margin-left: 1.5em; margin-right: 10%; padding-top: .5em; padding-left: 1.5em; padding-bottom: 1em;}
ul.none {list-style: none;}
ul.smap { margin-left: 20px; font-size: 85%;}

ul.wave {margin-left: 50px; list-style: url(../images/bulletsquare.gif)}
ul.blueor {list-style: url(../images/blueordot.gif); }
ul.orangeor {list-style: url(../images/orangeordot.gif); }
ul.pdf {list-style: url(../images/pdf.gif); margin-top: .0em;}
ol.listCountry ul.pdf {list-style: url(../images/pdf.gif); margin-top: .0em;}
ul.video {list-style: url(../images/videoblucam.gif)}
ol.listCountry ul.video {list-style: url(../images/videoblucam.gif)}
ul.mp3{list-style: url(../images/mp3.gif); margin-top: .0em;}
ol.listCountry ul.mp3{list-style: url(../images/mp3.gif); margin-top: .0em;}
ul.jpg{list-style: url(../images/jpg.png); margin-top: .0em;}
ol.listCountry ul.jpg{list-style: url(../images/jpg.png); margin-top: .0em;}

/* For native art on canada1 page*/

img.nat {
    border: solid black 1px;

}

/*this makes tables center themselves*/

table {
margin-left: auto;
   margin-right: auto;

}

/*to un-center table*/
table.uncenterabout  {
margin-left: 100px;
   margin-right: auto;
	border-collapse: collapse;
}

.heading {
	background-color: bisque;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 110%;
	font-weight: bold;
}

.headingAbout {
	font-size: 120%;
	line-height: 140%;
}

.aboutMarginTop {  margin-top: 160px;}

.headingLarge {
	background-color: bisque;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 140%;
	font-weight: bold;
}

.headerMulti {
	background-color: peachpuff;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}

.headingMulti {
	font-size: 130%;
	font-weight: bold;
}

.headingSitemap {
	font-size: 120%;	
}


td.u { 
text-align: right;}

td.center, th.center {
text-align: center;}


table.normal, table.normal th, table.normal td {
	border: solid white 0px;
}

pre { font-family: monospace; }

/* For nethelp page*/
.adobe { margin: 0px 0px 35px 10px; background: white;}

.google { margin: 5px 0px 35px 10px; background: white;}

.tracks { margin: 10px 0px 45px 10px; background: white;}

.nonLatin { margin: 20px 0px 60px 10px; background: white;}

.wayback { margin: 0px 0px 0px 10px; background: white;}

.imagebottom {padding-bottom: 10px;
   }

.toolBorder { padding: 5px; border: solid black 1px;

	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
behavior: url(http://www.hotpeachpages.net/PIE.htc); /* to make rounded corners in IE*/
}
/**/

.allies {float: left; margin-right: 10px;}

a {font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none;}

a:link {color: #A32D09;}

/*This was for WayBack green links.*/

a.grw:link {color: #00A854; background: white;}

a.gr:link {color: #00A854;}

a.grw:visited {color: #00A854; font-weight: normal; background: white;}

a.gr:visited { color: #00A854; font-weight: normal;
}
/*End of stuff for WBM.*/


a.rd:link {color: red;}

a:visited {color: #E07210;}

a.rd:visited {color: red; font-weight: bold;
}

a:hover, a:active {color: #FF0000;}

a.gr:hover, a.gr:active, a.grw:hover, a.grw:active, a.rd:hover, a.rd:active {
color: #FF0000;}


/*native language links in index on unicode pages*/
a.icon:link {
	color: #000000;
	text-decoration: none;}

a.icon:visited {
	color: #000000;
	text-decoration: none;}

a.icon:hover, a.icon:active {
	color: #FF0000;}


/*language links on sitemap page*/
a.u:link {
	text-decoration: none; border: 0;}

a.u:visited {
	text-decoration: none; border: 0;}
	
	
/*image links*/
a.image:link, a.image:visited, a.image:hover, a.image:active {
text-decoration: none;
}
	
/*header links*/
a.head:link, a.head:visited, a.head:hover, a.head:active {
font-family: Arial, Helvetica, Verdana, sans-serif;
color: black;
text-decoration: none;
font-size: 95%;
}

a.hpp:link, a.hpp:visited, a.hpp:hover, a.hpp:active {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 160%;
color: black;
text-decoration: none;
}

.hppHome{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 160%;
color: black;
font-weight: bold;
}


a.nodec {text-decoration: none;}


/*canada treatment programs*/

a.blue {
	color: blue; border-bottom: 1px solid blue;}

a.blue:visited {
	color: royalblue; border-bottom: royalblue;}

a.blue:active, a.blue:hover {
	color: red; border-bottom: 1px solid red;}
	
	

td.trans a {
text-decoration: none;}

a.translation {font-size: 80%; font-family: Arial, Helvetica, Verdana, sans-serif; color: gray; font-style: italic; border-bottom: dotted gray 1px;}

a.noborder {border: none;}

a.UNW { color: #009ddc; text-decoration: none;}


@media (max-width: 880px) {
.earthwordsContainer{ clear: both; display:none;}

}

@media (max-width: 870px) {
ul.minimenu { 
	margin-top: -2%;}
}

@media (min-width: 761px) {
.ewtag { display:none;}

}
@media (max-width: 760px) {
.ewIcon { display:none;}

.hppTagLine { display:none;}
}

@media (min-width: 731px) {

.hamburger { display:none;} 

}

@media (max-width: 730px) {
.main-nav{ display:none;}
div.main {margin-top: -62px;}
	span[id=switcher] {display:block;
		background-image: url(images/Women_of_SudanBottom10.gif) !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		width: 300px !important;
		height: 250px !important; }
	img[id=houdini] {display: none !important; }
}

@media (max-width: 712px) {
.nonLatin { margin-top: -5px; margin-bottom: 30px;}

}

@media (max-width: 700px) {
.internetArc { display:none;}

}

@media (min-width: 641px) {
.nomore { display:none;}
.marqueeSlideSmall { display:none;}

}

@media (max-width: 640px) {
.nomore1 { display:none;}
.marqueeSlideBig { display:none;}

.hppContainer { margin-top: 3px;}
.hppTab { background-color: #FF7331; border: solid white 2px;}
.TransContainer { 
	clear: both; margin: 0 auto; margin-top: 0px; margin-left: 10%;}

.transText { display:none;}


}

@media (max-width: 600px) {
.flagGlobe { display:none;}
.wayBackMac { display:none;}
.aboutMarginTop {  margin-top: 100px;}
.portugalFlash { display:none;}
blockquote { margin-left: 15px; margin-right: 15px;}
ol.listMulti li {margin-top: 10px;}
}

@media (max-width: 550px) {
.tracks { margin-top: 0px; margin-bottom: 25px;}
.paypal { clear: left;}
p.num { font-size: 110%; line-height: 140%;}
}

@media (min-width: 480px) {

}

@media (max-width: 480px) {
.poofUN { display:none;}  


div.main {padding: 5px;}
}

@media (min-width: 411px) {
.peachburgsm { display:none;}

}

@media (max-width: 410px) {

.pagebkgr {margin-left: 0px; margin-right: 0px;
border-top-width: 4px;
border-right-width: 20px;
border-bottom-width: 4px;
border-left-width: 20px;
}

div.main {margin-top: -62px;}

.globeburst { display: none;}

.sitemap {
	border: solid blue 2px;
}
ul.smap { margin-left: -8px;}

h1 { font-size: 110%; padding-top: 3px;}
h2.center { font-size: 110%;}
.headingAbout { font-size: 110%; line-height: 120%;
}
.continent { font-size: 90%;}
.DVA {font-size: 80%;}

.hppHome{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 130%;
color: black;
font-weight: bold;
}

.hppIcon{ display: none;}
.home {	border: solid black 0px;}

.hppContainer { clear: both; padding: 0; margin: 20px auto 2px auto; width: 220px;}
.hppTab {

	border: solid white 2px;
	margin: 0 auto;
	padding-right: 12px;

	-o-border-radius: 40px 40px 40px 40px;
	-webkit-border-radius: 40px 40px 40px 40px;
	-moz-border-radius: 40px 40px 40px 40px;
	border-radius: 40px 40px 40px 40px;
    behavior: url(http://www.hotpeachpages.net/PIE.htc);
	}

.hppTagContainer { clear: both; margin: 13px auto 5px auto; text-align: center;}
a.hpp:link, a.hpp:visited, a.hpp:hover, a.hpp:active {
	font-size: 125%;
}
.TransContainer { 
	margin-left: 4%;}
.head { text-align: center;}

.searchBox { margin-left: 15px;}
.footer { display: inline-block; margin-right: 20px;}
.footer br{ display: none;}
.ewContainer { width: 0;}

div.top { margin-bottom: 25px;}

.nobrklang { white-space: normal;}

ol.listCountry { list-style: decimal; margin-left: -10px;}

ol.listCountry ul { margin-left: -25px;}
ol.listCountry ul ul { margin-left: -25px;}
ol.listCountry ul ul ul { margin-left: -25px;}
ol.listCountry ul ul ul ul { margin-left: -25px;}
ol.listCountry ul ul ul ul ul { margin-left: -25px;}

.contentA ol { margin-left: -14%;}
.contentA ol ol { margin-left: -15%;}
.contentA ol ol ol { margin-left: -16%;}
.contentA ol ol ol ol { margin-left: -15%;}
.contentA ol ol ol ol ol { margin-left: -10%;}

.contentA ul { margin-left: -14%;}
.contentA ul ul { margin-left: -15%;}
.contentA ul ul ul { margin-left: -16%;}
.contentA ul ul ul ul { margin-left: -15%;}
.contentA ul ul ul ul ul { margin-left: -10%;}

.contentAheadSm { line-height: 120%;}


ul ul { margin-left: -10px;}
ul ul ul { margin-left: -20px;}
ul ul ul ul { margin-left: -20px;}
ul ul ul ul ul { margin-left: -20px;}

.waveContainer { margin-right: -50px;}
p.num { font-size: 110%;} 

}


@media (max-width: 340px) {

.waveIcon { padding-left: 0px;}

}
/*@media (min-width: 0px) and (max-width: 650px) {
#container{ width: 622;}*/
