/*----------------------------

Style Sheet for WLW
Version:1.0
Code: Kyle
References: resets-fonts-grids.css
(which provides structure/grid/default fonts)

Gray Background : #d0d2d2
Light Gray Background : #F7F7F7
Orange : #eb8734
Fuschia : #bf288e
Lighter Fuschia:  #d542a5
Dark Gray : #757575
"Double" Dark Gray :#666666
Text Dark Gray : #000000
16.384 width of 214 for sidebar 15.989 for IE

-----------------------------*/

body {
	font-family:Verdana;
	background-color:#d0d2d2!important;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

h1 a img {
	margin-top:10px;
	border:0px;
}

#hd a {
	float: left;
	}

h1 span {
	margin-top:0px;
	margin-right:-120px;
	padding-bottom:20px;
}

#hd h1 {
	font-family:Trebuchet MS;
	font-size:13px;
	padding: 19px 0px 24px 250px;
	margin:0 0 0 0;
	vertical-align:center;
	}
	
a {
	color:#000;
}

a:hover {
	color:#bf288e;
}

b, strong {font-weight:bold;}
i, em {font-style:italic;}

/*-- Navigation Section --*/


.nav-links {
	margin-left:20.3846em;*margin-left:19.8933em; /*-- 265px but calculated in ems... ----*/
	float:left;
	/* width:697px; revert to this once sixth navigation item is removed */
	width:794px;
	}

.nav-links li, .nav-links td {
	width:109px; /*-- 1/5 of 546 --*/
	height:45px;
	text-align: center;
	float:left;
	background-color:#bf288e;
	display: block;
	}

.nav-links td a {
	color: #FFFFFF;
	font-size:13px;
	font-family: Trebuchet MS;
	font-weight: 200;
	text-decoration: none;
	display:block;
	width:109px;
	padding: 12px 0px 18px 0;
	}

.nav-links li a:hover, .nav-links-li-a-hover, .nav-links td a:hover, td.nav-links-li-a-hover a {
	background-image: url('../globalimages/nav-hover-bg.jpg');
	background-repeat: no-repeat;
	color: #bf288e;
	}

td.nav-side-li {
	background-color: #d0d2d2;
	padding-left: 0px;
	}

.nav-side-li table {
	padding:0px;
	margin:0px;
	}

td.nav-side-li td, td.nav-side-li td a:hover {
	background-color:#d0d2d2;
	width:140px;
	height:10px;
	}

.nav-side-li table td a, td.nav-side-li {
	width:140px;
	padding:0px;
	}



/*-- "Side" Navigation Section --*/
	
	#nav-side-links ul {
		background-color: #d0d2d2;
		color:#bf288e;
		height:45px;
		}
	
	#nav-side-links li {
		font-family: Georgia;
		font-size:11px;
		display:block;
		margin:-2px 0 -3px 4px; /*-- squeezes the links together --*/
		color:#bf288e;
		background-color: #d0d2d2;
		padding:0px;
		width:120px;
		float:none;
		height: auto;
		text-align: left;
		}
		
	#nav-side-links li a {
		border:none;
		font-family: Helvetica;
		font-size:9px;
		padding:0px 0px 0px 4px;
		color: #000000;
		text-transform:uppercase;
		text-decoration: none;
		display:inline;	
		}
		
	#nav-side-links li a:hover {
		color:#666666;
		background-image: none;
		}

/*-- Primary Content Section --*/

#primary-content {
	background-color: #FFFFFF;
	margin:0;
	border-top:1px solid #FFF;
	}

#primary-content h2 {
	font-family: Georgia;
	font-size:123.1%;
	color:#FFFFFF;
	background-color: #eb8734;
	border-bottom:1px solid #FFF;
	padding:12px 20px 6px 23px;
	margin:0;
	}

	a.read-more {
		color: #bf288e;
		font-family: Helvetica;
		font-size: 60%;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		padding-left: 4px;
		visibility: visible;
		}

	#primary-content .accordion_toggle_active {
		color:#eb8734;
		background-color: #FFFFFF;
		}
		
.accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
	padding:0px 20px 0px 23px;
	}

	.accordion_toggle {
		padding:0px 20px 0px 0px;
		cursor:pointer;
		}

.accordion_content_article {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
	}
	
	.accordion_content p {
		font-size:11px;
		line-height: 150%;
		padding: 5px 10px 10px 0px;
		}


/*-- ARTICLE PAGE Styles --*/

#article div, #overview div, #analysis div {
	font-size:11px;
	}


#article ul, #overview ul, #article ol, #overview ol {
	padding:0px 60px 10px 14px;
	}

