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

 	Hepping the body into shape  
    
-------------------------------------------------------------- */
body {margin:0;padding:0;background:black;text-align:left;}

div.clearfloats {
	clear:both;
	height:1px;
	line-height:1px;
	overflow:hidden;
	background:white;
}
/* -------------------------------------------------------------- 

 	typography  
    
-------------------------------------------------------------- */
body {
	font:12px/16px Arial, Helvetica, sans-serif;
	color:black;
}

a {
	color:black;
	text-decoration:underline;
}

h1 {
	font-weight:bold;
	font-size:18px;
	line-height:18px;
	margin-bottom:18px;
}

h2 {
	font-weight:bold;
	font-size:18px;
	line-height:18px;
	margin-bottom:18px;
}

h3 {
	font-weight:bold;
	font-size:14px;
	line-height:18px;
	margin-bottom:12px;
}

h4 {
	font-weight:bold;
	font-size:12px;
	line-height:16px;
	margin-bottom:12px;
}

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

 	General components  
    
-------------------------------------------------------------- */
/* p.caption */

	p.caption {
		color:white;
		background:black;
		font-size:10px;
		line-height:24px;
		padding:0 8px 0 8px;
		margin-bottom:12px;
		margin-left:108px;
		text-transform:uppercase;
		clear:both;
	}
	
/* p.lightcaption */

	p.lightcaption {
		color:black;
		background:#cccccc;
		font-size:10px;
		line-height:24px;
		padding:0 8px 0 8px;
		margin:0;
		text-transform:uppercase;
	}	

a.lonerlink {
	line-height:24px;
	padding:0;
	display:block;
	clear:both;
		font-size:10px;
		line-height:24px;

text-transform:uppercase;
background:#cccccc url(pix/backlink/arrow.gif) 0 50% no-repeat;
color:black;
padding-left:16px;
text-decoration:none;
}

a.lonerlink:hover {

background-color:black;
color:white;
text-decoration:none;
}

a.lonerlink strong {
	font-weight:normal;
	text-transform:uppercase;
}

/* p.caption in div.auxcontents */

	div.auxcontents p.caption {
	}
	


		
	


/* a.showmore */

	a.showmore {
		display:block;
		clear:both;
		line-height:36px;
		margin-left:108px;
		padding-top:12px;
		border-bottom:1px solid black;
		background:url(pix/misc/showmore_spot.gif) bottom right no-repeat;
		color:black;
		text-decoration:none;
		font-weight:bold;
	}

/* div.view_article */
	
	div.view_article {
		position:relative;
		background:white;
		float:left;
		width:100%;
		clear:both;
		margin-top:21px;
	}

	div.span-10 div.view_article {
		width:528px;
	}

	div.span-12 div.view_article {
		width:636px;
	}

	div.view_article p.metadata {
		position:absolute;
		padding:0;
		width:96px;
		line-height:12px;
		font-size:10px;
		color:#666666;
		top:2px;
		left:8px;
		text-transform:uppercase;
	}

	div.view_article p,
	div.view_article h2,
	div.view_article h3,
	div.view_article h4,
	div.view_article h5,
	div.view_article ul,
	div.view_article ol,
	div.view_article dl
	{
		padding-left:108px;
	}
	
	div.view_article a {
		color:black;
		text-decoration:underline;
	}

	div.view_article h2 a,
	div.view_article h3 a,
	div.view_article h4 a,
	div.view_article h5 a {
		color:black;
		text-decoration:none;
	}

	div.view_article h2 a:hover,
	div.view_article h3 a:hover,
	div.view_article h4 a:hover,
	div.view_article h5 a:hover {
		color:black;
		text-decoration:underline;
	}

	div.view_article img {
		float:left;
	}


	div.view_article ul.filelist {
		list-style:none;
		margin-left:0;
		display:block;
		float:left;
		clear:both;
	}

	div.view_article ul.filelist li {
		margin-left:0;
		padding-left:0;
		display:block;
		float:left;
		clear:both;
	}

	div.view_article ul.filelist li a {
	float:left;
	clear:both;
		display:block;
		padding-left:16px;
		padding-right:8px;
		padding-bottom:1px;
		background:url(pix/filelist/file.gif) 0 0 no-repeat;
		text-decoration:underline;
		color:black;
	}

