﻿ 

/* reset */
BODY, P, H1, H2, H3, H4, H5, H6, UL, OL, LI { margin:0; padding:0; }
IMG { border: 0; }
BODY { background-color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; color: #363636; font-size: 8pt; }
A { color: #00adff; text-decoration: none; }
A:hover { color: #00adff; text-decoration: underline; }
a:visited { color: #800080; }

/*site header*/
#siteheader {
    background-color: #3f49ac;
    color: #fff;
    height: 123px;
}
#siteheader #sitelogo A {
    background: url(/siteheader_uniceflogo.gif) no-repeat top left;
    width:123px;
    height:30px;
    text-indent:-999px;
    display: block;
    position: absolute;
    left: 13px;
    top: 34px;
}
#siteheader H1 A {
    background: url(/siteheader_mdg.gif) no-repeat top left;
    width:465px;
    height:29px;
    text-indent:-999px;
    display: block;
    position:absolute;
    left: 13px;
    top: 90px;
}
#siteheader #search {
    position:absolute;
    left: 590px;
    top: 43px;
    color: #fff;
    font-weight: bold;
    height: 18px;
    line-height:18px;
    white-space: nowrap;
}
#siteheader #search #searchbox {
    width: 130px;
    height: 16px;
    border: 1px solid #8f8f8f;
    font-size: 1em;
    line-height: 16px;
}
#siteheader #search #searchbutton {
left: 0px;
position: relative;
top: 4px;
}
    html* #siteheader #search #searchbutton { top:2px; }



/*nav*/
#navigation {
    width: 800px;
}
#navigation UL#nav1, #navigation UL#nav2 {
    list-style-type: none;
    clear:both;
}
#navigation UL#nav1 {
    border-bottom: 1px solid #959595;
    height:19px;
    line-height:19px;
    padding-left: 12px;
/*    padding-top: 6px;
    padding-bottom: 6px;*/
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #727272;
}
#navigation UL#nav1 LI {
    float:left;
    margin-right: 14px;
}
#navigation UL#nav2 {
    height:26px;
    line-height:26px;
    padding-left: 12px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 1.1em;
    color: #727272;
}
#navigation UL#nav2 LI {
    float:left;
    margin-right: 14px;
}
#navigation UL#nav1 LI A, #navigation UL#nav2 LI A { color: #727272; text-decoration: none; }
#navigation UL#nav1 LI A:hover, #navigation UL#nav1 LI.selected A,
#navigation UL#nav2 LI A:hover, #navigation UL#nav2 LI.selected A { color: #00adff; }




/*content*/
/*hp*/
#content { width: 800px; border-bottom: 1px solid #959595; overflow: auto; }
.content_sub { margin-top: 8px; } /*extra space for sub-level pages*/
#content #hp_col1 { float: left; margin-left:13px; width: 510px; display:inline; /*ie6*/ }
#content #hp_col2 { float:right; width: 264px; }
#content #sub_col1 { float: right; width: 510px; }
#content #sub_col2 { float:left; margin-left:13px; width: 264px; display:inline; /*ie6*/ }

/*side bar items*/
#content .sidebar_item { border-bottom: 1px solid #959595; margin-bottom: 26px; color: #000; }
#content .sidebar_item h3 {
    height: 27px;
    line-height: 27px;
    background-color: #3f49ac;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #fff; 
    padding-left: 13px;
    font-size:1.3em;
    margin-bottom: 0.5em;
}
#content .sidebar_item P.more {
    margin: 40px 13px 0 0;
    padding-bottom: 12px;
    text-align: right;
    color: #00adff;
    font-weight: bold;
    text-transform: uppercase;
}
#content .sidebar_item P.more A { color: #00adff; text-decoration: none; }
#content .sidebar_item P.more A:hover { text-decoration: underline; }
#content .sidebar_item UL { padding-left: 0; margin-left: 14px; list-style-type: none; }
#content .sidebar_item UL LI { color: #000; padding-left:1em; background: url(/bullet.gif) left 0.6em no-repeat; margin-bottom: 1.2em; line-height: 1.2em; }
#content .sidebar_item UL LI A { color: #000; text-decoration:none; }
#content .sidebar_item UL LI A:hover { color: #00adff; text-decoration: underline; }
#content .sidebar_item P { margin-left: 14px; overflow: auto; }
#content .sidebar_item P IMG { float: left; margin-right: 10px; }
#content .sidebar_item .video { position:relative; margin-top: 9px; height:62px; }
#content .sidebar_item .videolinks { position:relative; bottom:14px; left:115px; width: 125px; margin-bottom:40px; background: url(/icon_video.gif) left 2px no-repeat; padding-left: 21px; display:block; overflow: hidden; }

/*texts*/
#content .texts { margin-left: 1em; color: #363636;  }
#content .texts A { color: #363636; text-decoration: none; }
#content .texts A:hover { color: #00adff; text-decoration: underline; }
#content H2 { 
    color: #00adff;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size:1.5em;
    margin-bottom: 0.3em;
}
#content .texts { margin-top: 1.5em; }
#content .texts H2 { 
    color: #00adff;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size:1.3em;
    margin: 0 0 0.2em 0;
}
#content .texts P { margin-bottom: 1.2em; line-height: 1.4em; }
#content .texts A { text-decoration:underline; font-weight:bold; }

/*hp list of MDGs*/
#content #hp_col1 .texts OL {
    font-weight: bold;
    line-height: 1.6em;
    list-style-type: decimal;
    margin-left: 2em;
}






/*footer*/
#footer {
clear:both;
padding-top:3em;
padding-bottom: 0.6em;
text-align:right;
margin-right: 13px;
}
#footer A { color: #3f49ac; text-decoration:none; margin-left: 9px; }
#footer A:hover { color: #00adff; text-decoration:underline; }




.clear {
    clear:both;
}











#navigation UL#nav2 LI {
    float:left;
}
 



