#main {
    padding: 1em;
}
* {
    margin: 0;
    padding: 0;
}
html {
    background: #d2e7f8;
}

/* global font family */
body, 
button, 
input, 
optgroup, 
option, 
select, 
textarea {
    font-family: verdana, arial, helvetica, geneva, sans-serif;
}

/* body */

body {
    background: #d2e7f8 url(../img/unesco/background/side.gif) repeat-y left top;
    color: #000;
    font-size: 16px; /* base font size */
}

/* font-sizes */
p,
a,
li,
table,
input,
select,
textarea,
label,
legend,
button,
address,
dt,
dd {
    font-size: .6875em;
}
p *,
a *,
li *,
input *,
option *,
textarea *,
label *,
legend *,
button *,
address *,
dt *,
dd *,
h2 *,
h3 *,
h4 * {
    font-size: 1em;
}

ol address, 
ol ol, 
ol p, 
ol ul,
ul address, 
ul ol, 
ul p, 
ul ul,
table address, 
table ol, 
table p, 
table ul {
    font-size: 1em !important;
}


/* headlines */
h1, h2, h3, h4, h5, h6 {
    background: transparent;
    color: #000;
    font-family: verdana, arial, helvetica, geneva, sans-serif;
    font-weight: bold;
    line-height: 1.0;
}

/* text - inline */
abbr, dfn {
    font-style: normal;
}
abbr[title], dfn[title] {
    border-bottom: 1px dashed #000;
    border-color: inherit;
    cursor: help;
}

abbr[title].dtstart,
abbr[title].dtend {
    border-bottom: 0;
    cursor: default;
}
em,
q,
cite {
    font-style: italic;
}
code, kbd, pre, samp, var {
    font-family: 'courier new', courier, monospace;
    font-size: 1.1em;
    font-weight: bold;
}

strong {
    font-style: normal;
    font-weight: bold;
}

/* text - block */
address, blockquote {
    display: block;
    font-style: normal;
}

/* horizontal rule */


/* images */
img {
    border: 0;
    color: #000;
    display: block;
}

/* lists */
ol {
      list-style: decimal outside none;
}
ul {
    list-style: none outside none;
    padding-left: 0;
}

dl{
    margin-bottom: 1em;
}

dl dt{
    font-weight: bold;
}
dl dd{
    margin-bottom: 0.5em;
}

/* forms */
fieldset {
    border: 0;
    position: relative; /* NN 6 */
}
legend {
    display: block;
    font-weight: bold;
}
label, 
input, 
select {
    font-weight: normal;
    line-height: normal;
}
optgroup {
    font-style: normal;
    font-weight: bold;
}
input, 
select, 
textarea {
    color: #565656; /* minimal value for sufficient color contrast */
    display: block;
}
select, textarea {
    background: #fff;
    padding: .2em .1em;
}
label, input[type=button], input[type=checkbox], input[type=image], input[type=radio], input[type=reset], input[type=submit], select, button {
    cursor: pointer;
}

/* horizontal rule */
hr {
    display: none;
}

/* tables */
table {
    border-collapse: collapse;
    width: 100%;
    border-spacing: 0;
    caption-side: top;
    empty-cells: show;
    padding: 0;
    table-layout: auto;
    clear: both;
}
table a, table p, table *{
    /* all text elements in tables are the same size */
    font-size: 1em;
    /* table base font-size defined with other elements, look up^ */
}
table a{
    font-weight: bold;
}

#wrapper tbody th,
#wrapper tbody td { /* IE (Selector style) */
    border-top: 1px dotted #ccc;
    border-left: 1px dotted #ccc;
    padding-bottom: 1em;
}
tbody td {
    border-left: 1px dotted #ccc;
}
tbody td {
    border-right: 1px dotted #ccc;
}
tbody *,
tfoot * {
    border-bottom: 1px dotted #ccc;
}
tbody * * *,
tfoot * * * {
    border-bottom: 0;
}
#wrapper th,
#wrapper td { /* IE (Selector style) */
    padding: .3em;
    vertical-align: baseline;
}
th {
    background: #f5f5f5;
    border-left: 1px solid #f5f5f5;
    font-weight: bold;
    text-align: left;
}

/* links - specificity: "LVHAF"! */
a {
    text-decoration: none; /* reset for baukasten to underline */
}
a:link, 
a:visited {
    background-color: transparent; /* link-background-color */
    color: #000; /* link-text-color */
}
a:hover {
    background-color: transparent; /* link-background-color-hover */
    color: #000; /* link-text-color */
    text-decoration: underline;
}
a:active, 
a:focus {
    background-color: #D1E8F8 !important; /* link-background-color-active */
    color: #000 !important; /* link-text-color-active */
    text-decoration: none;
}