/* div.article */
	
	div.article {
		border-bottom:1px solid black;
		position:relative;
		background:white;
		float:left;
		width:100%;
		clear:both;
		margin-top:21px;




		padding-bottom:18px;
	}

	div.span-10 div.article {
		width:528px;
	}

	div.span-12 div.article {
		width:636px;
	}

	div.article p.metadata {
		position:absolute;
		padding:0;
		width:96px;
		line-height:12px;
		font-size:10px;
		color:#666666;
		top:2px;
		left:8px;
		text-transform:uppercase;
	}

	div.article p,
	div.article h2,
	div.article h3,
	div.article h4,
	div.article h5,
	div.article ul,
	div.article ol,
	div.article dl
	{
		padding-left:108px;
	}
	
	div.article p {
		margin-bottom:0;
	}
	div.article a {
		color:black;
		text-decoration:underline;
	}

	div.article h2 a,
	div.article h3 a,
	div.article h4 a,
	div.article h5 a {
		color:black;
		text-decoration:none;
	}

	div.article h2 a:hover,
	div.article h3 a:hover,
	div.article h4 a:hover,
	div.article h5 a:hover {
		color:black;
		text-decoration:underline;
	}

	div.article img {
		float:left;
		margin:0 12px 12px 0;
	}

/* div.article_compact */
	
	div.article_compact {
		border-bottom:1px solid black;
		position:relative;
		background:white;
		float:left;
		width:100%;
		margin-top:21px;
	}

	div.span-10 div.article_compact {
		width:528px;
	}

	div.article_compact p.metadata {
		position:absolute;
		padding:0;
		width:96px;
		line-height:12px;
		font-size:10px;
		color:#666666;
		top:2px;
		left:8px;
		text-transform:uppercase;
	}

	div.article_compact p,
	div.article_compact h2,
	div.article_compact h3,
	div.article_compact h5,
	div.article_compact ul,
	div.article_compact ol,
	div.article_compact dl
	{
		padding-left:108px;
	}
	
	div.article_compact h2 { /* (mimics the standard h3) */ 
		font-weight:bold;
		font-size:14px;
		line-height:16px;
		margin-bottom:12px;
	}
	div.article_compact a {
		color:black;
		text-decoration:underline;
	}

	div.article_compact h2 a,
	div.article_compact h3 a,
	div.article_compact h4 a,
	div.article_compact h5 a {
		color:black;
		text-decoration:none;
	}

	div.article_compact h2 a:hover,
	div.article_compact h3 a:hover,
	div.article_compact h4 a:hover,
	div.article_compact h5 a:hover {
		color:black;
		text-decoration:underline;
	}

/* div.article_thin */
	
	div.article_thin {
		border-bottom:1px solid black;
		position:relative;
		background:white;
		float:left;
		width:100%;
		margin-top:21px;
		margin-top:12px
	}

	div.span-10 div.article_thin {
		width:528px;
	}
	div.article_thin h2 {
		padding-left:108px;
	}
	
	div.article_thin h2 { /* (mimics the standard h4) */ 
		font-weight:bold;
		font-size:12px;
		line-height:16px;
		margin-bottom:12px;
	}
	div.article_thin a {
		color:black;
		text-decoration:underline;
	}

	div.article_thin h2 a,
	div.article_thin h3 a,
	div.article_thin h4 a,
	div.article_thin h5 a {
		color:black;
		text-decoration:none;
	}

	div.article_thin h2 a:hover,
	div.article_thin h3 a:hover,
	div.article_thin h4 a:hover,
	div.article_thin h5 a:hover {
		color:black;
		text-decoration:underline;
	}

/* TABS */


	div.tabs ul li a,
	div.tabs ul li a:link,
	div.tabs ul li a:visited,
	div.tabs ul li a:hover,
	div.tabs ul li a:active {
		padding:0 10px 0 10px;
		margin:0;
		float:left;
		font:10px/28px Arial, Helvetica, sans-serif;
		color:white;
		text-decoration:none;
		text-transform:uppercase;
		background:url(pix/tabs/alltabstates.png) 0 0 repeat; /* FIX THIS IN ie.css */
	}

	div.tabs ul li a:hover {
		background-position:0 -100px; /* FIX THIS IN ie.css */
	}

	div.tabs ul li.selected a,
	div.tabs ul li.selected a:link,
	div.tabs ul li.selected a:visited,
	div.tabs ul li.selected a:hover,
	div.tabs ul li.selected a:active {
		background-position:0 -200px; /* FIX THIS IN ie.css */
	}

