/* Style sheet  */

/* Adds right scroll bar to avoid bouncing on short pages */

@media all
{
	.page-break	{ display:none; }
}

@media print
{
	.page-break	{ display:block; page-break-before:always; }
}

 
html {
	overflow-y: scroll;
}

body {
	background-image: url(images/main_bkgd.jpg);
	background-repeat: repeat-x;
	background-color: #E9EEF4;
}
#main {
	min-width:800px;
	background-color:#fff;
	border: 3px solid #fff;
	width: 71em;
}


/* SKIP TO NAVIGATION AND SKIP TO TEXT*/
 
#skiplink, #skiplink a {
	color:#CDD4E4;
}

/* LANGUAGES */

#languages {
	background-image: url(images/lang_bkgd.jpg);
	background-repeat: no-repeat;
	background-position: 0px -21px;
	background-color: #15499C;
}
 /*#languages  ul  {
	display: none;
}*/
#languages ul li#english  {
	color: #FFFFFF;
	text-decoration: none;
}	
#languages ul li a:link, #languages ul li a:visited, #languages ul li a:hover, #languages ul li a:active {
	color:#CCCCCC;
	text-decoration:none;
}
#languages ul li a:hover {
	text-decoration: underline;
}


	
/* TOP BANNER */

#topbanner {
    background-color: #000000;
    background-image: url("images/banner_bkgd.jpg");
    background-position: 0 -30px;
    background-repeat: repeat;
    height: 115px;
}
#topbanner #hiddentitle, #hiddentitle span {
    background-image: url("images/top.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #FFFFFF;
    height: 115px;
}

/* PAGE CONTENT ATTRIBUTES */

#content {
	width: 77%;
	float: left;
	padding: 0em;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1.3em;
}
#content  p, #content ul li {
	color: #333333;
}
#content ul li {
	list-style-type: none;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 7px 4px;
	margin: 0px;
	padding: 0 0 6px 20px;
}
#content ul ul li {
	background-image: url(images/bullet2.jpg);
	background-repeat: no-repeat;
	background-position: 4px 5px;
}


#content a:link, #content a:visited, #content a:hover, #content a:active {
	color:#224B97;
	text-decoration: underline;
	font-weight: bold;
}

#content a:hover {
	color: #000000;
	text-decoration: underline;

}

#content a:visited {
	color: #251D1B;
}


#content h2 {
	color: #03346F;
	font-weight: normal;
	font-size: 110%;
	font-weight: bold;
	margin-top: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
#content   h3  {
	color: #1D497A;
	font-size: 95%;
	font-weight: bold;
	margin-bottom: 0.7em;
	margin-top: 1.5em;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4E729A;
	font-family: Arial, Helvetica, sans-serif;
}

#content h4 {
	color: #333333;
	font-size: 115%;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
#content    a.more  {
	color: #770000;
	text-decoration: none;
	font-size: 95%;
}




/* QUOTES */
blockquote {
	font-size: 115%;
	/*background-image: url(http://www.un.org/en/peacebuilding/images/blockquotegrad.jpg);
	background-repeat: repeat-x;*/
	background-color: #F0F3F9;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
	padding-right: 1em;
	padding-left: 1em;
	margin-top: 1em;
	margin-right: 0em;
	margin-left: 0em;
	color: #003366;
	padding-top: 1em;
	display: block;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border: 1px solid #C7D1E9;
}
blockquote p {
	line-height: 2em;
}

#content blockquote a {
	font-weight: normal !important;
	}


blockquote .credit {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-right: 0.6em;
	color: #333333;
	font-size: 100%;
	font-style: italic;
	line-height: 18px;
	text-align: right;
	margin: 0px;
	padding-bottom: 0.3em;
	display: block;
}

/* HORIZONTAL NAV */

#horiznav {
	background-color: #EBEDF3;
	float: left;
	width: 100%;
	margin-bottom: 1em;
}
#horiznav ul {
	margin: 0px;
	padding: 0px;
	width: 100%;
}