#article li, #overview li {
	font-size: 11px;
	padding:4px 0;
	list-style: disc;
	}

/*-- Related Documents --*/

#article .accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
	padding:0;
	line-height:0px;
	height:0px;
	display:inherit;
	}
		
	#article .accordion_content div {
		padding: 5px 20px 5px 26px;
		border-top: 1px solid #d0d2d2;
		background-image: url(../globalimages/pdf-icon.gif);
		background-repeat: no-repeat;
		background-position: 7px 5px;
		line-height:14px;
		}
	
	#article .accordion_content div a {
		
		padding:3px 20px 3px 0px;
		}
		
	#article .accordion_toggle {
		padding:0px 0px 0px 0px;
		display:block;
		}

#article .accordion_content_article {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
	}
	
	#article .accordion_content p {
		line-height: 150%;
		padding: 5px 10px 10px 0px;
		}

#article .article-drawer {
	width:460px;
	padding-bottom:10px;
	}

#article .article-drawer h2 {
	background-color: #d0d2d2;
	color:#000;
	font-size:11px;
	font-family: "Verdana";
	padding:2px 0 2px 20px;
	border-top:1px solid #FFF;
	}

#article .accordion_toggle {
	background-image: url(../globalimages/article-link-right-pointer.gif);
	background-repeat: no-repeat;
	background-position: top left;	
	}
	
#article .accordion_toggle_active {
	background-image: url(../globalimages/article-link-down-pointer.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}



#article dd {
	background-color: #FFFFFF;
	}

#article dd a {
	width:460px;
	}

dl#related-article-list {
	margin:0 auto;
	border-top:0
	}
	
dt.related-article-title {
	zoom:1;cursor:pointer;
	text-decoration:none;
	display:block;
	padding:0px;
	}
	
.showDD {
	position:relative;
	top:0;
	margin:0px
	}

dd.related-article-sublist,.hideDD{
	top:-9999px;
	left:0;
	position:absolute
	}
/*\*//*/
dl .showDD {display:block}
dl dd,.hideDD {top:0;position:relative;display:none}
/**/

	
	#article .article-drawer .accordion_content div {
		border-top: 1px solid #d0d2d2;
		background-color: #FFF;
		font-family: Verdana;
		font-size: 9px;
		}

	#article .article-drawer  .accordion_content div:hover  {
		border-top: 1px solid #d0d2d2;
		background-color: #eb8734;
		}
	
	#article .article-drawer .accordion_content div a {
		text-decoration:none;
		}
	#article .article-drawer .accordion_content div a:hover {
		background-color: #eb8734;
		text-decoration:none;
		font-family: Verdana;
		font-size: 9px;
		color:#FFF;
		}		
	
	#article .related-article-content li a {
		color:#757575;
		font-family: Verdana;
		text-decoration: none;
		padding-left:12px;
		font-weight: 100;
		}
	
	#article .related-article-content li:hover a {
		color:#FFFFFF;
		}



/*-- PUBLICATIONS Styling --*/

#publications-list li {
	list-style: none;
	width:200px;
	float:left;
	margin:24px 0 0 0;
	}

#publications-list li h4, #publications-list img, #publications-list li p {
	margin-left:29px;
	}

#publications-list li h4 {
	font-family: "Trebuchet MS";
	font-size: 100% ;
	padding-top:6px;
	}

#publications-list li h4 a {
	color:#bf288e;
	text-decoration: none;
	}

#publications-list li p {
	padding-bottom:34px;
	}

/*-- Secondary Content Section (Project-Concerns-Publications) --*/
#concerns, #publications, #project {
	float:left;
	width:182px;  /*-- 1/3 of 546 --*/
	display:inline;
	}

#secondary-content {
	background-image: url('../globalimages/secondary-content-bg.gif');
	background-repeat: repeat-y;
	background-position: -1px;
	padding-bottom:20px;
	}

	/*-- DT styles --*/
	
	#secondary-content dt {
		padding:6px 0 4px 23px;
		color:#FFFFFF;
		font-family: "Trebuchet MS";
		}
	
	#project dt, #publications dt {
		background-color:#757575;
		}
			
	#concerns dt {
		background-color: #666666;
		}

	/*-- DD styles --*/

	#project dl, #publications dl, #concerns dl {
		color:#000000;
		}
	
	#project dl, #publications dl {
		}
			
	#concerns dl {
		}
	
	#secondary-content li {
		list-style-image: url(../globalimages/orange-pointer.gif);
		list-style-position: outside;
		}
	
	#secondary-content li {
		margin:6px 6px 6px 23px;
		}
	
	#project dl a, #publications dl a, #concerns dl a {
		font-size:11px;
		color:#000000;
		text-decoration: none;
		}

