@import url("css/menu.css");

/* CSS Document */
*
{
	margin: 0;
	padding: 0;
}

body
{
	background:#fff;
	color: #000;
	height:100%;
	margin:0px;
	padding:0px;
}

/*-------- Default Style --------*/
body,th,td,div,p,table,h1,h2,h3,h4,h5,h6.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, input
{
	font-family: Georgia, Arial, Helvetica, sans-serif
}

body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead
{
	font-size:12px;
}

img
{
	/*behavior: url(/iepngfix.htc);*/
	border: 0;
}

h1
{
	color: #000;
	font-family: "Franklin Gothic Medium Cond", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
}

h2
{
	color: #000;
}

h3
{
	color: #000;
	font-weight: bold;
}

ul,ol
{
	margin: 0 0 0 15px;
}

a,a:link,a:visited,a:active
{
	color:#f00;
	text-decoration:underline;
	font-weight:normal;
}

a:hover
{
	text-decoration:none!important;
}

p, li, td, div
{
	letter-spacing: 1px;
}

div p:last-child
{
	margin-bottom: 0;
}

dt
{
	background-color: #000;
	color: #fff;
	padding: 4px 8px;
}

dd
{
	margin: 4px 0 22px 0;
}

/*----- Admin stuff ------*/
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox {font-family:Georgia, Arial, Helvetica, sans-serif!important;}
.Head{color:#000;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}

/*-------- wrapper style --------*/
div.outer_wrapper
{
	width: 100%;
}

div.inner_wrapper
{
	margin: 0 auto;
	width: 1115px;
}

div.menu_wrapper
{
	clear: both;
	float: left;
	margin: 0 0 28px 0;
	width: 1115px;
}

div.logo_wrapper
{
	clear: both;
	float: left;
	margin: 0 0 20px 0;
	padding: 0 0 0 226px;
}

div.content_wrapper
{
	float: left;
	padding: 0 0 0 281px;
	width: 834px;
}

div.content_wrapper_home
{
	float: left;
	width: 100%;
}

div.bottom_wrapper
{
	float: left;
	padding: 20px 162px 20px 281px;
	width: 672px;
}

/*--------- pane style ----------*/
div.leftmenupane
{
	background-color: black;
	float: left;
	text-align: right;
	padding: 18px 27px 8px 27px;
	width: 197px;
}


div.menupane
{
	background-color: black;
	float: left;
	text-align: right;
	margin: 0 30px 0 30px;
	padding: 18px 20px 8px 20px;
	width: 630px;
}

div.rightmenupane
{
	background-color: black;
	float: left;
	height: 12px;
	text-align: left;
	padding: 18px 27px 8px 27px;
	width: 79px;
}

div.submenupane
{
	background-color: #ddd;
	float: left;
	padding: 18px 27px 8px 27px;
	width: 616px;
}

div.mediapane
{
	background-color: #ddd;
	float: left;
	padding: 0;
	width: 670px;
}

div.contentpane
{
	background-color: #ddd;
	float: left;
	padding: 20px 23px 0 27px;
	width: 620px;
}

div.contentpanenopadding
{
	background-color: #ddd;
	float: left;
	padding: 20px 0 0 0;
	width: 670px;
}

div.contentpane_home
{
	background-color: transparent;
	float: left;
	width: 100%;
}

div.innercontentpane
{
	padding: 0 10px 10px 10px;
}

div.bottompane
{
	float: left;
	width: 300px;
}

/*---- special actions page ---- */
div.actionpagewrapper
{
	padding: 0 0 18px 0;
}

div.centraltoppane
{
	background-color: #d9d9d9;
	float: left;
	padding: 0;
	width: 670px;
}

div.lefttoppane
{
	
}

div.leftmiddlepane
{
	
}

div.leftbottompane
{
	
}

div.rightbottompane
{
	
}

div.centralbottompane
{
	background-color: #ddd;
	float: left;
	padding: 8px 27px;
	width: 616px;
}

/*-------- other style ---------*/
div.copyrightblock
{
	float: left;
	font-family: Arial,Helvetica,Sans-Serif!important;
	font-size: 11px;
	margin-top: 5px;
	width: 140px;
}

div.socialblock
{
	float: right;
	padding: 10px 187px 0 0;
}

div.userblock
{
	clear: both;
	float: left;
	padding: 10px 0 0 0;
	width: 100%;
}

/*--------- menu ---------*/
ul.topmenu
{
	margin: 0;
	white-space: nowrap;
}

ul.topmenu
{
	float: right;
}

div.submenupane ul.topmenu, div.bottompane ul.topmenu
{
	float: left;
}

ul.topmenu li
{
	list-style-type: none;
	font-size: 9px;
	float: left;
	letter-spacing: 2px;
	text-transform: uppercase;
}

ul.topmenu li
{
	font-family: Arial,Helvetica,Sans-Serif;
	margin: 0 0 0 15px;
}

div.submenupane ul.topmenu li, div.bottompane ul.topmenu li
{
	letter-spacing: 1px;
	margin: 0 15px 0 0;
}

ul.topmenu li a:link, ul.topmenu li a:visited
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

div.bottompane ul
{
	padding-top: 7px;
}

div.bottompane ul.topmenu li a:link, div.bottompane ul.topmenu li a:visited
{
	font-weight: normal;
}

div.submenupane ul.topmenu li a:link, div.submenupane ul.topmenu li a:visited, div.bottompane ul.topmenu li a:link, div.bottompane ul.topmenu li a:visited
{
	color: #000;
}

ul.topmenu li a:hover
{
	text-decoration: underline !important;
}

ul.topmenu li a.currentpagelink:link, ul.topmenu li a.currentpagelink:visited
{
	color: Red !important;
}

span.nomenulink
{
	color: #999;
}

a.socialmediaicon
{
	margin-left: 8px;
}

/* Clearfix */
div.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.clearfix 
{
    display: inline-block;
}

/* Hides from IE-mac \*/
* html div.clearfix
{ 
    height: 1%;
}

div.clearfix 
{
    display: block;
	height: 100%;
}
/* End hide from IE-mac */

/*-------- blocks ----------*/
div.contentcolumn
{
	float: left;
	/*font-family: Arial,Georgia,Helvetica,Sans-Serif;*/
	width: 300px;
}

div.rightcontentcolumn
{
	/*background: #e9e9e9;*/
	margin-left: 16px;
}

div.contentcolumn a
{
}

/*-------- articles --------*/
div.article
{
	clear: both;
	float: left;
	margin: 0 0 20px 0;
	width: 612px;
}

div.home_article
{
	float: left;
	margin: 0 0 20px 0;
	width: 700px;
}

div.article h1
{
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0 0 15px 0;
	text-transform: uppercase;
}

div.article h2
{
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0 0 15px 0;
	text-transform: uppercase;
}

div.article a:link, div.article a:visited
{
	font-family: Arial,Helvetica,Sans-Serif;
}

div.article a.title:link, div.article a.title:visited
{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

div.article a.title:hover
{
	text-decoration: underline !important;
}

div.article div.articletitle
{
	clear: both;
	float: left;
	width: 100%;
}

div.article div.articlesummary
{
	clear: both;
	float: left;
	width: 100%;
}

div.article div.articlesummary  p
{
	letter-spacing: 1px;
}

div.article div.articlesummary div.thumb
{
	float: left;
	padding: 0 17px 0 0;
}

div.article div.articletitle div.back
{
	float: right;
	margin-top: -30px;
	text-align: right;
}

div.article div.articletitle div.back a:link, div.article div.articletitle div.back a:visited
{
	color: #999;
	font-family: Arial,Helvetica,Sans-Serif;
	font-weight: bold;
	text-transform: uppercase;
}

div.articlemedia
{
	padding: 0 0 20px 0;
}

div.articlemedia p.mediainfo
{
	background-color: #000;
	color: #fff;
	display: none;
	font-size: 12px;
	margin: 319px 0 0 0;
	padding: 8px;
	position: absolute;
	opacity: 0;
	text-align: right;
	width: 230px;
	z-index: 10;
}

div.articlemedia p.mediaicon
{
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: left;
	width: 49px;
	z-index: 10;
}

div.articlemedia p.mediacontent
{
	top: 0;
	float: left;
	left: 0;
	position: relative;
	z-index: 5;
}

.highlight, .highlight p
{
	font-size: 17px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 21px;
}

div.article div.articlesummary .superhighlight
{
	font-size: 20px;
	font-style: italic;
	width: 670px;
}

div.article div.articlefooter
{
	clear: both;
	float: left;
	width: 100%;
}

div.article a.more
{
	color: red;
	font-size: 11px;
	text-transform: uppercase;
}

/*----- Slide Show ------*/
/*preload*/
.svw
{
	background: transparent;
	height: 100px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

.svw ul
{
	position: relative;
	left: -999em;
}
 
/*core classes*/
.stripViewer {
	position: relative; 
	overflow: hidden;
	border: 0;   
	margin: 0 0 1px 0 !important;
}

.stripViewer ul { /* this is your UL of images */ 
	margin: 0;
	padding: 0;
	position: relative; 
	left: 0; 
	top: 0; 
	width: 1%; 
	list-style-type: none;
}

.stripViewer ul li {
	float:left; 
	list-style-type: none;
	margin: 0;
}

.stripTransmitter { 
	overflow: auto; 
	width: 1%; 
} 

.stripTransmitter ul {
	margin: 0;
	padding: 0;
	position: relative;
	list-style-type: none;
}

.stripTransmitter ul li{ 
	width: 30px; 
	float:left; 
	margin: 0 1px 1px 0; 
	list-style-type: none;
}

.stripTransmitter a:link, .stripTransmitter a:visited { 
	font: bold 10px Verdana, Arial;
	text-align: center;
	line-height: 22px;
	background: #ff0000;
	color: #fff;
	text-decoration: none;
	display: block;
} 
.stripTransmitter a:hover, a.current {
	background: #fff !important; 
	color: #ff0000 !important; 
} 

div.linkslist
{
	margin: 0 0 22px 0;
}

/*tooltips*/ 
#tooltip { 
	background: #fff; 
	color: #000; 
	opacity: 0.85; 
	border: 5px solid #dedede; 
} 
#tooltip h3 {  
	font: normal 10px Verdana;  
	margin: 0;  
	padding: 6px 2px;  
	border: 0; 
}



/*------ Styles for the video script ------*/
#myController span.jFlowControl
{
	display: none;

}

#jFlowSlide
{
}

#myController span.jFlowSelected
{
	background:#F00;
}

.jFlowPrev, .jFlowNext
{
	cursor:pointer;
}

.jFlowPrev
{
	background: transparent url(images/leftbutton_off.png) no-repeat;
	behavior: url(/iepngfix.htc);
	height: 500px;
	position: absolute;
	width: 281px;
	z-index: 20;
}

.FlowHover
{
	background: transparent url(images/leftbutton_off.png) no-repeat;
}

.jFlowNext
{
	background: transparent url(images/rightbutton_off.png) no-repeat;
	behavior: url(/iepngfix.htc);
	height: 500px;
	margin-left: 951px;
	position: absolute;
	width: 160px;
	z-index: 21;
}

.FlowNext
{
	background: transparent url(images/rightbutton_on.png) no-repeat;	
}

#mySlides div
{
	width: 700px;
}

/*------ Conflict ------*/
div.conflict h1
{
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 15px 0;
	text-transform: uppercase;
}

div.conflict h2
{
	clear: both;
	float: left;
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	margin: 25px 0 15px 0;
	text-transform: uppercase;
	width: 100%;
}

div.conflict div.conflictdescription
{
	float: left;
	width: 272px
}

div.conflict div.conflictmap
{
	float: right;
	width: 343px
}

div.conflict div.conflicticons
{
	clear: both;
	float: left;
	padding: 0 0 10px 0;
	width: 100%;
}

div.conflict div.conflicttoggle
{
	clear: both;
	float: left;
	width: 100%;
}

/*------ Give ------*/
div.givebutton
{
	cursor: pointer;
	margin: 0 auto 15px;
	width: 213px;
}

/*------ RSS template styles ------*/
div.rssItem
{
	margin: 0 0 20px 0;
	width: 100%;
}

div.rssItem h2
{
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 12px;
	font-style: normal;
	margin: 0;
	text-transform: uppercase;
}

div.rssItem h2 a:link, div.rssItem h2 a:visited
{
	color: #000;
	font-family: Arial,Helvetica,Sans-Serif;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

div.rssItem h2 a:hover
{
	text-decoration: underline !important;
}

div.rssItemPubDate
{
	color: #666 !important;
	width: 100%;
	font-size: 11px;
	font-style: italic;
}

div.rssItemDescription
{
	color: #666;
	width: 100%;
}

/* Default RSS layout */
li.dRotatorItem
{
margin-bottom: 15px;
}

li.dRotatorItem a:link, li.dRotatorItem a:visited
{
font-weight: bold;
text-decoration: none;
}

li.dRotatorItem a:hover
{
text-decoration: underline !important;
}


/*---- List Indent ----*/
ul.indentlist
{
	margin-left: 0;
}

ul.indentlist li
{
	background: transparent url(images/list-style-stick.gif) no-repeat 0 5px;
	list-style-type: none;
	padding: 0 0 5px 12px;
	line-height: 15px;
}

/*---- Tables ----*/
table.gridtable
{
	background-color: white;
}

table.gridtable th
{
	background-color: #036;
	color: #fff;
	font-family: Arial,Helvetica,Sans-serif;
	font-weight: bold;
	border-bottom: solid 1px #000;
	padding: 4px 0 4px 0;
	text-align: center;
}

table.gridtable tr.HTblRowAlt
{
		background-color: #e9e9e9;
}

table.gridtable td
{
	border-bottom: solid 1px #000;
	padding: 2px 0 2px 0;
}

/* In Focus */
h1.pagetitle
{
	background: transparent url(images/title-in-focus-lubanga-chronicles.gif);
	height: 45px;
	text-indent: -9999px;
	width: 378px;
}

h1.pagetitle-child-sex-slavery
{
	background: transparent url(images/title-in-focus-child-sex-slavery.gif);
	height: 58px;
	text-indent: -9999px;
	width: 500px;
}

h1.infocus-take-action
{
	background: transparent url(images/header-take-action.jpg);
	height: 220px;
	text-indent: -9999px;
	width: 670px;
}

h1.infocus-definitions-resources
{
	background: transparent url(images/header-definitions-resources.jpg);
	height: 220px;
	text-indent: -9999px;
	width: 670px;
}