/* visibility classes */
.aural,
.jump a {
    height: 1em;
    left: -400em;
    overflow: hidden;
    position: absolute;
    width: 100em;
}
.inv {
    visibility: hidden;
}
.show {
    visibility: visible;
}

/* number */
.no {
    white-space: nowrap;
}
/* number column positioning */
table .no {
    text-align: right;
}

/* resets all previous paddings and margins for a container */
.flat {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Navigation */
.nav-hz {
    list-style-type: none;
}
.nav-hz li {
    display: inline;
}
.nav-hz li a,
.nav-hz li strong {
    display: block;
    float: left;
    line-height: 1.1;
    width: auto;
}

/* first entry in a list of items */
li.first a,
li.first strong {
    clear: left;
}

/* Links */
a.ic {
    background-position: 0 1px;
    background-repeat: no-repeat;
    display: block;
    font-weight: bold;
}

/* Forms */
legend.aural {
    font-size: 0;
    height: 0;
}
input.checkbox,
input.radio {
    display: inline;
}
input.radio {
    vertical-align: text-bottom;
}

input.file,
input.text,
textarea {
    background: #fff;
    border: 1px solid #999;
    padding: .2em .1em;
}
input.submit,
input.reset {
    background: #dcdcdc;
    border: 1px outset #e9e9e9;
    color: #333;
    font-weight: bold;
    padding: .25em .1em;
}
input.reset {
	font-weight: normal;
    margin-right: 0.625em;
}
input.submit:active, 
input.submit:focus {
    background: #acd5f3;
    color: #000;
}

input.text:active, 
input.text:focus,
select:active, 
select:focus,
textarea:active, 
textarea:focus {
    background: #d1e8f8;
    color: #000;
}

.error {
    background: transparent;
    color: #f00;
    font-weight: bold;
}

/* standard form elements */
.standardform .form-entry:after,
.standardform .form-submit:after,
.standardform .form-field:after {
    clear: both;
    content: " ";
    display: block;
}
.standardform fieldset {
    background: #f2f2f2;
    color: #494949;
    margin-bottom: 1em;
}
.standardform legend {
    display: none;
}
.standardform .intro,
.standardform .form-entry,
.standardform .form-submit {
    padding: .625em; /* 10px */
}
.standardform .form-entry,
.standardform .form-submit {
    padding-left: 0; /* 5px + 5px from label */
}
.standardform .form-entry h2,
.standardform .form-entry p {
    padding-bottom: 0 !important;
    padding-left: .4545em; /* 5px */
}
#main .standardform .form-entry a.ic {
    background-color: transparent;
    border-bottom: 0;
}
.standardform .form-entry span {
    font-size: 68.75%;
}
.standardform .form-label {
    clear: left;
    float: left;
    width: 8.75em; /* 140px */
    line-height: 1em;
}
.standardform .form-submit .form-label {
    min-height: 1px;
}
.standardform .form-label span,
.standardform .form-label label {
    margin-right: .4545em;
    padding-left: .4545em; /* 5px */
}
.standardform .form-label label {
    display: block;
    line-height: 1.7em;
}
.standardform .form-label label dfn[title] {
    border-bottom: 0;
}
.standardform .form-field {
    float: left;
    width: 20em;
}
.standardform .form-field input.text,
.standardform .form-field textarea {
    width: 28.50em;
}
.standardform .form-field textarea {
    border: 1px solid #74716c;
}
.standardform .form-field input.text {
    display: inline;
}
.standardform .form-field input.small {
    width: 5em;
}
.standardform .form-field input.medium {
    width: 22.4em;
}
#main .standardform input.right {
    float: none;
    margin-left: 0 !important;
}
.standardform .form-submit .form-field input {
    float: right;
}
.standardform .error .form-field select,
.standardform .error .form-field input.text,
.standardform .error .form-field textarea {
    border-color: #D5322B;
}
.standardform .error * {
    color: #d5322b;
}
.standardform .form-field {
    line-height: 1.2em;
}
.standardform .form-field label {
    line-height: 1.4em;
    padding-right: 15px;
}
.standardform .form-field label.col2 {
    float: left;
    margin-bottom: .8em;
    width: 44%;
}
.standardform .form-field label.fullrow {
    display: block;
    margin-bottom: .8em;
    width: 100%;
}

.standardform .form-field select {
    display: inline;
    margin-right: .4545em;
    padding: 0;
    width: auto;
}
.standardform .form-field input#file {
    padding: 2px;
	width: 100%;
}
.standardform .form-field select option{
    padding-right: 0.8em;
}
.standardform .form-field select.fullrow {
    width: 29.20em;
}
.standardform hr {
    display: block;
}
.standardform fieldset hr {
    margin: 0 .4545em;
}

/* Search (Minimal) */