/* ul.thinglist */

	ul.thinglist {
		list-style:none;
		padding:0;
		margin:0;
		display:block;
		font-size:0;
		line-height:0;
	}

	ul.thinglist li {
		padding:0;
		margin:0;
		display:block;
	}

	ul.thinglist li a {
		padding:4px 8px 0 8px;
		font-size:11px;
		line-height:24px; 
		margin:0;
		display:block;
		text-decoration:none;
		color:#808080;
		border-bottom:1px solid #CCCCCC;
	}

	ul.thinglist li a:hover {
		color:black;
	}

/* ul.thinglist_metadata */

	ul.thinglist_metadata {
		list-style:none;
		padding:0;
		margin:0;
		display:block;
		font-size:0;
		line-height:0;
	}

	ul.thinglist_metadata li {
		padding:0;
		margin:0;
		display:block;
		border-bottom:1px solid #CCCCCC;
	}

	ul.thinglist_metadata li a {
		padding:0 8px 0 0;
		border-top:1px solid white;
		border-bottom:1px solid white;
		font-size:11px;
		line-height:22px; 
		margin:0 116px 0 0;
		display:block;
		text-decoration:none;
		color:#808080;
		position:relative;
		top:0;
		left:0;
	}

	ul.thinglist_metadata li a:hover {
		color:black;
	}

	ul.thinglist_metadata li a span {
		display:block;
		padding-top:4px;
		padding-left:4px;
		border-left:4px solid white; 
	}

	ul.thinglist_metadata li.selected a,
	ul.thinglist_metadata li.selected a:hover {
		color:black;
	}

	ul.thinglist_metadata li.selected a span {
		display:block;
		padding-top:4px;
		padding-left:4px;
		border-left:4px solid #CCCCCC; 
	}
	
	ul.thinglist_metadata li a i.metadata {
		position:absolute;
		top:0;
		left:420px;
		width:100px;
		padding:4px 0 0 0;
		font-size:11px;
		line-height:24px; 
		text-transform:uppercase;
		font-style:normal;
		cursor:pointer;
		text-align:right;
	}	

/* ul.thinglist_calendar */

	ul.thinglist_calendar {
		list-style:none;
		padding:0;
		margin:0;
		display:block;
		font-size:0;
		line-height:0;
	}

	ul.thinglist_calendar li {
		padding:0;
		margin:0;
		display:block;
		border-bottom:1px solid #CCCCCC;
	}

	ul.thinglist_calendar li a {
		padding:4px 8px 0 0;
		font-size:11px;
		line-height:24px; 
		margin:0 0 0 116px;
		display:block;
		text-decoration:none;
		color:#808080;
		position:relative;
		top:0;
		left:0;
	}

	ul.thinglist_calendar li a:hover {
		color:black;
	}
	ul.thinglist_calendar li a span {
		display:block;
		padding-top:4px;
	}
	
	ul.thinglist_calendar li a i.metadata {
		position:absolute;
		top:4px;
		left:-116px;
		width:96px;
		padding:4px 8px 0 8px;
		font-size:11px;
		line-height:24px; 
		text-transform:uppercase;
		font-style:normal;
		cursor:pointer;
	}	

/* without thinglistshowmore link */
	ul.thinglist_nolink {
	margin-bottom:24px;
		
	
	}
	
/* a.thinglistshowmore */

	a.thinglistshowmore {
		display:block;
		clear:both;
		line-height:24px;
		margin:0 0 24px 0;
		padding:4px 8px 0 8px;
		background:url(pix/misc/thinglistshowmore_spot.gif) bottom right no-repeat;
		color:#808080;
		border-bottom:1px solid #CCCCCC;
		text-decoration:none;
		font-weight:bold;
	}
	a.thinglistshowmore:hover {
		color:black;
	}

	a.thinglistshowmore strong {
		text-transform:uppercase;
	}

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

 	header  
    
-------------------------------------------------------------- */

div.header {
	background:url(pix/_lab/testspec.jpg) 0 0 repeat-x;
	padding-top:12px;
	min-width:960px; 

	text-align:left;
	margin:0;
	clear:both;
	line-height:11px;

	
}

