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

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

Dark Gray : #757575

"Double" Dark Gray :#666666

Text Dark Gray : #000000
16.384 width of 214 for sidebar 15.989 for IE

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

h1 { /*Size of the image*/ 
	font-family:Helvetica;
	font-size: 12px; 
	color: #bf288e;
	}

h2 {
	font-family:Helvetica;
	font-size:13px;
	padding: 19px 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 img {
	border:none;
	}

/*-- Navigation Section --*/

.nav-links {
	display: none;
	}

ul.nav-links {
	float:left;
	width:666px;
	}

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

.nav-links li a {
	color: #FFFFFF;
	text-decoration: none;
	display:block;
	width:109px;
	padding: 12px 0px 18px 0;
	m: expression(this.onmouseover =  new Function("this.className = 'nav-links-li-a-hover';"));
	}

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

#nav-side-li{
	background-color: #d0d2d2;
	padding-left: 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 -2px 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 {
		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:0px;
	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 5% 6px 23px;
	}

	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 5% 0px 23px;
	}
	
	.accordion_content p {
		line-height: 150%;
		padding: 5px 10px 10px 0px;
		}


/*-- ARTICLE PAGE Styles --*/

/*-- Related Documents --*/

#sidebar-tab-container {
	display: none;
	}

#article dl {
	width:460px;
	}

#article dt {
	background-color: #d0d2d2;
	font-family: "Trebuchet MS";
	padding:2px 0 2px 20px;
	border-top:1px solid #FFF;
	}

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

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

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


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 .related-article-content li {
		border-top: 1px solid #d0d2d2;
		}

	#article .related-article-content li:hover {
		border-top: 1px solid #d0d2d2;
		background-color: #eb8734;
		}
	
	#article .related-article-content li a {
		color:#757575;
		font-family: "Trebuchet MS";
		font-size: 85%;
		text-decoration: none;
		padding-left:12px;
		font-weight: 100;
		}
	
	#article .related-article-content li:hover a {
		color:#FFFFFF;
		}

/*-- PUBLICATIONS Styling --*/

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

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

#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;
	}

	/*-- 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 {
		color:#000000;
		text-decoration: none;
		}

/*-- Article Styling --*/

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

.article-control {
	display: none;
	}

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

/*-- Article Links --*/
		
#article-links {
	display:none;
	}

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

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

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

/*-- Article Body --*/

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

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

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

/*-- Side Bar Tabs --*/

#sidebar-container {
	display:none;
	}

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

#sidebar-tab h3 {
	background-color:#bf288e;
	text-transform: uppercase;
	font-size: 11px;
	font-family: "Lucida Grande";
	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:11px;
	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 a {
	padding:4px 4px 2px 8px;
	color:#bf288e;
	font-size: 85%;
	background-color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	display:block;
    background:url(../globalimages/sidebar-nav-left-bg.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;
	padding:0;
	line-height: 123.1%;
	}	

.text-resize {
	display:none;
	}

/*-- GJO --*/
	
ul.yui-nav li {
	visibility:hidden;
	}

ul.yui-nav li.selected {
	visibility:visible;
	}

/*-- Footer --*/

#footer {
	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;
	display: none;
	} 

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

.footer-fontsize {
	display:none;
	}

	
#footer ul li.first {
	margin-left: 0;
	padding-left:0px;
	border-left: none;
	list-style:circle;
	display: inline;
	}	

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