html, body {
  	background: #FFF;
  	color:#000;
  	margin: 0;
  	padding: 0;
  	font-family: "Book Antiqua", Arial, Verdana, Helvetica, sans-serif;
  	height: 101%;
  	}
  
a {
 	font-size:10pt;
 	line-height:2.4;
	} 
	
a:link {
	color: #4d4d4d;
	text-decoration: none;
	}
	
a:visited {
	color: #4d4d4d;
	text-decoration: none;
	}
	
a:hover {
	color: #eb9947;
	text-decoration: none;
	}
	
a:active {
	color: #ad661f;
	text-decoration: none;
	}
		  
#wrapper {
  	width: 960px;
  	margin: 0 auto; /* auto on both sides will center wrapper */
  	}
	
#header { position: relative; }

#title {
position: absolute;
 	top: 5px;
 	right: 0px;
	width: 160px;
	/*float: right;
 	margin-top: 5px;*/
	padding: 0;
  	color: #cc3333;
  	font-weight:bold;
  	font-size:101%;
 	}
	
#navigation {
	width: 800px;
/*	margin-right: 160px;*/
	} 
	
#navigation ul, #navigation ul li {
     list-style: none;
     margin-bottom: 8px;
	 margin-top: 7px;
     padding: 0;
 	}
	
#navigation ul {
   	text-align: center;
 	}

#navigation ul li {
    display: inline;
	
   /* margin-right: 0.75em;*/
 	}

#navigation a {
	color: #000;
	list-style: none;
	margin: 10px;
	font-family: "Futura Md BT", Arial, Helvetica, Sans-Serif,Verdana;
	font-size: 9pt;
	font-weight:bold;
	text-decoration: none;
	letter-spacing: 0.2em;
	}
	
#navigation li a:hover { color: #cc3333; }
	
#navigation li a:active, li a.active:hover { color: #999; }	
  
#maincontent p {
  	color:#333;
  	font-family: Arial, Verdana, Helvetica, sans-serif;
  	font-size:10pt;
  	margin: 10px 10px 10px 100px;
  	line-height:1.4;
  	}
	
#maincontent h3 {
  margin: 0 0 0 0;
  padding: 0;
  font-size:12pt;
  color: #669999;
  }

/* -- for collaborations -- */ 
.note {
	color:#808080;
	padding-right: 162px;
  	font-size:10pt;
 	line-height:2.4;
	}
	
/* -- for bio, news, contact -- */ 
.subhead {
  	color:#999;
  	font-weight:bold;
  	font-size:102%;
	letter-spacing: 0.1em;
	}
  
/* -- for news -- */
#Accordion1 p{ margin: 10px 10px 10px 0px; }

#logo {
  	float: left;
	
  }
#sender {
  color:#666;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:9pt;
/*  margin-left: 60%;*/
float:right;
margin-right: 10px;
  }

#news { width:90%; }

.fltlft { /* float an element left */
	float: left;
	margin-right: 12px;
	}
	
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}		

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* -- for links -- */
#leftside {
	width:350px;
	float: left;
}

#rightside {
	width:600px;
	float: right;
}