/* auxiliaryheader*/
	div.auxiliaryheader {
		width:100%;
		background:black;
}

	div.auxiliaryheadercontainer {
		width:960px;
		background:black;
		height:195px;
		overflow:hidden;
		position:relative;
		top:0;
		left:0;
	
	}

		/* home */
		
		div.home {
			position:absolute;
			top:28px;
			left:100px;
			width:220px;
			height:140px;
			background:url(pix/_lab/testspec.jpg) -100px -40px repeat-x;
		}

		div.home a {
			position:absolute;
			top:0;
			left:0;
			width:220px;
			height:140px;
			text-indent:-4000px;
			overflow:hidden;
			z-index:1500;
		
			
		}

		div.home span.uilogo {
			position:absolute;
			top:0;
			left:0;
			width:220px;
			height:140px;
			background:url(pix/logo/ui_24b.png) 0 0 no-repeat;
			overflow:hidden;
			z-index:500;
		
			
		}

		/* auxiliarynavigation */
		
		div.auxiliarynavigation {
			position:absolute;
			top:0;
			left:540px;
			width:420px;
			height:32px;
			overflow:hidden;
			background:url(pix/_lab/testspec.jpg) -540px -12px repeat-x;
		
			
		}

		
		div.auxiliarynavigation ul {
			display:block;
			list-style:none;
			width:540px;
			overflow:hidden;
			margin:0;
			padding:0;
		}
		
		div.auxiliarynavigation ul li {
			display:block;
			float:left;
			margin:0;
			padding:0;
		}

/* MAINHEADER */		

div.mainheader {
/*	float:left;
	width:100%;*/
	background:url(pix/toolkit/empty20x20.gif) top left no-repeat;
	border-botttom:1px solid white;
}
		
	/* mainnavigation */

	div.mainnavigation {
/*		width:100%;
		float:left;*/
		clear:both;
		
	}

	div.mainnavigation ul {
		margin:0 0 0 108px;
		padding:0;
		float:left;
		display:inline;
		clear:both;
		list-style:none;
		
	}

	div.mainnavigation ul li {
		padding:0;
		margin:0;
		float:left;
		list-style:none;
	}

	div.stripe {
		background:url(pix/spectrum/stripe_9000x4.png) top left no-repeat;
		height:4px;
		clear:both;
		overflow:hidden;
	}

	/* subnavigation */

	div.subnavigation {
		width:100%;
		float:left;
		clear:both;
		padding-top:4px;
		overflow:hidden;
		background:url(pix/spectrum/stripe_9000x4.png) top left no-repeat;
		line-height:15px;
		
	}

	div.subnavigation ul {
		padding:0;
		margin:0 0 0 108px;
		float:left;
		clear:both;
		list-style:none;
	/*	min-width:640px;*/

		
	}
	div.subnavigation ul {
		padding:0 0 0 108px;
		margin:0;
		float:left;
		clear:both;
		list-style:none;
	}

	div.subnavigation ul li {
		padding:0;
		margin:0;
		float:left;
		list-style:none;
	}

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

 	contents  
    
-------------------------------------------------------------- */

div.contents {


	background:white;
	width:100%;
	padding-top:48px;
	padding-bottom:96px;
	min-width:960px; 
	text-align:left;
	float:left;
	clear:both;
}

div.contents div.container{
/* UNDOING THE CENTERING */
	text-align:left;
	margin:0;

	text-align:left;
}

div.maincontents {
	position:relative;
}

div.splash {
	position:relative;
}
/* a.sectionlogo */ 
/* for categories and meetingplaces ect */

a.sectionlogo {
	display:block;
	width:312px;
	height:150px;
	overflow:hidden;
	border:none;
}

a.sectionlogo img {
	display:block;
	width:312px;
	height:150px;
	border:none;
}

/* a.projectlogo */
/* primarily for projects */
a.projectlogo {
	display:block;
	width:312px;
	height:150px;
	overflow:hidden;
	border:none;
}

a.projectlogo img {
	display:block;
	width:312px;
	height:150px;
	border:none;
}

/* in the splash! */
div.splash a.projectlogo {
	position:absolute;
	bottom:0;
	left:648px;
	width:312px;
	height:150px;
	overflow:hidden;
	border:none;
}

div.splash a.projectlogo img {
	display:block;
	width:312px;
	height:150px;
	border:none;
}

/* h2.gridtitle */
h2.gridtitle {
	display:block;
	width:312px;
	height:150px;
	border:none;
	margin:0;
	padding:0;
	position:relative;
	font-size:24px;
	line-height:24px;
/*
	font-size:18px;
	line-height:18px;
*/
	font-weight:bold;
}

