/* RESET */

* {
  margin: 0;
  padding: 0;
}

/* STYLES */

/* BODY */

html {
	height: 100%;
}

/* BODY */ 

body {
	font-family: 'Ubuntu', sans-serif;
	background-image : url(back.png);
	background-repeat: no-repeat;
	background-position:center top;
	color: black;  
	background-color: #eeeeee;
	line-height: 1.5em;
	text-align: left;
	min-width: 100%;
	width: 100%;
	font-size: 0.9em;
	height: 100%;
}

/* Stretch to 100% */

#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width: 100%;
	max-width: 900px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background-position:left;
	background-repeat: repeat-y;
	background-image: url(../graphic/sidebar.png);
	background-color: #ffffff;
	}

	
/* Header */
div#headerback {
	background-image : url(back.png);
	background-color: #eeeeee;
	background-position:center top;
}

div#header {
	max-width: 900px;
 	width: 100%;
	margin: 0 auto;
	height: 110px;
	min-height: 110px;
	background-image: url(../graphic/headerback.png);
	background-repeat: repeat;
}	

img#logo {
	margin-top: 30px;
	margin-left: 40px;
}

/* Wrapper */

div#wrapper {
	max-width: 900px;
 	width: 100%;
	min-height: 100%;
	height: auto;
	margin: 0 auto;
	padding-bottom: 184px;	
	background-position:left;
	background-repeat: repeat-y;
	background-image: url(../graphic/sidebar.png);
	background-color: #ffffff;
	}

/* Nameblock*/

div#nameblock {
	max-width: 900px;
 	width: 100%;
	height: 150px;
	min-height: 150px;
	background-image: url(header.jpg);
	background-repeat: no-repeat;
	background-position:left center;
}

div#nameblock h1 {
	color: white;
	text-shadow: 1px 1px 1px #002342;
	font-weight: normal;
	padding-top: 60px;
	padding-left: 40px;
	padding-bottom: 5px;
	font-size: 25px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

/* Group titles */

div#grouptitles {
	padding-left: 40px;
}

#grouptitles a {
	color: #ffffff;
	text-shadow: 1px 1px 1px #002342;
	font-size: 1em;
	border: 0px;
	letter-spacing: 2px;
	}


/* Group links */

div#grouplinks {
	padding-left: 40px;
}

#grouplinks a {
	color: #ffffff;
	text-shadow: 1px 1px 1px #002342;
	font-size: 1em;
	text-decoration: underline;
	border: 0px;
	letter-spacing: 2px;
	}

#grouplinks a:link {		/* link */
	color: #ffffff;
	border: 0px;
	}

#grouplinks a:visited {		/* visited link	*/
	color: #ffffff;
	border: 0px;
	}

#grouplinks a:active {		/* active link	*/
	color: #ffffff;
	border: 0px;
	}

#grouplinks a:hover {   /* hover link */
	background-image: none;
	text-shadow: 1px 1px 1px #0070d0;
	color: white;
	border: 0px;
	text-decoration: underline;
}

/* Don't show other group link */

#semilink {
 display: none;
}

#biolink {
 display: none;
}

#mmmlink {
 display: none;
}

#scmlink {
 display: none;
}


/* Main content backgrounds */

div#photo {
	background-color: white;
	background-position:right top;
	background-repeat: no-repeat;
	background-image: url(../photo.jpg);
	min-height: 300px;
	height: 300px;
	max-width: 400px;
	float: right;
}

div#sidetop {
	background-position:left top;
	background-repeat: no-repeat;
	background-image: url(../graphic/sidetop.png);
	min-height: 29px;
	height: 29px;
}

div#sidebar {
	background-position:left;
	background-repeat: repeat-y;
	background-image: url(../graphic/sidebar.png);
	padding-left: 50px;
	padding-right: 100px;
}

/* Content */


h2 {
	width: 100%;
	color: #3a3a3a;
	text-shadow: 1px 1px 1px #eeeeee;
	font-weight: bold;
	font-size: 15px;
	padding-top: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e1e1e1;
	margin-bottom: 10px;
	margin-top: 30px;
}

/* Headline icons */

#general {
        min-height: 32px;
        background-position:left center;
        background-repeat: no-repeat;
        background-image: url(../graphic/info.png);
        padding-left: 40px;
        margin-top: 0px;
}


#contact2 {
        min-height: 32px;
        background-position:left center;
        background-repeat: no-repeat;
        background-image: url(../graphic/contact.png);
        padding-left: 40px;
}


#contact {
	min-height: 32px;
	background-position:left center;
	background-repeat: no-repeat;
	background-image: url(../graphic/contact.png);
 	padding-left: 40px;
	margin-top: 0px;
}

#research {
	min-height: 32px;
	background-position:left center;
	background-repeat: no-repeat;
	background-image: url(../graphic/research.png);
 	padding-left: 40px;
}

#publications {
	min-height: 32px;
	background-position:left center;
	background-repeat: no-repeat;
	background-image: url(../graphic/publications.png);
 	padding-left: 40px;
}

#info {
	min-height: 32px;
	background-position:left center;
	background-repeat: no-repeat;
	background-image: url(../graphic/info.png);
 	padding-left: 40px;
}


ul {
  padding-left: 30px;
	list-style-type: square;
}

li span {
	font-size: 2em;
}

li {
  font-size: 0.5em;
}


p#contactname {
  padding-left: 30px;
}

a.link {
	color: #0074a5;
	font-size: 1em;
	text-decoration: none;
	border: 0px;
	letter-spacing: 1px;
	}

a.link:link {		/* link */
	color: #0074a5;
	border: 0px;
	}

a.link:visited {		/* visited link	*/
	color: #0074a5;
	border: 0px;
	}

a.link:active {		/* active link	*/
	color: #0074a5;
	border: 0px;
	}

a.link:hover {   /* hover link */
	background-image: none;
	color: black;
	border: 0px;
	text-decoration: underline;
}


/* Footer */

div#footer {
	min-height: 164px;
	height: 164px;
	position: absolute;
	width: 100%;
	min-width: 100%;
	bottom:0;
	margin: 0 auto;
}

div#footerwrap {
	background-image: url(../graphic/footer.png);
	background-repeat: no-repeat;
	background-position:left bottom;
	max-width: 900px;
 	width: 100%;	
	margin: 0 auto;
	height: 164px;
	min-height: 164px;
}

#footer ul {
	padding-top: 50px;
	margin-left: 150px;
	}
	
#footer li {
	list-style-type: none;
	padding-top: 0.5em;
	font-size: 0.8em;
	}
	
	
#footer a {
	color: #6a6a6a;
	text-transform: uppercase;
	font-size: 1em;
	text-decoration: none;
	border: 0px;
	letter-spacing: 1px;
	}

#footer a:link {		/* link */
	color: #6a6a6a;
	border: 0px;
	}

#footer a:visited {		/* visited link	*/
	color: #6a6a6a;
	border: 0px;
	}

#footer a:active {		/* active link	*/
	color: #6a6a6a;
	border: 0px;
	}

#footer a:hover {   /* hover link */
	background-image: none;
	color: #6a6a6a;
	border: 0px;
	text-decoration: underline;
}