/*-- Article Styling --*/

#primary-content-article {
	background-color: #FFFFFF;
	margin:0px;
	}

.article-control {
	width:100%;
	height:25px;
	font-family: "Arial";
	font-size: 9px;
	font-weight: 200;
	background-image: url(../globalimages/article-bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	text-transform: uppercase;
	}

.article-control a {
	padding:6px 12px 0px 0px;
	text-decoration: none;
	color:#757575;
	float:right;
	}

/*-- Article Links --*/
		
#article-links {
	padding:0px 6px 10px 12px;
	text-transform: lowercase;
	}

#article-links a {
	color:#000;
	}

#article-links a:hover {
	color:#ec59bc;
	font-style:italic;
	}

#article-links li {
	font-family: "Trebuchet MS";
	margin:6px 0;
	border-bottom: 1px solid #FFFFFF;
	}

#article-links li a {
	color:#bf288e;
	font-size: 12px;
	text-decoration:none;
	text-transform: lowercase;
	m: expression(this.onmouseover =  new Function("this.className = 'article-links-li-a-hover';"));
	}

#article-links li:hover, .article-links-li-a-hover {
	text-decoration:none;
	border-bottom: 1px solid #bf288e;
	}

#article-links li a:hover, 
.article-links-li-a-hover a:hover, 
#article-links li ul li a,
#article-links li.current a, 
.article-links-li-a-hover a.current, 
#article-links li ul li.current a  {
	color: #D37CB0;
	text-decoration: none;
	}

#article-links li.current {
	font-style:italic;
	border-bottom: 1px solid #bf288e;
	}

#article-links li.secondary a:hover, #article-links li.secondary .current a   {
	font-style:italic;
	color: #ec59bc;
	}

#article-links li.secondary {
	padding-left:10pt;
	}

#article-links li.secondary:hover {
	border-bottom:1px solid #FFF;
}


/*-- Article Body --*/

#article h2 {
	font-size: 131%;
	font-family: Georgia;
	color:#eb8734;
	text-align: left;
	padding: 0 0 8px 0;
	}

#article h3 {
	font-size: 85%;
	font-weight: bold;
	color:#757575;
	text-transform:uppercase;
	padding: 0 0 8px 0;
	}

#article p {
	font-size: 11px;
	width:90%;
	padding:0px 0px 8px 0px;
	}
#article {
	padding-bottom: 12px;
	}

/*-- Side Bar Tabs --*/

#sidebar-container {
	width:265px;
	}

#sidebar-tab {
	background-color:#D0D2D2;
	margin:0 29px 0 23px;
	}

#sidebar-tab h3 {
	background-color:#bf288e;
	text-transform: uppercase;
	font-size: 11px;
	font-family: Lucida Grande, Trebuchet MS;
	text-align: center;
	color:#F7F7F7;
	padding:4px 0px;
	background-image: url('../globalimages/sidebar-header-bg.jpg');
	background-repeat: none;
	}

#sidebar-tab-container {
	background-color:#eb8734;
	background-image: url(../globalimages/sidebar-bottom-bg.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	color:#FFFFFF;
	padding-bottom:6px;
	}
	
	#sidebar-tab-container p.explore {
		padding:4px 0 2px 8px;
		font-size:9px;
		background-image: url(../globalimages/sidebar-nav-bg.jpg);
		background-repeat: repeat-y;
		}

#sidebar-tab-nav {
	padding:0px 0px 0px 8px;
	background-image: url(../globalimages/sidebar-nav-bg.jpg);
	background-repeat: repeat-y;
	}

#sidebar-tab-nav li {
    background:url(../globalimages/sidebar-nav-right-bg.jpg) no-repeat right top;
    margin:0;
    padding:0;
	}

#sidebar-tab-nav li.current {
    background:url(../globalimages/sidebar-nav-right-bg-current.jpg) no-repeat right top;
	}

#sidebar-tab-nav a {
	padding:4px 4px 2px 8px;
	font-family: Lucida Grande, Trebuchet MS;
	font-size: 85%;
	color:#DF3C35;
	background-color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	position:relative;
	vertical-align:bottom;
	display:block;
    background:url(../globalimages/sidebar-nav-left-bg.jpg) no-repeat left top;
	}

#sidebar-tab-nav li.current a {
    background:url(../globalimages/sidebar-nav-left-bg-current.jpg) no-repeat left top;
	}