.quicksearchform {
    background-color: #d1e8f8;
    margin-bottom: 1em;
    position: relative;
}
.quicksearchform label {
    color: #000;
    font-family: 'trebuchet ms', arial, helvetica, geneva, sans-serif;
    font-size: .9em;
    font-weight: bold;
}
.quicksearchform label,
.quicksearchform input.text {
    display: block;
    margin-bottom: .625em;
}
.quicksearchform input.text {
    float: left;
    width: 306px;
}
#search-advanced .submit,
#search-advanced .reset,
.quicksearchform input.submit {
    background-color: #000;
    border: 0;
    color: #fff;
}
.quicksearchform input.submit {
    padding: 1px 0 3px !important;
    width: 140px;
}
.quicksearchform .section {
    border-bottom: 1px dashed #666;
    clear: both;
    margin: 0 20px 0 10px;
    padding: 20px 0 10px;
}
.quicksearchform .last {
    border-bottom: 0;
}
.quicksearchform .section table {
    margin-top: 6px;
}
.quicksearchform .section tr,
.quicksearchform .section td {
    border: none !important;
    margin: 0 !important;
    padding: 2px 0 !important;
}
.quicksearchform .section td.label {
    width: 160px;
}
.quicksearchform .section td.value {
    background-color: #E2EFF7;
    border-bottom: 1px solid #d1e8f8 !important;
    padding-left: 10px !important;
}
.quicksearchform ul {
    padding: 0 !important;
}
.quicksearchform ul a.ic {
    background-color: transparent !important;
    border: none !important;
}

/* Search Results */

#main .searchresult .nav-pager {
    margin-top: 7px;
}
#main .searchresult .nav-pager div.cl {
    margin-bottom: 0;
}
#main .searchresult ul {
    list-style: none;
}
#main .searchresult ul.results {
    margin: 0;
    padding-top: 15px;
}
#main .searchresult .results li {
    border-top: 1px dashed #ccc;
    padding: 1.0em .9091em 0.5em 0;
    background: none;
}
#main .searchresult .results li.first {
    border-top: 0;
    padding-top: 0;
}
#main .searchresult .results li a {
    background-color: transparent;
    font-weight: bold;
}
#main .searchresult .results li .hit {
    font-weight: bold;
}
#main .searchresult .searchoptionform {
    padding-top: 1em;
}
#main .searchresult .results .details {
    display: block;
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom: 2px;
    padding-left: 40px;
}
#main .searchresult .results .zero-of-five {
    background-image: url(../img/unesco/icons/search/zero-of-five.gif);
}
#main .searchresult .results .one-of-five {
    background-image: url(../img/unesco/icons/search/one-of-five.gif);
}
#main .searchresult .results .two-of-five {
    background-image: url(../img/unesco/icons/search/two-of-five.gif);
}
#main .searchresult .results .three-of-five {
    background-image: url(../img/unesco/icons/search/three-of-five.gif);
}
#main .searchresult .results .four-of-five {
    background-image: url(../img/unesco/icons/search/four-of-five.gif);
}
#main .searchresult .results .five-of-five {
    background-image: url(../img/unesco/icons/search/five-of-five.gif);
}
#main .searchresult .results .source {
    display: block;
    margin-top: 10px;
}
#main .searchresult .results .source a {
    display: inline;
    background-position: left 2px;
    margin-left: 6px;
}
#main .searchresult input.text:active,
#main .searchresult input.text:focus,
#main .searchresult select:active,
#main .searchresult select:focus {
    background: #fff;
   color: #555;
}
/* Messages (Error) */

#main .hint-box {
    border: 1px solid #f00;
    color: #f00;
    padding: 0 .3125em .3125em;
}
#main .hint-box p {
    padding: 5px 0 0;
}
#main .hint-box ul {
    list-style: disc;
    margin-left: 1em;
    padding-bottom: 10px;
}

/* Targets */
.ac {
    float: left !important;
    font-size: 0 !important;
    height: 0 !important;
    line-height: .0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}



/* for clearing issues */
.cl:after,
#main address:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

