body {
     margin: 0;
     padding:0;
     background-color: #FFFFFF;
     color:#000000;
     font-family: Tahoma, Arial, Helvetica, sans-serif;
     border-top: 2px solid #2A4F6F;
}
html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
}
html>body, html>body #contents {
	height: auto;
}
#contents {
	position: absolute;
	top: 0;
	left: 0;
}
#header {
	border-top: 1px solid #778899;
	border-bottom: 2px dotted #B2BCC6;
	width: 60em;
	background-image: url(images/ChiBioImageLight.gif);
}
#header .strapline {
	font: 170% Georgia, "Time New Roman", Times, serif;
	color: #778899;
	background-color: transparent;
	position: absolute;
	top: 2em;
	left: 10.3em;
}
#header .logo {
	padding: 0.2em;
	margin-left: 1.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#header .Chi {
	position : absolute;
	top : 2.0em;
	left : 6.5em;
}
#header .Bio {
	position : absolute;
	top : 3.3em;
	left : 6.5em;
}
#navsite {
	 position: absolute;
	 top: 8em;
	 left: 1em;
	 width: 14em;
}
#navsite ul {
	 list-style: none;
	 margin-left: 1em;
	 padding-left: 0;
}
#navsite li {
	 font-size: 80%;
	 border-bottom: 1px dotted #B2BCC6;
	 margin-bottom: 0.3em;
}
#navsite a:link, #navsite a:visited {
	 text-decoration: none;
	 color: #2A4F6F;
	 background-color: transparent;
}
#navsite a:hover {
	 color: #778899;
}
#navsite h2 {
	 font: 110% Georgia, "Times New Roman", Times, serif;
	 color: #2A4F6F;
	 background-color: transparent;
	 border-bottom: 1px dotted #cccccc;
}
#content{
	margin-left: 16em;
	margin-right: 2em;
	margin-bottom: 3em;
	width: 40em;
}
#content h1 {
	font: 150% Georgia, "Times New Roman", Times, serif;
	padding-left: 0.5em;
}
#content h2 {
	font: 150% tahoma, sans-serif;
	padding-left: 0.5em;
	text-align: center;
}
#content h3 {
	font: 130% tahoma, sans-serif;
	padding-left: 1.0em;
	text-align: left;
}
#content p {
	 font-size: 80%;
	 line-height: 1.6em;
	 padding-left: 1.2em;
}
#content li {
	 font-size: 80%;
	 line-height: 1.6em;
	padding-left: 3.0em;
}
#content .leftimage {
	float: left;
	border: 0px;
	margin-top: 10px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 10px;
}
IMG.centreimage {
	display: block;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
}
#content h1.news {
	font: 130% tahoma, sans-serif;
	padding-left: 0.5em;
	text-align: left;
}
#content h2.news {
	font: 95% tahoma, sans-serif;
	padding-left: 0.8em;
	text-align: left;
}
#content p.news {
	font: 85% tahoma, sans-serif;
	padding-left: 1.8em;
	text-align: left;
}
#content p.quote {
	font: italic 120% tahoma;
	padding-left: 1.8em;
	text-align: center;
}
#content p.reference {
	font: 90% times;
	padding-left: 1.8em;
	text-align: right;
}
#content li.news {
	font: 85% tahoma, sans-serif;
	padding-left: 1.8em;
	text-align: justify;
}
#content p.generic {
	font: 85% tahoma, sans-serif;
	padding-left: 1.8em;
	text-align: left;
}
#content p.special {
	font: 90% tahoma, sans-serif;
	padding-left: 1.8em;
	text-align: center;
	color: blue;
}
#content p.smallprint {
	font: 70% tahoma, sans-serif;
	padding-left: 1.8em;
	text-align: right;
	color: green;
}
#content li.generic {
	font: 85% tahoma, sans-serif;
	padding-left: 1.8em;
	text-align: left;
	line-height: 160%;
}
#content p.info {
	font-size: 120%;
	text-align: center;
}
#content p.bloginfo {
	font-size: 100%;
	text-align: center;
	background-color: #66FF99;
	padding-top: 15px;
	padding-bottom: 15px;
	border-style: outset;
	border-color: #66CC66;
}
#content p.blogsummary {
	font-size: 90%;
	text-align: center;
	background-color: #99CC99;
	padding: 30px;
	border-style: outset;
	border-color: #999999;
}
#content p.blogpara {
	font-size: 80%;
	line-height: 1.6em;
	text-align: justify;
	padding-left: 1.2em;
	padding-right: 1.2em;
}
#content p.blogsignature {
	font-size: 90%;
	line-height: 1.8em;
	text-align: left;
	padding-left: 1.2em;
	background-color: #99CC99;
	border-style: outset;
	border-color: #999999;
}
#content h3.contact {
	font-size: 95%;
	font-weight: bold;
	text-align: left;
}
#content p.contact {
	font: 100% "andale mono", monospace;
	text-align: left;
	margin-left: 4em;
}
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	border-top: 1px dotted #AAAAAA;
	background-color: #CCCCCC;
	color: #626262;
	font-size: 70%;
	text-align: center;
}
#footer p {
	margin: 0.5em 0 1em 2em;
	padding: 0;
}	