h2.gridtitle a  {
	display:block;
	width:312px;
	height:150px;
	border:none;
	margin:0;
	padding:0;
	position:relative;
	text-transform:uppercase;
	text-decoration:none;
}

h2.gridtitle a:hover  {
	background:black;
	color:white;
}


h2.gridtitle a span {
	position:absolute;
	bottom:8px;
	left:8px;
	display:block;
	border:none;
	text-transform:uppercase;
	text-decoration:none;
	padding-top:2px;
}

/* in the splash! */
div.splash h2.gridtitle {
	position:absolute;
	bottom:0;
	left:648px;
	width:312px;
	height:150px;
	border:none;
}

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

 	footer  
    
-------------------------------------------------------------- */

div.footer {

	background:black;
	width:100%;
	min-width:960px;
	text-align:center;
	clear:both;
	color:#333333;
	text-align:left;
	font-size:11px;
}

div.footer div.home {
	top:40px;
}

div.footer h2 {
	background:#1a1a1a;
	color:#666666;
	line-height:28px;
	font-size:10px;
	text-transform:uppercase;
	padding:0 8px 0 8px;
	margin-top:48px;
}

div.footer ul.footerlinks  {
	line-height:28px;
	list-style:none;
	padding:0 0 48px 0;
	margin:0;
}

div.footer ul.footerlinks li {
	padding:0;
	margin:0;
	display:block;
	line-height:26px;
	border-bottom:1px solid #333333;
}

div.footer ul.footerlinks li a {
	border-top:1px solid black;
	border-bottom:1px solid black;
	display:block;
	color:#666666;
	text-decoration:none;
}
div.footer ul.footerlinks li a span  {
	display:block;
	padding:0 8px 0 8px;
}

div.footer ul.footerlinks li a:hover {
	color:#999999;
}

div.footer ul.footerlinks li.selected a,
div.footer ul.footerlinks li.selected a:hover
 {
	color:white;
}

div.footer ul.footerlinks li.selected a span {
	border-left:4px solid #666666;
	padding-left:4px;
}

	div.auxiliaryfootercontainer {
		width:100%;
		min-width:960px;
		background:white;
		height:32px;


height:44px;


		overflow:hidden;
		position:relative;
		top:0;
		left:0;
	
	}

		div.auxiliaryfootercontainer div.spectrum {
			position:absolute;
			top:32px;
			left:0;
			width:100%;
			height:12px;
			overflow:hidden;
			background:url(pix/_lab/testspec.jpg) 0 -44px repeat-x;
		
			
		}


div.footerhome {
		overflow:hidden;
		position:relative;
		height:220px;
}

div.footer div.container{
/* UNDOING THE CENTERING */
	text-align:left;
	margin:0;

	text-align:left;
	background:none;
	color:white;
}

div.footerlogos {
	position:relative;
	height:200px; /* Gridline*/
	height:248px; /* Bottom of page */
	background:url(pix/footer/footer.gif) top left no-repeat;
}

div.footerlogos div.ui,
div.footerlogos div.kk {
	position:absolute;
	top:70px;
	left:320px;
	width:210px;
	height:90px;
}

div.footerlogos div.kk {
	left:750px;
}
div.footerlogos div.ui a,
div.footerlogos div.kk a {
	position:absolute;
	top:0;
	left:0;
	width:210px;
	height:90px;
	text-indent:-4000px;
	overflow:hidden;
}


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

 article images  
    
-------------------------------------------------------------- */
a img {float:left;}

/* landscape */

	.landscape_biggest {
	float:left;
	display:inline;
	width:366px;
	height:220px;
	overflow:hidden;
	margin:0 12px 4px 0;
	}
	
	.landscape_big {
	float:left;
	display:inline;
	width:312px;
	height:187px;
	overflow:hidden;
	margin:0 12px 4px 54px;
	}
	
	
	.landscape_medium {
	float:left;
	display:inline;
	width:204px;
	height:122px;
	overflow:hidden;
	margin:0 12px 4px 0;
	}
	
	.landscape_medium_indent1 {
	float:left;
	display:inline;
	width:204px;
	height:122px;
	overflow:hidden;
	margin:0 12px 4px 54px;
	}
	
	.landscape_medium_indent2 {
	float:left;
	display:inline;
	width:204px;
	height:122px;
	overflow:hidden;
	margin:0 12px 4px 108px;
	
	}
	
	.landscape_small {
	float:left;
	display:inline;
	width:150px;
	height:90px;
	overflow:hidden;
	margin:0 12px 4px 0;
	}
	
	.landscape_small_indent1 {
	float:left;
	display:inline;
	width:150px;
	height:90px;
	overflow:hidden;
	margin:0 12px 4px 54px;
	
	}
	
	.landscape_small_indent2 {
	float:left;
	display:inline;
	width:150px;
	height:90px;
	overflow:hidden;
	margin:0 12px 4px 108px;
	
	}

