/*@charset "utf-8";*/
body  {

	font-family:tahoma;
	font-size:11px;
	color:#555555;
	line-height:14px;
	margin: 0;
	padding: 0;
	text-align: center;
	
}

a {text-decoration:underline;
   color:#295D82;}

.thrColFixHdr #container { 

	width: 780px;
	background: #FFFFFF url(../images/unmil_bg1.gif) repeat-y;
	margin: 0 auto;
/*border: 1px solid #000000;*/
	text-align: left;
} 
.thrColFixHdr #header { 
/*background: #DDDDDD;*/ 
	}




.thrColFixHdr #header img {

/*width: 780px;*/
/*height: 88px;*/
border: none;
}
	 
.thrColFixHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.thrColFixHdr #sidebar1 {

	float: left;/* since this element is floated, a width must be given */
	width: 170px;/* CHAGE FROM 160 TO 170 TO MAKE SPACE FOR HC. the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
/*background: #295D82 url(../images/bg1.gif) no-repeat;*/
padding: 10px 10px 10px 10px;/*padding keeps the content of the div away from the edges */
/*border: 1px #000000 solid;*/
margin-bottom: 5px;
/*border: 1px #ab294d solid;*/
}

.thrColFixHdr #sidebar1 ul {margin:0; padding:0; list-style:none}

.thrColFixHdr #sidebar1 ul li {background:url(../images/a2.gif) center left no-repeat; margin:0 0 0 0px; padding:0 0 0 23px; line-height:20px
}

.thrColFixHdr #sidebar1 ul li a {color: #363636}

.thrColFixHdr #sidebar1 ul li a:hover {text-decoration:underline}

.thrColFixHdr #sidebar1 a { color:#ffffff; text-decoration:none}

.thrColFixHdr #sidebar1 a:hover {text-decoration:underline}

.thrColFixHdr #sidebar1 strong { color: #3076c1;}
.thrColFixHdr #sidebar1 span a {text-decoration:underline}
.thrColFixHdr #sidebar1 span a:hover {text-decoration:none}

.thrColFixHdr #sidebar2 {
	float: right;/* since this element is floated, a width must be given */
	width: 180px;/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
padding: 10px 0px 10px 0px;/*padding keeps the content of the div away from the edges */
/*border: 1px #000000 solid;*/}

.thrColFixHdr #sidebar2 ul {margin:0; padding:0; list-style:none}

.thrColFixHdr #sidebar2 ul li {background: no-repeat left; margin: 0em 0em 0em 15px ;line-height:20px;
list-style-image: url(../images/a.gif);
}

.thrColFixHdr #sidebar2 ul li a:hover {text-decoration: none}

.thrColFixHdr #sidebar2 span strong { color:#FFFFFF; text-transform:uppercase; font-size:11px;}
.thrColFixHdr #sidebar2 span { font-size:9px; font-weight:bold}
.thrColFixHdr #sidebar2 strong { text-transform:uppercase}


.docx {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 15px;
border-left: 1px #dddddd dotted;
padding-top: 0px;}

.read {
/*background-image: url(../images/sbbg.gif);*/
background-repeat: no-repeat;
border: 1px #dddddd solid;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 15px;
/*height: 600px;*/}

/*.read img {
border: none;
width: 57px;
text-align: left;
margin-right: 12px;
float: left;}*/

img#imgbullets {
border: none;
width: 57px;
text-align: left;
margin-right: 12px;
float: left;}

#publications {
}

#publications img {border: none;
width: 57px;
margin-right: 12px;
float: left;
margin-bottom: 12px;}




.read a { color:#555555}
.read strong { color:#4E7D95}

.underread {
padding-top: 10px;
}

.underreadunliberia {
padding-top: 0px;
}

.underread img {
border: 1px #d6d6d6 solid;
width: 178px;}

img.imagesurvey  {
/*border: 1px #d6d6d6 solid;*/
width: 159px;
border: none;}

.underreadunliberia img {
border: 1px #d6d6d6 solid;
width: 178px;}


.thrColFixHdr #mainContent { 

	margin: 0 200px;/* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
/*border: 1px #893523 solid;*/
padding-top: 10px;}




.titleheadingblue {
background-image: url(../images/bg2.gif);
background-repeat: no-repeat;
height: 22px;
margin-top: 5px;
text-transform: uppercase;
color: #ffffff;
padding-left: 5px;
padding-top: 4px;}

.titleheadingred {
background-image: url(../images/bg3.gif);
background-repeat: no-repeat;
height: 22px;
/*margin-top: 5px;*/
text-transform: uppercase;
color: #ffffff;
padding-left: 5px;
padding-top: 3px;}

 
.thrColFixHdr #footer { 
color:#ffffff;
	padding: 20px 0px 20px 20px;/* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#515151;
height: auto;
border-top: 2px #f8f8f8 solid;} 
.thrColFixHdr #footer p {
/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0;/* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
margin-top: 0px;
margin-left: 0em;
margin-bottom: 0em;
margin-right: 0em;}

.thrColFixHdr #footer a {
text-decoration: none;
color: #ffffff;}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat {/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.lines {
width: 100%;
height: 3px;
background-color: #8a8a8a;}

.bottomline {
background-color: #ececec;
margin-top: 4px;}


#closedall {width: 780px;
	background: #FFFFFF;
	margin: 0 auto;}
	
/*header below start here*/	
	
.thrColFixHdr #headerbelow {
/*background-color: #ffffff;*/}	

