/*  -----------------------------------------------
Author:   Lihua Zhu (lz251@cam.ac.uk)
Version:  16 July 2008
----------------------------------------------- */
/*basics*/
body{background-color:#faffff;color:#333;font:78%/150% Georgia,Arial,Verdana,sans-serif;margin:0;padding:0}
p{font-size:1.1em;margin:1.1em 0}
h1{color:#D63900;font-size:1.6em;margin:.5em 0}
h2{color:#D63900;font-size:1.4em;margin:0}
h3{color:#2C3B22;font-size:1.2em;margin:1em 0}
a{font-weight:700;text-decoration:underline}
a:link{color:#D92B00}
a:visited{color:#FF723D}
a:hover{color:#1E597F;text-decoration:none}
a:active{color:#D63900}
img{border:0}
/*---layou---t*/#container{margin:0 auto}
#banner{background:#faffff url(../imgs/bannerbg.jpg) repeat-x 0 0;height:141px;margin:0;padding:0}
.bannertxt{padding-left:230px;text-align:left}
.bannerimg{position:absolute;left:0;top:0}
#main{margin:20px 10px 10px!important;margin:10px;width:98%}
#sidebar{float:left; width:24%; padding-bottom:20px}
#contents{float:right;width:70%; padding-right:20px}
#footer{background-color:#77aab9;clear:both;height:50px;margin-top:10px;padding:0}
#footer p{color:#fff;padding:16px 30px 10px;text-align:right}
.placer{float:right;margin:0 15px 15px;padding:7px}
.placel{float:left;margin:0 15px 15px;padding:3px}
.tutu{float:left;width:300px;margin-right:20px!important;margin-right:10px}
.long{width:140px}
.tutu img{margin:15px 10px 3px}
.tutu p{font-size:11px;font-style:italic;margin:4px;padding:2px 2px 2px 10px}
<!--horizontal navigation-->
ul{margin:0;padding:0}
/*for ie6*/#nav,ul{margin:6px 10px;padding:0;margin-left:226px}
#nav li{display:inline;list-style-type:none;}
#nav a:link,#nav a:visited{color:#2C3B22;float:left;font-size:12px;font-weight:400;padding:0 16px 16px 0;text-decoration:none; }
#nav a:link.active,#nav a:visited.active,#nav a:hover{color:#D92B00}
<!--left menu navigation-->
#button li{list-style:none;margin:0}
#button ul{border:0;list-style-type:none;margin:0;padding:0 0 0 10px;width:98%!important;width:84%}
#button li a{background:url(../imgs/markbc.gif) #faffff no-repeat 0 10px;color:#2e6a7b;display:block;padding:5px 5px 5px 20px;text-decoration:none;width:100%}
html>body #button li a{background:url(../imgs/markbc.gif) #faffff no-repeat 0 10px;width:auto}
#button li a.current {
	background:url(../imgs/marker.gif) #faffff no-repeat 0px 10px;
	color:#D92B00
}
#button li a:hover{background:url(../imgs/marker.gif) #faffff no-repeat 0 10px;color:#D92B00}
.straight{font-style:normal/*font-weight:600;*/}
/*remove it*/#content{padding:0 12px 0 28%}
#leftmenu{float:left;margin:0;padding:0}
blockquote{font-size:90%; background: url(../imgs/quote.jpg) no-repeat top left; color:#666; padding:1px 30px}
.anno{color:#990000}