/* square */

	.square_big {
	float:left;
	display:inline;
	width:150px;
	height: 150px;
	overflow:hidden;
	margin:0 12px 4px 0;

	}
	
	.square_big_indent1 {
	float:left;
	display:inline;
	width:150px;
	height:150px;
	overflow:hidden;
	margin:0 12px 4px 54px;
	
	}
	
	.square_big_indent2 {
	float:left;
	display:inline;
	width:150px;
	height:150px;
	overflow:hidden;
	margin:0 12px 4px 108px;
	
	}
		
	.square_small_indent1 {
	float:left;
	display:inline;
	width:96px;
	height:96px;
	overflow:hidden;
	margin:0 12px 4px 54px;
	
	}
	
	.square_small_indent2 {
	float:left;
	display:inline;
	width: 96px;
	height: 96px;
	overflow:hidden;
	margin:0 12px 4px 108px;
	
	}

/* portrait */

	.portrait_small {
	float:left;
	display:inline;
	width: 96px;
	height: 128px;
	overflow:hidden;
	margin:0 12px 4px 0;
	
	}
	
	.portrait_small_indent1 {
	float:left;
	display:inline;
	width:96px;
	height: 128px;
	overflow:hidden;
	margin:0 12px 4px 54px;
	
	}
	
	.portrait_small_indent2 {
	float:left;
	display:inline;
	width: 96px;
	height: 128px;
	overflow:hidden;
	margin:0 12px 4px 108px;
	
	}
		
	.portrait_big {
	float:left;
	display:inline;
	width: 150px;
	height: 200px;
	overflow:hidden;
	margin:0 12px 4px 0;
	
	}
	
	.portrait_big_indent1 {
	float:left;
	display:inline;
	width: 150px;
	height: 200px;
	overflow:hidden;
	margin:0 12px 4px 54px;
	
	}
	
	.portrait_big_indent2 {
	float:left;
	display:inline;
	width: 150px;
	height: 200px;
	overflow:hidden;
	margin:0 12px 4px 108px;
	
	}
	
	/*p.intro */

	p.intro {
		font-size:14px;
		line-height:18px;
	}	


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

 intro styles  
    
-------------------------------------------------------------- */

/* div.intro p*/

	div.intro {
		padding-left:108px;
	}	

	div.intro_nopad {
		padding-left:108px;
	}	

	div.intro p {
		font-size:14px;
		line-height:18px;
		padding-left:0;
	}	
	
/* div.projectintro p*/

	div.projectintro {
		padding-left:0;
	}	


	div.projectintro p {
		font-size:14px;
		line-height:18px;
		padding-left:0;
	}	
		

	p.title {
		font-size:14px;
		line-height:18px;
		padding-left:0;
		margin-bottom:0;
	}	

	p.newsinfo {
		margin-top:12px;
	}
	div.article_compact h2.interviewee_compact {
		margin-bottom:0;
		padding-bottom:0;
	}
	
	p.affiliation {
		color:#666666;
		padding-left:0;
		margin-bottom:12px;
	}	

	p.company {
		font-size:14px;
		line-height:18px;
		padding-left:0;
	}	
/* -------------------------------------------------------------- 

 getting the project logo airborne  
    
-------------------------------------------------------------- */	

		div.auxcontents,
		div.extras {
			position:relative;
		}

/* in the extras */
div.auxcontents a.projectlogo, 
div.extras a.projectlogo {
	position:absolute;
	top:-150px;
	left:0;
	width:312px;
	height:150px;
	overflow:hidden;
	border:none;
}

/* a.sectionlogo */ 
/* in the extras */

div.extras a.sectionlogo {
	position:absolute;
	top:-150px;
	left:0;
	display:block;
	width:312px;
	height:150px;
	overflow:hidden;
	border:none;
}