#horiznav  ul li {
	display: inline;
	font-size: 100%;
	color: #02356C;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #AEB7CE;
	float: left;
	height: 20px;
	padding-right: 3em;
	padding-left: 3em;
	font-weight: bold;
}
#horiznav ul li a {
	font-size: 100%;
	color: #002146;
	text-decoration: none;
	text-align: center;
	display: block;
	height: 16px;
	padding-top: 3px;
}
#horiznav ul li a:hover {
	color: #770000;
	text-decoration: underline;

}
#mainnav/* MAIN NAVIGATION */

 {
	float: left;
	width: 19%;
	font-size: 90%;
	background-color: #EBEDF3;
}

#mainnav ul, #mainnav ul ul {
	margin: 0px;
}

#mainnav ul li {
	list-style-type: none;
	display: block;
}

#mainnav ul li a {
	text-decoration: none;
	display:block;
	padding-top: 0.3em;
	padding-bottom: 0.2em;
	padding-left: 0.7em;
	padding-right: 0.5em;
	font-weight: bold;
	text-transform: uppercase;
	color: #002C5B;
	font-size: 105%;
}

#mainnav ul ul li {}
#mainnav ul ul li a {
	padding-left: 1.8em;
	font-weight: normal;
	padding-top: 0.1em;
	text-transform: none;
	color: #333333;
	background-image: url(images/bullet1.jpg);
	background-repeat: no-repeat;
	background-position: 9px 6px;
}

#mainnav ul ul ul {
	display: none;
}
#mainnav ul ul ul li {	}
#mainnav ul ul ul li a {
	color: #002163;
	padding-left: 2.7em;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 20px 5px;
}
#mainnav ul ul ul ul {
	display: none;
}
#mainnav ul ul ul ul li {}
#mainnav ul ul ul ul li a {
	padding-left: 3.7em;
	background-image: url(images/bullet2.jpg);
	background-position: 31px 6px;
	background-repeat: no-repeat;
}
#mainnav ul li a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #3D81B4;
}
#mainnav ul ul li a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #3D81B4;
	background-image: url(images/bullet1.jpg);
	background-repeat: no-repeat;
	background-position: 9px 6px;
}
#mainnav ul ul ul li a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #3D81B4;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 20px 6px;
}
#mainnav ul ul ul ul li a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #3D81B4;
	background-image: url(images/bullet2.jpg);
	background-repeat: no-repeat;
	background-position: 31px 6px;
}


#resources {
	width: 20%;
	float: right;
	margin-right: 2px;

}
#newsbox {
	border: 1px solid #AEB7CE;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
#newsbox   p  {
	text-align: right;
	font-size: 95%;
}


#newsbox ul {
	list-style-type: none;
}
#newsbox    ul li {
	background-image: url(images/bullet2.jpg);
	background-repeat: no-repeat;
	background-position: 9px 6px;
	font-size: 95%;
}
#content      #newsbox     a       {
	text-decoration: none;
	color: #03346F;
}
#content #newsbox a:hover {
	color: #8E2B2B;
}

#newsbox h3 {
	color: #033487;
	font-size: 95%;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0em;
	background-color: #EBEDF3;
	padding-top: 0.2em;
	padding-right: 0px;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
}


#resources .box {
	height: auto;
	width: 100%;
	position: relative;
	display:block;
	float: left;
}

#resources .box p {
	font-size: 90%;
	color: #333333;
	margin: 0px;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
}
#resources .box ul li {
	list-style-type: none;
	font-size: 90%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	margin-bottom: 0.3em;
	padding-bottom: 0.2em;
}
#resources .box ul li a {
	color: #033487;
	text-decoration: none;
}


#resources  .box, #socnetworks {
	border: 1px solid #AEB7CE;
	margin-bottom: .8em;
}
#resources #socnetworks p {
	margin-top: 0.2em;
	margin-left: 0.5em;
	font-size: 95%;
	color: #033487;
	margin-bottom: .2em;
	font-weight: bold;
}
#resources #socnetworks img {
	margin-bottom: 0.3em;
	margin-left: .5em;
}


