body {
background-color: white;
text-align: center;
scrollbar-face-color: #EEF;
scrollbar-arrow-color: blue;
scrollbar-shadow-color: blue;
scrollbar-darkshadow-color: white;
scrollbar-3dlight-color: #99F;
}


#container{
width: 800;
position: relative;
margin: auto;
}

	#index div{
	border-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	overflow: none;
	}
	
	#index a{
	float: left;
	overflow: hidden;
	padding-top: 45px;
	height: 0px !important; 
	height /**/:45px; /* for IE5/Win only */ 
	}
	
		#index a:hover{ background-position: 0 -50px;}

	
	#ecircle		{left: 153; top: 0; background: url(img/ecircle.jpg) top left no-repeat; width: 494; height: 487;}
	#etitle			{left: -96; top: 15; background: url(img/etitle.png) top left no-repeat; width: 366; height: 49;}
	#elogo			{left: 587; top: 389; background: url(img/elogo.png) top left no-repeat; width: 310; height: 65;}
	#eresearch		{left: 50; top: 228;}
	#egroup			{left: 69; top: 304;}
	#emarek			{left: 100; top: 380;}
	#epublications	{left: 528; top: 56;}
	#eformer		{left: 596; top: 133;}
	#einternal		{left: 621; top: 209;}
	#econtact		{left: 608;top: 288;}
	
	#eresearch		a { background: url(img/eresearch.png) top left no-repeat; width: 126;}
	#egroup			a { background: url(img/egroup.png) top left no-repeat; width: 127; padding-top: 46px;height/**/:46px;}
	#emarek			a { background: url(img/emarek.png) top left no-repeat; width: 157; padding-top: 47px;height/**/:47px;}
	#epublications	a { background: url(img/epublications.png) top left no-repeat; width: 170;}
	#eformer		a { background: url(img/eformer.png) top left no-repeat; width: 182; padding-top: 46px; height/**/:46px;}
	#einternal		a { background: url(img/einternal.png) top left no-repeat; width: 153; padding-top: 48px; height/**/:48px;}
	#econtact 		a { background: url(img/econtact.png) top left no-repeat; width: 109;}
	
	#credit			{position:relative; top: 510; border-style: none;}
	
	
#title{
width: 793;
height: 117;
position: relative;
margin: 0;
padding: 0;
}
#title img{border: 0;}

	#title1{
	width: 459;
	height: 117;
	position: absolute;
	top: 0;
	left: 0;
	background: url(img/title.png) top left no-repeat;
	z-index: 1;
	}
	#technion{
	width: 41;
	height: 50;
	position: absolute;
	top: 0;
	left: 705;
	z-index: 3;
	}
	#schulich{
	width: 248;
	height: 31;
	position: absolute;
	top: 70;
	left: 495;
	z-index: 4;
	}
	#kolbe{
	width: 334;
	height: 34;
	position: absolute;
	top: 43;
	left: 459;
	background: url(img/kolbe.png) top left no-repeat;
	z-index: 2;
	}

	
#leftside{
position:absolute;
left: 0;
top: 122;
width: 150;
z-index: 2;
margin: 0;
padding: 0;
}
* html #leftside{left: 3;}

	#nav{
	width: 150px;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	position: relative;
	}
	
		#nav li {
		margin: 0; 
		padding: 0;
		list-style: none;
		height: 39px;
		}
	
		#nav a {
		float: left;
		overflow: hidden;
		padding: 39px 0 0 0;
		height: 0px !important; 
		height /**/:39px; /* for IE5/Win only */ 
		}
	
		#nav a:hover, #nav a.current {
		background-position: 0 -39px;
		}
	
		#bhome a  {width: 150px; background: url(img/bhome.png) top left no-repeat;}
		#bmarek a  {width: 150px; background: url(img/bmarek.png) top left no-repeat;}
		#bresearch a  {width: 150px; background: url(img/bresearch.png) top left no-repeat;}
		#bgroup a  {width: 150px; background: url(img/bgroup.png) top left no-repeat;}
		#bpublications a  {width: 150px; background: url(img/bpublications.png) top left no-repeat;}
		#bformer a  {width: 150px; background: url(img/bformer.png) top left no-repeat;}
		#binternal a  {width: 150px; background: url(img/binternal.png) top left no-repeat;}
		#bcontact a  {width: 150px; background: url(img/bcontact.png) top left no-repeat;}
	

	
	#small_illustration{
	position: relative;
	top: 5;
	left: 10;
	width: 112;
	height: 68;
	background: url(img/cyclopropane.jpg) no-repeat;
	margin: 0;
	padding: 0;
	}
	* html #small_illustration{left: -10;}
	


