body {margin:25px; Verdana,Arial}
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:30px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:136px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1}
ul.menu ul li a:hover {background-color:#c5c5c5}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {
	border:1px solid #aaa;
	padding:5px 7px 7px;
	font-weight:bold;
	background:url(images/header.gif);
	width:122px;
	color: #FFF;
	text-align: center;
}
ul.menu .menulink2 {
	border:1px solid #aaa;
	padding:5px 7px 7px;
	font-weight:bold;
	background:url(images/DPI.gif);
	width:122px;
	color: #FFF;
	text-align: center;
}

ul.menu .menulink3 {
	border:1px solid #aaa;
	padding:5px 7px 7px;
	font-weight:bold;
	background:url(images/MSD.gif);
	width:122px;
	color: #FFF;
	text-align: center;
}
ul.menu .menulink4 {
	border:1px solid #aaa;
	padding:5px 7px 7px;
	font-weight:bold;
	background:url(images/international.gif);
	width:122px;
	color: #FFF;
	text-align: center;
}
ul.menu .menulink5 {
	border:1px solid #aaa;
	padding:5px 7px 7px;
	font-weight:bold;
	background:url(images/Operations.gif);
	width:122px;
	color: #FFF;
	text-align: center;
}

ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif)}
ul.menu .menulink2:hover, ul.menu .menuhover {background:url(images/DPI_2.jpg)}
ul.menu .menulink3:hover, ul.menu .menuhover {background:url(images/Members_Services_Department.jpg)}
ul.menu .menulink4:hover, ul.menu .menuhover {background:url(images/International_Relation.jpg)}
ul.menu .menulink5:hover, ul.menu .menuhover {background:url(images/Operations.jpg)}
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}



/*
	Featured Content Slider
	by: Chris Coyier
*/
*											{ margin: 0; padding: 0; }
body 										{ font-family: Arial, Helvetica, sans-serif;  }

					  				  
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}

.clear 										{ clear: both; }
a											{ outline: none; }


/*
	PAGE STRUCTURE
*/
#page-wrap 									{
	width: 446px;
	height: 10px;
}


/*
	TYPOGRAPHY
*/


/*
	SLIDER
*/
.slider-wrap								{
	width: 446px;
position:top: 0px;  	height: 10px;
}			
.stripViewer .panelContainer 
.panel ul									{
	padding: 0px;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	top: 0px;
	clip: rect(0px,auto,auto,auto);
}
.stripViewer								{ position: relative; overflow: hidden; width: 446px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 446px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{
	border: 1px solid #666;
	margin-right: 5px;
	top: 0px;
	clip: rect(0px,auto,auto,auto);
		position: relative;

}
#movers-row									{
	margin: -43px 0 0 47px;
	top: 0px;
	clip: rect(0px,auto,auto,auto);
}
#movers-row div /* bottom icons*/								{
	width: 75px;
	float: left;
}
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{
	background: url(images/transpBlack.png);
	padding: 10px;
	height: 25px;
	margin-top: -45px;
	position: relative;
	z-index: 9999;
	color: white;
	width: 446px;
	text-align: center;
}
.photo-meta-data span 						{ font-size: 15px; }
.cross-link									{
	display: block;
	width: 47px;
	margin-top: -29px;
	position: relative;
	padding-top: 15px;
	z-index: 9999;
	top: 5px;
	clip: rect(10px,auto,auto,auto);
}
.active-thumb 								{
	background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat;
	top: 0px;
	clip: rect(0px,auto,auto,auto);
}