/* Links */
a.ic:link, 
a.ic:visited, 
a.ic:hover, 
a.ic:active, 
a.ic:focus { /* IE save notation */
    background-image: url(../img/unesco/icons/links/internal.gif);
}
/* link with icon (download), used in combination with class .ic */
a.dwn:link, 
a.dwn:visited, 
a.dwn:hover, 
a.dwn:active, 
a.dwn:focus,
a.vid:link, 
a.vid:visited, 
a.vid:hover, 
a.vid:active, 
a.vid:focus {
    background-image: url(../img/unesco/icons/links/download.gif);
}
a.dwn span,
a.vid span {
    font-weight: normal;
}
/* link with icon (extern), used in combination with class .ic */
a.ext:link, 
a.ext:visited, 
a.ext:hover, 
a.ext:active, 
a.ext:focus {
    background-image: url(../img/unesco/icons/links/external.gif);
}
/* link with icon (top of page), used in combination with class .ic */
a.top:link, 
a.top:visited, 
a.top:hover, 
a.top:active, 
a.top:focus {
    background-image: url(../img/unesco/icons/links/top.gif);
}
/* link with icon (email), used in combination with class .ic */
a.eml:link, 
a.eml:visited, 
a.eml:hover, 
a.eml:active, 
a.eml:focus {
    background-image: url(../img/unesco/icons/links/email.gif);
}
/* link with icon (page back), used in combination with class .ic */
a.pgb:link, 
a.pgb:visited, 
a.pgb:hover, 
a.pgb:active, 
a.pgb:focus {
    background-image: url(../img/unesco/icons/page/back.gif);
}
/* link with icon (page forward), used in combination with class .ic */
a.pgf:link, 
a.pgf:visited, 
a.pgf:hover, 
a.pgf:active, 
a.pgf:focus {
    background-image: url(../img/unesco/icons/page/forward.gif);
}
/* link with icon (page down), used in combination with class .ic */
a.pgd:link, 
a.pgd:visited, 
a.pgd:hover, 
a.pgd:active, 
a.pgd:focus {
    background-image: url(../img/unesco/icons/page/down.gif);
}
/* link with icon (page up), used in combination with class .ic */
a.pgu:link, 
a.pgu:visited, 
a.pgu:hover, 
a.pgu:active, 
a.pgu:focus {
    background-image: url(../img/unesco/icons/page/up.gif);
}

/* link with icon (add item), used in combination with class .ic */
a.add:link, 
a.add:visited, 
a.add:hover, 
a.add:active, 
a.add:focus {
    background-image: url(../img/unesco/icons/links/add.gif);
}

/* link with icon (remove item), used in combination with class .ic */
a.remove:link, 
a.remove:visited, 
a.remove:hover, 
a.remove:active, 
a.remove:focus {
    background-image: url(../img/unesco/icons/links/remove.gif);
}

/* link with icon (expand item), used in combination with class .ic */
a.expand:link, 
a.expand:visited, 
a.expand:hover, 
a.expand:active, 
a.expand:focus {
    background-image: url(../img/unesco/icons/links/expand.gif);
}

/* link with icon (collapse item), used in combination with class .ic */
a.collapse:link, 
a.collapse:visited, 
a.collapse:hover, 
a.collapse:active, 
a.collapse:focus {
    background-image: url(../img/unesco/icons/links/collapse.gif);
}

/* link with icon (page up), used in combination with class .ic */
a.feed:link, a.feed:visited, a.feed:hover, a.feed:active, a.feed:focus {
    background-image: url(../img/unesco/icons/links/rss.gif);
    padding-top: 1px;
}

/* TODO:
* Remove "input.reset" rules as soon as CAPBK-134 is processed.
*/

/* ----------  Basic modules: specific properties  ---------- */
/* claim */
#branding{
    float: right;
    width: 130px;
    padding: 0;
}
#main {
    float: left;
    width: 620px;
	padding: 0;
}
#wrapper {
    width: 96%;
    padding-bottom: 5.5;
    padding: 2%;
}


@media print { /* TODO - print styles should be in print css? */
    /* ----------  Basic modules: specific properties  ---------- */
    /* claim */
    #claim h2 {
        font-size: 1.25em;
        padding-bottom: 1em;
    }
    #claim h3 {
        font-size: .8333em;
        line-height: 1.4;
        padding-bottom: 2em;
    }
    #branding{
        position: static;
    }
    /* logo */
    #logo {
        float: right;
        width: auto;
    }
}
html {
    background: #fff;
}
#main h1 {
    font-size: 1.3125em;
    padding-bottom: .4762em;
}
#main h2 {
    font-size: 1.125em;
    font-weight: normal;
    padding-bottom: .5556em;
}
#main address, #main ol, #main p, #main ul {
    font-size: .6875em;
    line-height: 1.5455;
}
#main ol, #main p, #main ul {
    padding-bottom: .9091em;
    padding-left: 0.24em;
}
#main .linkblock {
	clear: both;
}
#main .mod {
    clear: both;
}
#main p a {
    text-decoration: underline;
}
#main p a:hover {
    color: #565656;
}

#main .ic {
    background-position: 0 .4545em;
    padding: .0909em 0 .1818em 1.8182em;
}
#main .image-fullsize .subline span {
    display: block;
}
#main .image-fullsize img {
 
}
#main .image-fullsize .subline span {
    color: #565656;
}
#wrapper .glossary {
    margin-right: 20px; /* changed from 115px to give more space for the text */
}
#wrapper .glossary p {
    padding-left: 0; /* give place for the logo on the right side */
}
#claim h2,
#claim h3 {
    display: none;
}
#main p a {
    font-size: 1em !important;
}