#content{
position: absolute;
left: 128;
top: 117;
width: 620;
background: url(img/vertical_pipe.bmp) left repeat-y;
z-index: 1;
text-align: left;
padding-left: 30;
}
* html #content{left:131; width: 660;}
#content2{position:relative;} /*just an inner div to make the bottom_line relative to it, so it will always be under the content */

	#vertical_pipe{
	position: relative;
	width: 16;
	height: 100%;
	float: left;
	}

#bottom_pipe{
position: relative;
left: -30;
width: 660;
height: 60;
background: white url(img/bottom_pipe.jpg) top left no-repeat;
text-align: center;
	}

	#credit2{
	position: relative;
	top: 25;
	}
	
	#credit2 img { border-style: none;}

	#content img.title{
	position: relative;
	display: block;
	}
	
	#content p{
	position: relative;
	text-align: justify;
	font-size: 14px;
	font-family: Arial;
	font-weight: 100;
	line-height: 1.2;
	margin: 10;
	padding: 0;
	}
	* html #content p{line-height: 1.4;}
	#content p.right{text-align:right; margin-bottom:20;}
	#pubs p.right{margin: 20 0 20 0;}
		#pubs p.right a{color:red;}
	#contact p{font-weight: bold; line-height: 1.5; margin: 10 50;}
	
	#content strong{
	font-weight: bold;
	}

	#content em{
	text-decoration: italics;
	}
	
	#content .left_illustration{
	position: relative;
	float: right;
	margin: 0 0 5 15;
	padding: 1;
	border: solid 1px navy;	
	}
	#marek .left_illustration{border: 0;}
	#internal1 .left_illustration{border: 0;}

	
#grouplist{
position: relative;
width: 500;
height: 290;
}

#grouplist div{
position: absolute;
}
	
	#leftgrouplist{
	position: absolute;
	top: 0;
	left: 230;
	}	
		
	
	
.studentbox{
position: relative;
width: 570;
height: 200;
border-width: 1px;
border-color: #222299;
border-style: solid;
border-bottom-color: #444499;
border-right-color: #444499;
border-left-color: lightgray;
border-top-color: lightgray;
margin: 25 20;
}
#postdocs .studentbox{ height: 300;}
#internal1 .studentbox{ height: 100;}
#internal2 .studentbox{ height: 740;}
#former .studentbox{ height: 100;}


	.studentbox2{
	position: relative;
	width: 566;
	height: 196;
	border-width: 2px;
	border-color: orange;
	border-style: solid;
	}
	* html .studentbox2{ height: 200; width: 570;}
	
	#former .studentbox2{border-color: #8B9BBA;}
	#internal .studentbox2{border-color: #F70004;}
	
	#internal1 .studentbox2{height: 96;}
	* html #internal1 .studentbox2{height: 100;}
	#internal2 .studentbox2{height: 736;}
	* html #internal2 .studentbox2{height: 740;}
	#postdocs .studentbox2{ height: 295;}
	*html #postdocs .studentbox2{ height: 300;}


	#former .studentbox2{ height: 96;}
	*html #former .studentbox2{ height: 100;}

	
	img.studpic{
	position: absolute;
	top: 13;
	left: 20;
	display: inline;
	padding: 1;
	border: solid 1px navy;		
	}

	.studtext{
	position: absolute;
	left:160;
	top: 10;
	width: 385;
	text-align: justify;
	font-size: 13px;
	font-family: Arial;
	font-weight: 100;
	line-height: 1.1;
	}
	#former .studtext{left:20; width: 530;}

	
h2{
	font-size: 16px;
	font-family: Arial;
	font-weight: bold;
	line-height: 1.5;
	margin: 30 0;
	word-spacing: 2;
	color: #222266;
}
	#marek h2{margin-bottom:10;margin-left: 10;}
	#internal h2{margin: 0 10;}

h3{
	font-size: 15px;
	font-family: Arial;
	font-weight: bold;
	text-decoration: underline;
	margin: 30 0 20 25;
	word-spacing: 2;
	color: #111155;
}
#grouplist h3{margin-bottom:0;}	

h4{
	font-size: 15px;
	font-family: Arial;
	font-weight: normal;
	text-decoration: underline;
	margin: 30 0 20 25;
	word-spacing: 2;
	color: #111155;
}
	
a{text-decoration: underline;	}
	a:link{color: #0033bb;}
	a:hover{text-decoration:none;}
		

ul{
line-height: 1.5;
font-size: 13px;
font-family: Arial;
}

table{
position: relative;
left: 30;
width: 500;
border-width: 1px;
border-style: solid;
border-color: white;
font-size: 13px;
font-family: Arial;
font-weight: normal;
text-align: left;
margin-top: 10;}
#marek table{font-size:14px}

td{
padding: 3;
}
#marek td{padding-left: 10;}

	td.date{width: 60; vertical-align: top;}
	td.lit{width: 140;}
	td.progress{width: 140;}
	td.seminar{width: 140;}
	td.file{width: 30;}
	
tr.head{background-color: #8888bb;}
tr.odd{background-color: aliceblue;}