#resources   .box   h3   {
	background-color: #EBEDF3;
	color: #033487;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 0.2em;
	padding-right: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	margin: 0px;
}

#relatedlinksbox {
	border: 1px solid #BFB9AE;
	padding: 0.6em;
	background-color: #FAF9F5;
	width: 80%;
	margin-right: 8%;
	margin-left: 9%;
	margin-bottom: 1em;
	float: left;
}
#relatedlinksbox h3 {
	font-size: 105%;
	color: #870505;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.7em;
	margin-left: 0px;
}
#relatedlinksbox p a {
	font-size: 95%;
}

#relatedlinksbox    a:link     {
	color: #433D34;
}


/*ALL DOCUMENT-RELATED TABLES*/

table.docs tr.table_head th{
/*display: none;*/
border-bottom:none;
}

table.docs {
width:99%;
margin: 0 0 10px 0;
}

table.docs td.col1 {
vertical-align:top;
padding:16px 0 14px 17px;
width:24%;
}

table.docs td.col2 {
vertical-align:top;
padding:16px 0 14px 0;
width:16%;
}

table.docs td.col3 {
vertical-align:top;
padding:16px 0 14px 0;
width:34%;
}

table.docs th {
border: none;
}

table.docs td {
border-top: 0px;
border-right: none;
border-left: none;
border-bottom: 1px dotted #CCC;
width: 30%;
/*font: normal 83% arial;*/
}

.no-border  {
border:none;
}

.nobottomborder {
border-bottom: none !important;
}

#content table.docs h2 {
	color: #000033;
	font-size: 110%;
	font-weight: bold;
	margin: 8px 0 0px 15px;
	padding:0;
	/*border-bottom: 2px dotted #CCC;*/
}

#content table.docs h3 {
	font-size: 96%;
	font-weight: bold;
	color:#555;
	margin:12px 0 0 0px;
	width: 98%;
	padding: 0px 0px 2px 16px;
	vertical-align:bottom;
	background-image: url(images/arrow2.gif);
	background-position: 2px 4px;
	background-repeat:no-repeat;
	border-bottom: 1px solid #AAA;
}



#content table.docs h2 a {
font-size:76%;
font-weight:normal;
vertical-align:bottom;
}



#content table.docs h3 a {
font-size:86%;
font-weight:normal;
vertical-align:bottom;
}


/* FOOTER BAR */

#footer {
	background-color: #010E16;
	color: #FFFFFF;
}

/* FOOTER */

#footer ul {
	margin-top: 0em;
}
#footer ul li  {
	display: inline;
}
#footer ul li a {
	color: #fff;
	text-decoration: none;
}
#footer ul li a:visited {
	color: #E1D7C1;
	text-decoration: none;
}

#footer ul li a:hover {
	text-decoration: underline;
	color: #E1D7C1;
}

#wsscredit {
	font-size: 90%;
	color: #333333;
	text-align: center;
}

.photoboxright {
width: 300px;
background-color: #D8E6F0;
border: 1px solid #C5D9E8;
padding: 10px;
margin: 0 0 10px 10px;
float:right;
}


.photoboxright img{
padding: 0;
margin: 0;
}

.photoboxright p {
font-size: 90%;
margin-top: 0px;
margin-bottom: 0px;
}

.photoboxright p.credit {
text-align:right;
margin-top: 0px;
margin-bottom: 0px;
}

#content p.p2 {
	font-size: 100%;
	padding: 0% 4% 3% 0%;
	display: block;
	border-bottom: 1px dotted #BBB
}

.sublist {
margin-top: 0.3em;
margin-bottom: 0px;
}

.anchorlinks {
width: 60%;
background-color: #DCE8F2;
border: 1px solid #C5D9E8;
}