html {
    /* overflow: -moz-scrollbars-vertical;*/
	overflow: scroll;
	font:12px/18px Verdana, Arial, Tahoma, Helvetica, Verdana, sans-serif;	 
}

body {
	background: #90EF80 url(images/bg_gradient.jpg) repeat-x; 
	font-size: 100%;
	text-align:center; 	
	color: black;
	margin:0px;
	padding:0px;
}

/* link color and font */
#body_home #nav_home a, #body_research #nav_research a, #body_teaching #nav_teaching a, #body_service #nav_service a, #body_links #nav_links a, #body_contact #nav_contact a {
	background: #666666;
	color: #fff;
	font-weight: bold;
}

#container {
	position: relative;
	margin:10px auto 0px auto;
	width:810px;
	text-align:justify;
	height:100%;
	border-top: 4px white solid;
	background: #fff;
}

/* banner */
a #banner {
	background: url(images/banner.jpg) no-repeat;
	height: 150px; width:802px; 
	margin-top:0px;
	margin-left:4px;
}

/* a:hover #banner {
	background: url(images/banner_over.jpg) left no-repeat;
} */

#logo {
	background: url(images/logo.jpg) left no-repeat;
	/*position: absolute; top:305px; left:45px;*/
	float:right; padding-top:40px;
	width:100px;
	height:120px;
}

/* navigation */
#nav {
	margin: 0px 0px 0px 4px;
	padding: 0px;
	background: #999999;
	list-style-type: none;
	width: 180px;
}

#bg_nav {
	background: url(images/bg_sidebar.jpg);
	margin: 0px 0px 0px 4px;
	position:float;
	width: 180px;
	height:250px;
}

#nav li {
	margin: 0;
	padding: 0;
}

#nav a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	padding: 0 15px;
	line-height: 2.5;
	border-bottom: 1px solid #fff;
}

#nav #nav_contact a {
	border: none;
}

#nav a:hover {
	background: #40af85;
}

/* home page positioning */
#home_content, #content {
	position: absolute;
	top:150px; 
	left: 0px;
	background: #fff;
	width:810px;
	height:500px;
}

#home_center, #home_across {
	position: absolute;
	top: 0px;
	left: 184px;
	width: 360px;
	padding-left: 25px;
	padding-right: 25px;
	background: #fff;
}

#home_across {
	position: absolute;
	top: 0px;
	left: 184px;
	width: 576px;
}

#home_across li {
	margin-bottom:20px;
}

.left {
	float:left;
	width: 120px;
}

.right {
	float:left;
	width:400px;
}

#home_right {
	position: absolute;
	top: 10px;
	left: 540px;
	width: 262px;
	height:480px;
	background: #fff url(images/bg_line.gif) repeat-y;
}

h1, h2 {
	font: Verdana, Arial, Tahoma, Helvetica, sans-serif;	 
	font-size: 16px;
	color: #1562E2;
	padding-top: 10px;
	padding-bottom: 0px;
}

h2 {
	font-size: 14px;
	color: #cccccc;
	padding-bottom:0px;
}

#pic_laher {
	background: url(images/pic_laher.jpg) no-repeat;
	width:170px;
	height:250px;
	margin-left:50px;
	margin-bottom:20px;
}

a #button_bio {
	background: url(images/button_bio.gif) no-repeat;
	width:170px;
	height:250px;
	margin-left:50px;
}

a:hover #button_bio {
	background: url(images/button_bio_over.gif) no-repeat;
}

a #button_papers {
	background: url(images/button_papers.gif) no-repeat;
	width:170px;
	height:250px;
	margin-left:60px;
	margin-top:30px;
}

a:hover #button_papers {
	background: url(images/button_papers_over.gif) no-repeat;
}

/* link styles */

#link li {
	margin: 0;
	padding: 0;
}

#link a {
	display: block;
	text-decoration: none;
	color: #cccccc;
	font-size: 14px;
	font-weight: bold;
	line-height: 2.5;
	border-bottom: dotted #40af85 1px;
	width: 280px;
}

#link a:hover {
	color: #40af85;
}