#framecontent {

width: 180px;/*Width of frame div*/
height: 100px;
overflow: hidden;/*Disable scrollbars. Set to "scroll" to enable*/
color: white;
margin: 0em;
/*border: 1px #000000 solid;*/
background-color: #ffffff;}

#maincontentup {
position: inherit;
top: 0; 
left: 180px;/*Set left value to WidthOfFrameDiv*/
right: 0;
bottom: 0;
overflow: auto; 
background: #ececec;
/*border: 1px #000000 solid;*/
width: 599px;
margin-left: 180px;
height: 100px;
margin-top: -103px;}

/*#maincontentup #innertube {}


#maincontentup #innertube img {}*/

ul#headbelow {
margin: 0em;
padding: 0em;
/*border: 1px #000000 solid;*/}

ul#headbelow li {
float: right;
list-style-type: none;
/*border: 1px #000000 solid;*/
width: 288px;
padding-top: 10px;
padding-bottom: 10px;
/*padding-right: 5px;*/}

ul#headbelow li img {
height: 80px;
margin-right: 10px;}


/*below under ends here*/
#spacers {
width: 1px;
height: 20px;}

.spacesindex {
width: 1px;
height: 20px;}

/*index inner style starts here*/
.news {
width: 100%;
	height: auto;
margin-top: 12px;}

.more {
margin-top: 3px;
margin-bottom: 10px;}

.news .headline {
/*color: #1352C7;*/
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 11px;
text-transform: uppercase;}

.news .image {
	float: left;
	width: 85px;
	height: 62px;
	border: 1px #d3d3d3 solid;
padding: 2px;
	/*border: 1px solid #ddd;*/
/*padding: 2px;*/
	margin: 0em 18px 0px 0px;
}

.news .summary {
	float: right;
/*width: 82%;*/
}

.byline {
/*color: #333;*/
}

.timestamp {
color: #555555;
font-weight: bold;
font-size: 9px;}

a#fordetails {
float: right;}

#mclearfloat {
height: 5px;}

/*end here index iner*/

/*photo gallery*/

.mainbox {
	width: 100%;}

.mainbox img {
width: 100%;
margin-bottom: 6px;
border: 1px #b2b2b2 solid;
/*padding: 2px;*/}


/*INSIDE UNMIL STARTS HERE*/

.stepcarousel{
position: relative;/*leave this value alone*/
/*border: 1px solid navy;*/
overflow: scroll;/*leave this value alone*/
width: 570px;
height: 98px;/*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{

position: absolute;/*leave this value alone*/
left: 0;
top: 0;
/*border: 1px orange solid;*/
width: 568px;}

.stepcarousel .panel{

float: left;/*leave this value alone*/
overflow: hidden;/*clip content that go outside dimensions of holding panel DIV*/

/*margin: 10px;*//*margin around each panel*/
width: 250px;/*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
margin-top: 10px;}

.stepcarousel .panel img{
height: 80px;
margin-right: 14px;
float: left;
border: 1px #b2b2b2 solid;
padding: 2px;
margin-left: 14px;}

#scrollerbutton {
position: absolute;
margin-top: -60px;
margin-left: 760px;}

#scrollerbutton img {
border: none;}



strong.righttitle {
text-transform: uppercase;
color: #555555;}

#cont-section {
/*font: 13px Arial, Verdana, Geneva, Sans-Serif;*/
	font-weight: bolder;
	color: #cc6600;
	margin: 3px 0 10px 0;
	padding: 5px 0 5px 0;
	/*border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #999;*/
text-transform: uppercase;
font-size: 15px;
line-height: 130%;
letter-spacing: 1px;}