#sidebar-tab-content {
	background-color: #F7F7F7;
	background-image: url(../globalimages/sidebar-middle-bg.jpg);
	background-repeat: repeat-y;
	padding:4px 8px 6px 8px;
	margin-bottom: 10px;
	}
		
#sidebar-tab-content p {
	color:#000000;
	font-size: 12px;
	font-family: Arial;
	padding:5px;
	line-height: 150%;
	}	

.text-resize {
	color:#757575;
	text-transform: uppercase;
	font-size: 85%;
	margin:150px 0 0 57px;
	}

.text-resize a {
	color:#757575;
	text-decoration: none;
	}
	
.text-resize a:hover {
	color:#666666;
	text-decoration: underline;
	}

#text-resize-small {
	font-size: 85%;
	}
	
#text-resize-normal {
	font-size: 100%;
	}

#text-resize-big {
	font-size: 123.5%;
	}	
	
/*-- Gender Justice Observatory --*/

.gjo {
	background-color: #d1d2d4;
	}

.gjo h3 {
	background-color:#d542a5;
	background-image: url(../globalimages/gjo-h3-bg.jpg);
	background-position: top left;
	color:#FFFFFF;
	font-size: 11px;
	font-family: Lucida Grande, Trebuchet MS;
	text-transform: uppercase;
	padding: 6px 0 6px 10px;
	}

.gjo #sidebar-container {
	width:115px;
	}

.gjo #sidebar-tab {
	background-color:#F7F7F7;
	margin:0 0px 0 0px;
	}

.gjo #sidebar-tab-container {
	background-image: url(../globalimages/gjo-sidebar-sidebar-nav-bg.jpg);
	background-position: bottom left;
	font-family: Lucida Grand, Trebuchet MS;
	background-repeat: no-repeat;
	color:#FFFFFF;
	padding-bottom:0px;
	}
	
	.gjo #sidebar-tab-container p.explore {
		padding:4px 0 2px 8px;
		font-size:11px;
		background-image: url(../globalimages/gjo-sidebar-nav-bg.jpg);
		background-repeat: repeat-y;
		}

.gjo #sidebar-tab-nav {
	padding:0px 0px 0px 8px;
	background-image: url(../globalimages/gjo-sidebar-nav-bg.jpg);
	background-repeat: repeat-y;
	height: 18px;
	}

.gjo #sidebar-tab-nav li {
    background:url(../globalimages/sidebar-nav-right-bg.jpg) no-repeat right top;
    margin:0;
    padding:0;
	}

.gjo #sidebar-tab-nav li.current {
	background:url(../globalimages/sidebar-nav-right-bg.jpg) no-repeat right top;
	}

.gjo li.checkbox_checked a {
    background:url(../globalimages/gjo-sidebar-nav-bg.jpg) no-repeat right top;
	color:#FFFFFF;
	}

.gjo #sidebar-tab-nav a {
	padding:4px 4px 2px 8px;
	color:#DF3C35;
	background-color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	display:block;
    background:url(../globalimages/sidebar-nav-left-bg.jpg) no-repeat left top;
	}

.gjo #sidebar-tab-content {
	background-color: #F7F7F7;
	background-image: url(../globalimages/gjo-sidebar-middle-bg.jpg);
	background-repeat: repeat-y;
	padding:0px;
	margin-bottom: 0px;
	}
		
.gjo #sidebar-tab-content p {
	color:#000000;
	padding:0;
	line-height: 123.1%;
	}	

/**********************************/
.gjo .showDD {position:relative;top:0}
.gjo dd,.hideDD{top:-9999px;position:absolute}

/*\*//*/
.gjo .showDD {display:block}
.gjo dd,.hideDD {top:0;position:relative;display:none}
/**/

.gjo dd li a {
	border-bottom:1px solid #d1d2d4;
	padding:2px 4px 2px 10px;
	display: block;
	text-decoration: none;
	font-family: "Arial";	
	font-size: 10px;
	color:#757575;
	}

.gjo dd li a:hover {
	background-image: url(../globalimages/gjo-sidebar-nav-bg.jpg);
	color:#FFFFFF;
	}

/*-- Footer --*/

#footer {
	padding-left:265px;
	font-family: "Trebuchet MS";
	font-size: 85%;
	}	

#footer a {
	color:#757575;
	text-decoration: none;
	}

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

#footer ul {
	margin-left: 0;
	padding-left: 0;
	} 

#footer ul li {
	margin-left: 0;
	padding: 12px 10px 3px 0;
	list-style: none;
	float:left;
	}

#footer ul li.first {
	margin-left: 0;
	padding-left:0px;
	border-left: none;
	}	

#footer p {
	clear: both;
	padding-bottom:12px;
	}