/* div.questions */
div.view_article div.questions {
	margin:0;
	margin-top:12px;
	clear:both;

	}

div.view_article div.questions h3 {
clear:both;
}

/* div.article_images */
div.view_article div.articleimages {
	margin:0 0 0 108px;
	float:left;
	width:528px;
	display:inline;
	overflow:hidden;

/*	margin-left:0;
	width:636px;
*/
	}

div.view_article div.articleimages a {
	display:block;
	margin:0 12px 12px 0;
	float:left;
	display:inline;
	width:96px;
	height:96px;
	height:96px;
	overflow:hidden;
	background:silver;
	}

div.view_article div.articleimages a.last {
	margin-right:0;
}

div.view_article div.articleimages a img {
	float:left;
	display:block;
	width:96px;
	height:96px;
	overflow:hidden;
	margin:0;
	padding:0;
}

a.external {
	/* here goes styling for external links */
	background:url(pix/misc/a_externallink.gif) right 0.9em no-repeat;
	padding-right:12px;
}


	ul.thinglist li a.external span {
		padding-right:14px;
	}
	
	
h2 a.external {
	/* here goes styling for external links */
	background:url(pix/misc/a_externallink.gif) right 0.25em no-repeat;
	padding-right:22px;
}

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

 setting up typography for cms-editable pages
    
-------------------------------------------------------------- */	


/* div.content_control */
	
	div.content_control {
		position:relative;
		background:white;
		float:left;
		width:100%;
		clear:both;
	}

	div.span-10 div.content_control {
		width:528px;
	}

	div.span-12 div.content_control {
		width:636px;
	}

	div.content_control p.metadata {
		position:absolute;
		padding:0;
		width:96px;
		line-height:12px;
		font-size:10px;
		color:#666666;
		top:2px;
		left:8px;
		text-transform:uppercase;
	}

	div.maincontents div.content_control p,
	div.maincontents div.content_control h1,
	div.maincontents div.content_control h2,
	div.maincontents div.content_control h3,
	div.maincontents div.content_control h4,
	div.maincontents div.content_control h5,
	div.maincontents div.content_control ul,
	div.maincontents div.content_control ol,
	div.maincontents div.content_control dl
	{
		padding-left:108px;
	}

	div.maincontents div.content_control p.caption {
		padding-left:8px;
	}
	
	div.content_control a {
		color:black;
		text-decoration:underline;
	}

	div.content_control h2 a,
	div.content_control h3 a,
	div.content_control h4 a,
	div.content_control h5 a {
		color:black;
		text-decoration:none;
	}

	div.content_control h2 a:hover,
	div.content_control h3 a:hover,
	div.content_control h4 a:hover,
	div.content_control h5 a:hover {
		color:black;
		text-decoration:underline;
	}

	div.content_control img {
		float:left;
	}


	div.content_control ul.filelist {
		list-style:none;
		margin-left:0;
		display:block;
		float:left;
		clear:both;
	}

	div.content_control ul.filelist li {
		margin-left:0;
		padding-left:0;
		display:block;
		float:left;
		clear:both;
	}

	div.content_control ul.filelist li a {
	float:left;
	clear:both;
		display:block;
		padding-left:16px;
		padding-right:8px;
		padding-bottom:1px;
		background:url(pix/filelist/file.gif) 0 0 no-repeat;
		text-decoration:underline;
		color:black;
	}
	
/* -------------------------------------------------------------- 

 fix for ui.se -> generator.se
    
-------------------------------------------------------------- */	
	div.home {
		background:inherit;
		height:140px;
		left:20px;
		position:absolute;
		top:108px;
		width:533px;
	}

	div.home span.uilogo {
		background:url("pix/logo/generator_logo.gif") no-repeat scroll 0 0 transparent;
		height:70px;
		left:0;
		overflow:hidden;
		position:absolute;
		top:0;
		width:533px;
		z-index:500;
	}


	div.footerhome div.home {
		height:140px;
		left:20px;
		position:absolute;
		top:40px;
		width:220px;
	}

	div.footerhome div.home span.uilogo {
		background:url("pix/logo/generator_symbol.gif") no-repeat scroll 0 0 transparent;
		height:140px;
		left:0;
		overflow:hidden;
		position:absolute;
		top:0;
		width:220px;
		z-index:500;
	}
	
	div.footerlogos {
		display:none;
	}
	
	#generator-banner {display:none;}