#cont-resource {
	width: 205px;
	background: #f8f8f8;
	border: 1px solid #ddd;
	text-align: left;
	vertical-align: baseline;
	position: relative;
	padding: 2px;
	margin: 6px 0 5px 5px;
	color: #555;
	float: right;
	display: inline;
	z-index: 10;
}

#cont-img {
	width: 203px;
/*padding-bottom: 2px;*/
	margin-bottom: 1px;
/*border-bottom: 1px solid #ccc;*/
}

p.caption {

padding-bottom: 2px;
	margin: 0;
padding-left: 2px;
padding-right: 2px;
font-size: 11px;}

.bold {
font-size: 10px;
	font-weight: bold;
	padding-left: 2px;
margin-bottom: 0em;}
	
	.resource{
	margin-top: 0.15em;
	padding: 0;
}

h1.headline {
	color: #4E7D95;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 11px;
}

.byline {}

.resource{
	margin-top: 0.15em;
/*padding: 0;*/
	
	padding-bottom: 2px;
	padding-left: 2px;
padding-right: 2px;
font-size: 10px;
}



ul#resourcees {
margin-top: 0em;}


/** Forms ************************************************************************/

label {
	display:block;
	margin-top:1em;
	font-weight:bold;
}

label em {
	font-weight:normal;
	font-style:normal;
	font-size:0.94em;
}

legend {
	margin:0;
	padding:0;
	color:#000;
	font-weight:bold;
}

input.txt {
	display:block;
	width:100%;
	color:#000;
	background:#fff;
	border: 1px solid #aaa;
}

input.btn {
	padding:0 0.25em;
}

textarea.txt {
	display:block;
	width:100%;
	height: 220px;
	color:#000;
	background:#fff;
}

input.txt:focus, input.txt:hover, textarea.txt:focus, textarea.txt:hover {
	border: 1px solid #07a;
}

/*SLIDE SHOW*/

#slideshows {
margin-top: 4px;}



#slideshows a:link, #slideshows a:visited, #slideshows a:active {
text-decoration: none;
color: #1352C7;}

#slideshows a:hover {
text-decoration: underline;}

#newsarchives {text-align: right;
font-weight: bold;
margin-bottom: 10px;}



#newsarchives a:link, #newsarchives a:visited, #newsarchives a:active, #newsarchives a:hover {
}

.senioroff {
font-size: 11px;}

.senioroff img {
	background: #fff;
	border: 1px solid #ddd;
	text-align: left;
	vertical-align: middle;
	position: relative;
	padding: 2px;
	margin: auto 5px auto auto;
width: 80px;}


.senioroff a {}

.senioroff a:hover {}

.offbio img {
	background: #fff;
	border: 1px solid #ddd;
	text-align: left;
	vertical-align: middle;
	position: relative;
	padding: 2px;
	margin: auto 5px auto auto;
	float: left;
}



#cont-resource select {
width: 100%;
font-size: 9px;}

#cont-resource input {
color: #38383a;
background-color: #dde0e3;
/*height: 20px;*/
font-size: 9px;
vertical-align: middle;
margin-top: 2px;}

/*photo galler page*/

#photoarch {
	width: 130px;
	height: 750px;;
}

#photoarchdetail {
	width: 375px;
	height: 500px;;
}


#fotoarch #caption {
	background: #f5f5f5;
	text-align: left;
	padding: 2px;
	font: 10px Arial, Helvetica, sans-serif;
}

.thrColFixHdr #mainContentphoto { 

	margin: 0em 10px 0em 200px;/* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
/*border: 1px #893523 solid;*/
padding-top: 10px;
width: 555px;}

#fotoarchgrid .thumb {
	background: #fff;
	border: 1px solid #ddd;
	float: left;
	overflow: hidden;
	width: 50px;
	height: 40px;
	padding: 2px;
	margin: 5px;
}

#fotoarch {
	border: 1px solid #ddd;
	padding: 2px;
	vertical-align: middle;
	width: 365px;
}

#fotoarchgrid {
	padding: 2px;
	width: 140px;
}

.detailimg {
	width: 365px;
}

#fotoarch #caption {
	background: #f5f5f5;
	text-align: left;
	padding: 2px;
	font: 10px Arial, Helvetica, sans-serif;
}


#heads-title {
color: #cc6600;
text-transform: uppercase;
font-weight: bold;
border-top: 1px #dbdbdb solid;
border-bottom: 1px #dbdbdb solid;
padding-top: 3px;
padding-bottom: 4px;
font-size: 13px;
margin-top: 10px;}

#imageholderz {
margin-top: -10px;
margin-left: -6px;}

#imageholderz img {}