@charset "utf-8";

/* Default styles for unicef.org/turkey */

/* Styles can be tidied up considerably as and when Internet Explorer support for CSS 2.1 is improved. */

/* For reference, the CSS 2.1 specification can be found at: www.w3.org/TR/CSS21 */

/* Ammended stylesheets should be validated by upload at: jigsaw.w3.org/css-validator/validator */

/* author Ray Mullan (www.mullan.net) */

/* suggested order of properties:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * content */

/* TOC:
   Structure
   Layout
   Navigation 
   Iframes
   Rules
   Tables
   Forms */

/* STRUCTURE */

abbr, acronym {border-bottom: none;
 background: url('img/dt7.gif') bottom repeat-x;
 color: #006600; font-style: normal}

blockquote {margin: 0em;}

blockquote p {quotes: '\201C' '\201D';
 color: #990000;}

blockquote p:before {content: open-quote;}
blockquote p:after {content: no-close-quote;}
blockquote p.closed:after {content: close-quote;}

body {margin: 0em;
 padding: 0em;
 border: 0px;
 background: url('img/dt11.gif') #CCCCCC;
 color: #000000;
 font-family: arial, helvetica, sans-serif;
 font-size: 0.8em;
 line-height: 1.5em;}

caption abbr, caption acronym, strong abbr, strong acronym, dt abbr, dt acronym, h3 abbr, h3 acronym, td abbr, td acronym {background-image: url('img/dt1.gif');
 color: #0099FF;}

cite {display: block;
 margin: -2em 2em 2em 2em;
 color: #0099FF;
 font-weight: bold;}

code {font-size: 1.2em;}

h2 abbr, h2 acronym {background-image: url('img/dt3.gif');
 color: #FF3300;}

div {position: relative;
 margin: 0em;
 padding: 0em;
 border: 0px;
 background: transparent;}

dl {margin: 0em;}

dt {margin: 0em 2em 0em 2em;
 color: #0099FF;
 font-weight: bold;}

dd {margin: 0em 2em 2em 4em;}

h1 {margin: 1.3em 1.3em 1.3em 1.3em;
 color: #00CC00;
 font-size: 1.6em;
 line-height: 2em;}

h1 abbr, h1 acronym, h1 q {color: #00CC00;}

h1 abbr, h1 acronym {border-bottom: none;
 background-image: url('img/dt9.gif');}

h2, h3, h4 {margin: 2em;
 font-size: 1em;
 line-height: 1.5em;}

h2 {color: #FF3300;}

h3 {color: #0099FF;}

h4, h4 abbr, h4 acronym {margin-bottom: -2em;
 color: #FF9900;}

h4 abbr, h4 acronym {background-image: url('img/dt16.gif');}

img {margin: 0em;
 padding: 0px;
 border: 0px;}

ol li, .bx ol li {list-style: decimal;
 margin: 2em;}

li ol, .bx li ol {margin-top: -1em;}

.bx li ol {margin-top: 0em;}

li ol li, .bx li ol li {list-style: lower-alpha;
 margin-left: -1em;
 margin-right: 0em;}

li ol li ol li, .bx li ol li ol li {list-style: lower-roman;}

p {margin: 2em;}

q {quotes: '\201C' '\201D' "\2018" "\2019";
 color: #990000;}

q q {quotes: '\2018' '\2019'}

q.open {quotes: '\201C' '';}

h1>q, h2>q, h3>q, h4>q, a:link>q, a:hover>q, a:visited>q, dd>q, p>q, li>q, blockquote>p, q>q, span>q {color: inherit;}

strong {color: #0099FF}

sup {line-height: 0px;}

ul li {list-style: url('img/bt1.gif') disc outside;
 margin: 2em;}

li + li {margin-top: -1em;}

/* NAVIGATION */

.menu, .pg .menu {display: inline;
 float: left;
 clear: both;
 width: 100em;
 height: 2em;
 padding: 0em 2em 0em 2em;
 background: #0066CC;
 color: #FFFF00;
 font-weight: bold;
 line-height: 2em;}

.pg .menu {margin: 0em;
 padding: 2em;
 background: #0099FF;
 color: #FFFF00;}

.menu a:link, .menu a:visited, .menu a:active {color: #FFFFFF;}

.menu a:hover, .menu a:focus {color: #CCFFFF;
 text-decoration: underline;}

.menu .in:link, .menu .in:visited, .menu .in:active {color: #FFFF00;}

.menu .in:hover, .menu .in:focus {text-decoration: underline;}

.menu a:link, .menu a:visited, .menu a:active, .menu a:hover, .menu a:focus, .menu .in:link {margin: 0em 0.08em 0em 0.08em; }

.pg .menu a:link, .pg .menu a:visited, .pg .menu a:active, .pg .menu a:hover, .pg .menu a:focus, .pg .menu .in:link {margin: 0em 0.17em 0em 0.17em;}

.nv {display: block;
 clear: right;
 margin: 2em;}

.nv ul li, .nv ul li ul li, .nv ul li ul li ul li, li ul li {list-style: url('img/nv1.gif') disc outside;
 margin: 1em 0em 1em -1em;}

.nv ul li ul li, ul li ul li ul li {list-style: url('img/nv3.gif') circle outside;}

.nv ul li ol li {list-style: decimal outside;}

.nv ul li ol li:first-child {margin-top: 2em;}

.nv ul li ul li ul li, .nv ul li ol li ul li {list-style: url('img/nv5.gif') square outside;}

.nv ul li ol li ul li:first-child {margin-top: 1em;}

a:link, #nx1:link, #pr1.link, .tkrnone, .tkr:link, a:visited, #nx1:visited, #pr1:visited, .tkr:visited, a:active, #nx1:active, #pr1:active, .tkr:active {color: #0033FF;
 text-decoration: none;}

a:visited, .tkr:visited {color: #333399;}

a:hover, a:hover strong, a:focus, a:focus strong, #nx1:hover, #nx1:focus, #pr1:hover, #pr1:focus, .tkr:hover, .tkr:focus {color: #FF3300;
 text-decoration: underline;}

.bk, .bk:link, .bk:visited, .bk:active {color: #00CC00;
 font-weight: bold;}

.bk:hover, .bk:focus {color: #FF3300;
 text-decoration: underline;
 cursor: pointer;}

#pr1 {float: left;
 clear: left;
 width: 16em;
 margin: 2em;}

#nx1 {float: right;
 clear: none;
 width: 18em;
 margin: 2em 1em 0em 0em;
 text-align: right;}

#pr {float: left;
 clear: none;
 margin: 0em 1em 0em 0em}

#nx {float: right;
 clear: none;
 margin-left: 1em}

.nv p {margin: 1.5em 0em 1.5em 0em;}

/* LAYOUT */

div.bx, .bx, .bxl, .bxr {display: inline;
 position: relative;
 float: left;
 clear: none;
 width: 35.8em;
 margin: 0em 2em 2em 2em;
 padding: 1em;
 background: #CCFFFF;
 color: #003366;}

.bx, .bxl, .bxr {width: 15em;}

.bxl {float: left;}

.bxr {float: right;}

.bx abbr, .bx acronym, .bx1 abbr, .bxl acronym, .bxr abbr, .bxr acronym {color: #0066CC;
 background-image: url('img/dt15.gif');}

.bx ol li, .bxl ol li, .bxr ol li {list-style: decimal outside;
 margin: 1em 0em 1em -1em;}

.bx ul li, .bxl ul li, .bxr ul li {list-style: url('img/bt3.gif') square outside;
 margin: 1em 0em 1em -1em;}

.bx q, .bxl q, .bxr q {color: inherit;}

.bx p, .bxl p, .bxr p, .bx h2, .bxl h2, .bxr h2, .bx h3, .bxl h3, .bxr h3, .bx h4, .bxl h4, .bxr h4 {margin-left: 1em;
 margin-right: 1em;}

.bx h4, .bxl h4, .bxr h4 {margin-top: 0em;
 margin-bottom: 2em;}

.bx strong, .bxl strong, .bxr strong {color: #0066CC;}

.bx h2, .bxl h2, .bxr h2 {color: #FF6633;}

.cl0, .cl1, .cl2, .cl3 {display: inline;
 position: relative;
 float: left;
 clear: none;
 width: 20.4em;
 padding-left: 0.1em;
 padding-right: 0em;}

.cl0, .cl2 {background: url('img/dt2.gif') right repeat-y;}

.cl0 {background-position: left;}

.cl2, .cl3 {width: 41em;
 padding: 2em 1em 2em 0em;}

.cl2 img, .cl3 img {display: inline;
 float: right;
 clear: right;
 margin: 0em 0em 2em 2em;}

.cl0 img, .cl1 img {display: inline;
 float: left;
 clear: right;
 margin: 0em 0em 2em 2em;}

.cl1 h2, .cl0 h2 {margin-top: 0em;}

.cn, .cn1, .cn2, .cn3 {display: inline;
 float: left;
 width: 16em;
 margin: 0em 2em 1em 2em;
 padding: 0em 0em 1.2em 0em;
 background: url('img/dt1.gif') bottom repeat-x;}

.cn {margin-right: 0em;}

.cn2 {float: right;
 margin: 0em 1em 1em 2em;}

.cn3 {display: block;
 position: relative;
 float: right;
 clear: both;
 width: 39.9em;
 margin: -1em 0em 2em 1em;}

.cn img, .cn1 img, .cn2 img {display: inline;
 position: relative;
 float: left;
 clear: right;
 margin: 0em 0em 1em 0em;}

.cn p, .cn1 p, .cn2 p, .cn3 p {clear: both;
 margin: 0em 1em 0em 1em;
 color: #0066CC;}

.cn q, .cn1 q, .cn2 q, .cn3 q, .cn q q, .cn1 q q, .cn2 q q, .cn3 q q {color: #990000;}

.cn p>q, .cn1 p>q, .cn2 p>q, .cn3 p>q, .cn p>q>q, .cn1 p>q>q, .cn2 p>q>q, .cn3 p>q>q {color: inherit;
 font-style: inherit;}

.cn p, .cn1 p, .cn2 p {width: 16em;
 margin: 0em;}

.cn3 p {width: 37.9em;}

.cn p abbr, .cn p acronym, .cn1 p abbr, .cn1 p acronym, .cn2 p abbr, .cn2 p acronym, .cn3 p abbr, .cn3 p acronym  {background-image: url('img/dt10.gif');
 color: #0066CC;}

.cn + p, .cn1 + p, .cn2 + p, .cl2 p:first-child, .cl3 p:first-child, .cl2 h3:first-child, .cl3 h3:first-child, .cl2 h2, .cl3 h2, table + p  {margin-top: 0em;}

.cn3 img {display: inline;
 float: left;
 clear: right;
 margin: 1em;}

.bx .cn3 {display: block;
 position: relative;
 float: right;
 clear: both;
 width: 34.5em;
 margin: -1em 0em 2em 1em;}

.bx .cn3 p {width: 34.5em;
 margin: 1em 0em 0em 0em}

.bx .cn3 img {display: inline;
 float: left;
 clear: right;
 margin: 0em 0em 1em 0em;}

.cntr {width: 62em;
 overflow: hidden;
 margin: 0em auto;
 background: #FFFFFF;}

.ind1 {margin-left: 2.8em;
 text-indent: -0.8em;}

.ind2 {margin-left: 2.7em;
 text-indent: -1.2em;}

.pg {display: block;
 position: relative;
 float: left;
 clear: both;
 width: 63em;}

caption strong, .sb {color: #FF3300;}

.fd {display: block;
 position: relative;
 clear: left;
 height: 1.2em;
 padding: 0.2em;
 border: 1px solid #0099FF;
 color: #0099FF;
 font-weight: bold;
 line-height: 1.1em;}

.fd img {margin: 0em;}

h1 .sb, h1 span abbr, h1 span acronym {color: #009900;} 

h1 span abbr, h1 span acronym {background-image: url('img/dt14.gif');}

.nt1, .nt2 {display: block;
 position: relative;
 clear: left;
 width: 16em;
 margin: 2em;
 border: solid 2px #0099FF;
 color: #990000;}

.nt2 {width: 37em;}

.nt1 h2, .nt1 h3, .nt1 p, .nt2 h2, .nt1 h3, .nt2 p {margin: 1em;}

.nt1 ul li {margin-left: 0em;}

.spacer {position: relative;
 display: inline;
 overflow: hidden;
 float: left;
 clear: none;
 width: 0px;
 height: 0px;}

/* IFRAMES */

#unicef_tkr_container {display: inline;
 position: relative;
 float: left;
 clear: right;
 width: 19.9em;
 border-style: none;}

#unicef_tkr_contents {margin: -2em 2em 2em 2em;}

#pf {display: block;
 position: relative;
 float: left;
 width: 19.9em;
 height: 38em;
 margin: 0em;}

/* RULES */

.rl10, .rl100, .rl150, .rl1000 {display: block;
 position: relative;
 clear: both;
 height: 1px;
 background: url('img/dt1.gif') top repeat-x;}

.rl1000 {width: 62em;}

.rl1000 + h1 {margin: 1.3em 1.3em 0em 1.3em;}

.rl10 {width: 18em;
 left: 1em;}
 
.rl100, .rl150 {width: 40em;
 left: 1em;}

.rl10 + h2, .rl10 + img, .rl100 + h2 {margin: 2em;}

.rl150 {background-image: url('img/dt3.gif');}

/* TABLES */

table {width: 37.7em;
 margin: 0em 0em 2em 2em;
 border-spacing: 0px;
 border-collapse: collapse;
 font-size: 1em;
 line-height: 1.5em;
 text-align: center;}

caption {caption-side: inherit;
 margin-left: 2em;
 padding-bottom: 2em;
 color: #0099FF;
 font-weight: bold;
 text-align: left;}

th, td, tfoot {border: 2px solid #0099FF;
 padding: 0.5em;
 vertical-align: top;}

th:first-child, td:first-child {color: #0099FF;
 text-align: left;
 font-weight: bold;}

th:first-child, th#td1 {color: #FFFFFF;}

th {background: #66CCFF;
 color: #FFFFFF;
 font-weight: bold;}

th abbr, th acronym {background-image: url('img/dt5.gif');
 color: #FFFFFF;}

td img {display: inline;
 position: relative;
 float: left;
 clear: none;}

/* FORMS */

form {float: left;}

fieldset, fieldset legend {margin: 2em;
 padding: 0em 1em 1em 1em;
 border: 1px solid #0066CC;
 background: url('img/sd1.gif') bottom repeat-x;
 color: #0066CC;
 font-weight: bold;}

.cl1 fieldset, .cl0 fieldset {margin-top: 0em}

fieldset fieldset {margin: 1em 0em 0em 0em;
 padding-top: 1em;}

fieldset a:link, fieldset a:active, fieldset a:visited {margin-top: 0.5em;
 color: #0066CC;}

fieldset a:hover, fieldset a:focus, fieldset strong {color: #FF3300}

fieldset p {margin: 2em 0em 2em 0em;}

fieldset legend {margin: 0em 0em 0.5em 0em;
 padding: 0em 0.5em 0em 0.5em;
 color: #FF3300;}

#textfield {width: 9.8em;
 vertical-align: middle;}

#textfield span {margin: 0em}

input[type="button"], input[type="reset"], input[type="submit"] {color: #003366;
 font-family: arial, helvetica, sans-serif;
 font-weight: bold;
 line-height: 1.2em;
 text-decoration: none;
 text-align: center;}

input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus {color: #FF3300;
 font-weight: bold;
 text-decoration: none;}

input[type="text"] {background: url('img/sd3.gif') #FFFFFF repeat-x;}

input {color: #0066CC;
 font-weight: bold;
 line-height: 1.2em;
 text-decoration: none;}

input[type="text"]:hover, input[type="text"]:focus {color: #0066CC;}

input[type="text"]:focus {background: url('img/sd4.gif') repeat-x}

select, select:hover {background: #CCFF99;
 color: #0066CC;
 font-weight: bold;
 line-height: 1.2em;
 text-decoration: none;}

select:hover {background: #FFFF66}

#email {height: auto;
 margin-top: 2em;}

#email input, #email textarea {float: left;
 clear: both;
 width: 14em;
 margin: 0.2em 0em 0.2em 0em;}

#email textarea {float: left;
 clear: both;
  margin: 0.2em 0em 0.2em 0em;}