@import url('tags.css');
@import url('news.css');
@import url('project.css');

#center
{
	top: 50%;
	left: 50%;
	position: absolute;
}

#content
{
	top: -260px;
	left: -480px;
	position: absolute;
}

#container
{
	width: 960px;
	height: 500px;
	top: 0px;
	left: 0px;
}
.frontpage
{
	background: url('../graphics/back_frontpage.jpg') 0 0 no-repeat #FEF102;
}
.news
{
	background: url('../graphics/back_news.jpg') 0 0 no-repeat #FF9EC2;
}
.work
{
	background: url('../graphics/back_work.jpg') 0 0 no-repeat #fff;
}
.team
{
	background: url('../graphics/back_work.jpg') 0 0 no-repeat #fff;
}
.method
{
	background: url('../graphics/back_method.jpg') 0 0 no-repeat #B9FE91;
}
.publications
{
	background: url('../graphics/back_publications.jpg') 0 0 no-repeat #9ED8FE;
}
.awards
{
	background: url('../graphics/back_awards.jpg') 0 0 no-repeat #AB1516;
}

div.flash
{
	display: block;
	padding: 55px 0px 10px 30px;
}

#frontpage_topstrokewhite_left
{
	position: absolute;
	top: 21px;
	left: 334px;
	width: 60px;
	height: 29px;
	background: url('../graphics/effect_topstrokewhite_left.png') top left no-repeat;
}

#frontpage_topstrokewhite_right
{
	position: absolute;
	top: 21px;
	left: 890px;
	width: 60px;
	height: 30px;
	background: url('../graphics/effect_topstrokewhite_right.png') top right no-repeat;
}

#newsticker_container
{
	position: absolute;
	width: 592px;
	height: 20px;
	top: 30px;
	left: 353px;
	background: none;
	overflow: hidden;
}

#newsticker
{
	position: absolute;
	top: 0px;
	left: 590px;
	font-family: verdana;
	font-size: 10px;
	white-space: nowrap;
}
#newsticker a
{
	text-decoration: none;
	color: #AB1516;
}
#newsticker a:hover
{
	text-decoration: underline;
	color: #00536d;
}

#navigation
{
	position: absolute;
	top: 29px;
	left: 405px;
	width: 500px;
	height: 20px;
	font-family: verdana;
	color: #000;
	font-size: 12px;
	letter-spacing: 0.5px;
}
#navigation a
{
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
#navigation a:hover
{
	text-decoration: underline;
	color: #444;
}
#navigation a.current, #navigation a.current:hover
{
	color: #888;
	text-decoration: none;
	border-bottom: 4px solid #aaa;
}

.news #navigation a.current, .news #navigation a.current:hover
{
	border-bottom: 4px solid #FFA0C2;
}

.team #navigation a.current, .team #navigation a.current:hover
{
	border-bottom: 4px solid #FF8500;
}

.work #navigation a.current, .work #navigation a.current:hover
{
	border-bottom: 4px solid #D0D0D0
}

.method #navigation a.current, .method #navigation a.current:hover
{
	border-bottom: 4px solid #B9FE91;
}

.awards #navigation a.current, .awards #navigation a.current:hover
{
	border-bottom: 4px solid #AB1516;
}

.publications #navigation a.current, .publications #navigation a.current:hover
{
	border-bottom: 4px solid #9ED8FE;
}


#container .content h1
{
	color: #000;
}

#container .content
{
	position: absolute;
	top: 80px;
	left: 40px;
	width: 880px;
	height: 350px;
	overflow: auto;
	overflow-x: hidden;
}

#container .content .margin
{
	display: block;
	padding: 0 0 0 0;
}

#container .smalltext
{
	position: absolute;
	top: 80px;
	left: 40px;
	width: 340px;
	height: 370px;
	overflow: auto;
	z-index: 2;
}

.paddedContent
{
	display: block;
	padding: 10px;
}

.bbclosebutton_image
{
	height: 25px;
	background: url('../graphics/bb_closebutton_image.png') no-repeat;
}
.bbclosebutton_image a
{
	display: none;
}
.bbclosebutton_page
{
	height: 25px;
	background: url('../graphics/bb_closebutton_page.png') no-repeat;
}
.bbclosebutton_page a
{
	display: none;
}

.compressed p
{
	margin: 0 0 4px 0;
	font-size: 9px;
}
.compressed 
{
	line-height: 10px;
}

.team h1
{
	color: #FE8500;
}

.Employeename
{
	color: #FE8500;
}


/* Links on archive and work */

.toplinks
{
	position: absolute;
	left: 478px;
	top: 0px;
}

.leftlinks
{
	position: absolute;
	left: -8px;
	width: 200px;
	top: 30px;
	line-height: 20px;
}

.toplinks a, .leftlinks a
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0 4px 8px 8px;
	padding: 8px 0 2px 0;
	color: #000;
	font-weight: bold;
}

.toplinks a.active, .leftlinks a.active
{
	color: #888;
	font-weight: bold;
	border-bottom: 4px solid #d0d0d0;
}

.leftlinks a
{
	margin: 8px;
	padding: 4px;
}

/* done */

#helpTitles
{
	position: absolute;
	color: #FE8500;
	top: 460px;
	left: 350px;
	white-space: nowrap;
}
#helpTitles em
{
	color: #000;
}

.Employee h2
{
	position: absolute;
	top: -9px;
	left: 45px;
	font-weight: normal;
	font-size: 17px;
}

#EmployeeInfo span,
#EmployeeInfo p,	
#EmployeeInfo
{
	color:#FFF;
}

#EmployeeInfo h1,
#EmployeeInfo h2,
#EmployeeInfo h3
{
	color:#EEE;
}

#EmployeeInfo a
{
	color: #eee;
}

#TeamNextPrev
{
	position: absolute;
	left: 10px;
	bottom: -10px;
	width: 640px;
}

.leftcontent h1
{
	float: left;
	margin: 0;
}

.leftcontent .text
{
	margin: -10px 0 0 0;
	float: right;
	width: 600px;
}
* html .leftcontent .text
{
	margin: 0px 0 0 0;
	float: right;
	width: 600px;
}