#topspace {
	padding: 0; margin: 0;
	font-size: 1px;
	height: 33px;
}
#aboutsidebar {
	float: left;
	width: 250px;
}
#aboutsidebar a {
	text-decoration: none;
	}
#aboutmain {
	margin-left: 270px;
}


#about-headline {
	margin-bottom: 20px;
	border-bottom: 1px solid #D8D5D2;
}




/* Jonathan added these, 14 May 07 elements */

p {
	font-family: Lucida Grande,Lucida Sans,Verdana,Georgia,Helvetica,Arial;
	font-size: 11px;
	line-height: 15px;
	margin: 0 0 9px 0px;
	}

.overview-intro {
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 8px;
	}
	
.staff-name {
	font-size: 13px;
	font-weight: bold;
	margin: 0px 0px 3px 0px;
	}

.staff-title {
	color: #888;
	margin: 0px 0px 8px 0px;
	}

.position-available {	
	font-size: 13px;
	font-weight: bold;
	margin: 0px 0px 3px 0px;
	padding: 5px 0px 6px 0px;
	}

.faq_text_a {
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 10px;
	color: #000000;
	}

.faq_text_a li {
	list-style: none;
	margin: 0px 0px 3px -10px;
	padding: 0px;
	}

.dateline {
	font-size: 9px;
	margin: 8px 0px 1px 0px;
	padding: 8px 0px 0px 0px;
	border-top: 1px #bbb solid;
	color: #888;
	}

.featured-client {
	font-size: 12px;
	font-weight: bold;
	margin: 2px 0px 3px 0px;
	padding: 5px 0px 0px 0px;
	}

.quotation {
	font-size: 11px;
	line-height: 15px;
	margin: 8px 0px 3px 0px;
	padding: 18px 0px 3px 0px;
	border-top: 1px #bbb solid;
	}

.quote-attribution {
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	margin: 2px 0px 3px 0px;
	padding: 2px 0px 3px 0px;
	text-indent: 125px;
	}

.sector {
	font-size: 11px;
	font-weight: bold;
	width: 140px;
	margin: 28px 0px 6px 0px;
	padding: 0px 0px 3px 0px;
	}

.sector-1st {
	font-size: 11px;
	font-weight: bold;
	width: 140px;
	margin: 8px 0px 6px 0px;
	padding: 0px 0px 3px 0px;
	}

			/* I know there's some clever way to do the above using "+" */

.subsector {
	font-size: 9px;
	font-weight: bold;
	margin: 0px;
	padding: 8px 0px 0px 0px;
	}

.subsector-1st {
	font-size: 9px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}

			/* I know there's some clever way to do the above using "+" */


.minilist {
	font-family: Lucida Grande,Lucida Sans,Verdana,Georgia,Helvetica,Arial;
	list-style: none;
	font-size: 9px;
	line-height: 14px;
	margin: 0px 0px 0px 0px;
	}

.press-category {
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0px 6px 0px;
	padding: 0px 0px 3px 0px;
	}

.press-category-1st {
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 3px 0px;
	}

.press-item {
	font-family: Lucida Grande,Lucida Sans,Verdana,Georgia,Helvetica,Arial;
	font-size: 9px;
	line-height: 14px;
	color: #000;
	margin: 5px 8px 0px 15px;
	text-indent: -15px;
	}

.title {
	border-bottom: 1px #bbb solid;
	}

.pub {
	font-style:italic;
	}

.language {
	color: #888;
	}

.highlight-box {
	display: block;
	background-color: #fff;
	padding: 18px 0px 12px 0px;
	margin: 24px 0px 18px 0px;
	border-bottom: 3px #D0D0D0 solid;
	border-top: 3px #D0D0D0 solid;
	}

.multicolumn {
	font-family: Lucida Grande,Lucida Sans,Verdana,Georgia,Helvetica,Arial;
	width: 100%;
	font-size: 9px;
	line-height: 14px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}

.portrait-frame {
	width: 96px;
	float: left;
	padding: 4px 16px 8px 0px;
	margin: 0px;
	}


/* END */



	
/* main elements */
#aboutmain {
	margin-top: 3px;
	margin-bottom:24px;
}
#aboutmain .tid {
	margin-top:4px;
	font-style:italic;
}
#aboutmain a {
	border-bottom: 1px #bbb dotted;
	color: #888;
}
#aboutmain a:hover {
	color: #66f;
}
#aboutmain hr {
	margin:16px 0 16px 0;
	height:1px;
	border:0;
	border-top: 1px #BBB solid;
}

/* SIDEBARS */
#linksbox {
	margin-bottom: 60px;
}
#linksbox ul {
	list-style: none;
	font-size: 10px;
	font-weight: bold;
	margin: 0; padding: 0;
}
#linksbox ul li {
	border-bottom: 1px solid white;
	margin-top: 2px;
}
#linksbox ul li a {
	padding: 7px 0 8px 30px;
	display: block;
}

/* first items */
.nonmodal-item a {
	background: #F3F1ED url(../images/leftsidebar/nonmodal-off.gif) no-repeat;
	border: 1px solid #F3F1ED;
	border-top: 1px solid #D0D0D0;
	border-bottom: 1px solid #E8E6E2;
	color: #282828;
}
.nonmodal-item a:hover {
	background: #E8E6E2 url(../images/leftsidebar/nonmodal-hover.gif) no-repeat;
	border: 1px solid #E8E6E2;
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #D0D0D0;
}

/* selected items */
.modal-item-on a {
	background: #C0C0C0 url(../images/leftsidebar/modal-on.gif) no-repeat;
	border: 1px solid #C0C0C0;
	border-top: 1px solid #B0B0B0;
	border-bottom: 1px solid #B0B0B0;
	color: #000;
}

/* not selected items */
.modal-item-off a {
	background: #FCFCFC url(../images/leftsidebar/modal-off.gif) no-repeat;
	border: 1px solid #F6F6F6;
	border-top: 1px solid #D0D0D0;
	border-bottom: 1px solid #E8E6E2;
	color: #B0B0B0;
	color: #A0A0A0;
}
.modal-item-off a:hover {
	background: #F3F1ED url(../images/leftsidebar/modal-off-hover.gif) no-repeat;
	border: 1px solid #F3F1ED;
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #D0D0D0;
	color: #000;
}