<head>
<style type="text/css">

* {
  margin: 0;
  padding: 0;
}

table {
	border-collapse:collapse;
	margin:0;
	padding:0;
	border-spacing:0;
	color: #3cbe79;
}

@font-face { font-family: corbel; font-style:normal; src: url('CORBEL.TTF');}
@font-face { font-family: corbel; font-style:italic; src: url('CORBELI.TTF');}
@font-face { font-family: corbel; font-weight:bold; src: url('CORBELB.TTF');}


html, body { 
	margin: 0;
	padding: 0;
	font-family:corbel;
	color: white;
	width:100%;
	height: 100%;
}

#bg {
	position:fixed; 
	bottom:0; 
	right:0; 
	z-index:-1;
	
	/* Preserve aspect ratio */
	min-width:100%;
	min-height:100%;
}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -75px;
}

.push  {
	height:75px;
}

.footer {
	height: 65px;
	padding-top:10px;
	background-image:url(white-50.png);
	background-repeat:repeat;
}

#header {
	padding: 10px 0 20px 0;
}

#content {
  width:100%;
  color:#d8d8d8;
}

h1 {
	color: #3cbe79;
	font-variant: small-caps;
	padding-left: 40px;
	padding-top: 20px;
	font-size: 30px;
	line-height: 30px;
	margin: 0;
	/*color:dfc85b;*/
}

span.subtitle {
	padding-left: 40px;
	color: white;
}

p {
	width:940px;
	text-align:justify;
	color:#d0d0d0;
	margin: 0px;
}

ul {
	list-style-position: inside;
	list-style-type:disc;
	padding:0px;
	margin-left:0px;
	width:940px;
}
	

div.menu_item  {
	line-height:40px;
	padding:5px 0px 5px 40px;
	background-image:url(menu-bg.png);
	background-repeat:repeat;
	color:white;
	font-size:24px;
	font-variant: small-caps;
	cursor:pointer;
	clear: both;
}

div.item_div {
	display:none;
	padding:5px 0px 15px 40px;
	background-image:url(black-50.png);
	background-repeat:repeat;
	color:#d0d0d0;
}

div.person_area  {
	position:relative;
	height:175px;
}

div.person_div {
	position:absolute;
	top:0;
	left:0;
	display:none;
	float:left;
	padding:5px;
	width:150px;
}div.student_area  {	position:relative;}

div.name {
	width:150px;
	text-align:center;
}

div.photo  {
	position:absolute;
	top:5px;
	left:0;
}

div.info  {
	position:absolute;
	top:5px;
	left:150px;
	width:700px;
}

img.arrow  {
	padding:0px 20px 0px 20px;
	width:15px;
}

img.photo {
	width:140px;
	display:inline;
	padding-right:40px;
}

a.submenu {
	color: #3cbe79;
	text-decoration:none;
}

a.submenu_active {
	color: #3cbe79;
	text-decoration:underline;
	font-weight:bold;
}

a.link {
	color: #3cbe79;
	text-decoration:none;
	font-style:italic;
	font-size:smaller;
}

table.menu {
	margin-bottom:5px;
}

.menu td  {
	padding-right:40px;
}

table.menu-center {
	margin-bottom:5px;
	text-align:center;
}

span.lighten {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter:alpha(opacity=30); /* msie */  
    -moz-opacity: 0.30; /* firefox 1.0 */  
    -khtml-opacity: 0.30; /* webkit */  
    opacity: 0.30; /* css 3 */  
	zoom: 1;
}

span.name {
	display:block;
	font-size:large;
	font-weight:bold;
}
span.function {
	display:block;
}
span.affiliation {
	display:block;
	font-style:italic;
}

.clear{
	clear:both;
}

.partner {
float:left;
margin-right:10px;
width:270px;

}

img.logo {
	width:250px;
	padding:5px;
	background-image:url(white-50.png);
	background-repeat:repeat;
}

img.logo_footer {
	width:250px;
}

table.white {
	border-collapse:seperate;
	border-spacing:10px;
}

td.white {
	padding:5px 0 5px 0;
	background-image:url(white-50.png);
	background-repeat:repeat;
}

</style>
</head>