* {margin: 0; padding: 0}

body {font: 80%  Arial, Helvetica, sans-serif;}

blockquote {font-style: italic; margin: 1em .25em;}

a {color: #633;}

dl {margin: 1em 0;}

	dt {display: inline; font-weight: bold;}
	
	dd {margin: 0 0 1em 1em;}
	

h1 {font: 200% Georgia, "Times New Roman", Times, serif; color: #900; margin: 10px 0 .5em 0;}

h1.title {font: 200% Georgia, "Times New Roman", Times, serif; color: #fff; margin: 10px 0 .5em 0; text-align:right;}

h2 {font: 150% Georgia, "Times New Roman", Times, serif;}

hr.clearer {clear: both; visibility: hidden;}

img {border: none;}

p {margin: .5em 0;}

.skip {position: absolute; top: -999px; left: -999px;}

table {width: 99%; margin: 0 0 1em 0;	}

	caption {font-size: 120%; font-weight: bold; text-align: left; border-bottom: 1px solid #666;}
	
	tr.odd {background-color: #ccc;}
	
	td {vertical-align: top; padding: .25em;}

	th {background-color: #ccc; padding: .25em;}
	
	tbody th {text-align: left;}
	
	
.dateline {font: 10px Arial, Helvetica, sans-serif; color: #666;}





#bannerimg {position: relative; top: -115px;  left: -1px; border: 1px solid #ccc; border-width: 0 1px; margin-bottom: -95px;}


#border {border-left: 1px solid #ccc; border-bottom: 1px solid #fff; padding: .5em;}


#container {width: 760px; margin: 0 auto; border: 1px solid #ccc; border-width: 0 1px; background: #fff url(imgs/border-left.gif) repeat-y top left;}


#content {margin: 0 0 0 165px; padding: .5em; line-height: 1.25em;}

#content div.promo {float: right; width: 38%; margin: 0 .5em .5em .5em;}

#content div.promo div {clear: right; border: 1px solid #E7D19A; padding: .5em;}

#content div.promo div img {float: left; margin: 0 .5em 0 0;}

#content div.promolist {border-bottom: 1px solid #666;}

#content div.promolist img {float: left; margin: .5em;}

#content div.promo h3 {display: inline;}

#content div.promo img {float: right;}

#content h2 {margin: 1em 0 0 0;}

#content h3 {font-size: 100%;}

#content h3 a {color: #666;}

#content li {margin: 0 0 .5em 0;}

#content p {margin: 0 0 1em 0}

#content ul, #content ol {margin: 1em 2em;}
	

#footer {text-align: center; color: #fff;}

#footer a {color: #fff;}

#footer ul {padding: .3em 0; background-color: #900; text-align: center;}

#footer ul li {display: inline;}

#footer ul li a {color: #fff; text-decoration: none; padding: 0 .5em; font-weight: bold; font-size: small; border-right: 1px solid #fff;}

#footer ul li a:hover {text-decoration: underline;}

#footer ul li.last a {border-right: 0;}
	

#header {color: #fff; padding: 0 0 4px 0; background: #900 url('imgs/yellow.gif') repeat top left;}

#header div {background-color: #900; padding: 6.5px 0;}

#header div div {margin: 0 auto; padding: 0; width: 760px;}


#nav {}

#nav ul {border: 1px solid #ccc; border-width: 1px 0 0 0; background-color: #fff;}

#nav ul.byaudience {margin: 2em 0 2em 0;}

#nav ul li {list-style: none; display: inline; height: 1%; margin: 0;}

#nav ul li a {display: block; padding: .25em .5em; text-decoration: none; color: #000; border-bottom: 1px solid #ccc; font: normal 110% 'Trebuchet MS';}

#nav ul li a:hover {background-color: #ccc;}

#nav ul li ul {display: none;}

body.home #home a,
body.research #research a,
body.publications #publications a,
body.photos #photos a,
body.software #software a,
body.standards #standards a,
body.others #others a,
body.resume #resume a {background-color: #900; color: #fff;}

body.home #home a:hover,
body.research #research a:hover,
body.publications #publications a:hover,
body.photos #photos a:hover,
body.software #software a:hover,
body.standards #standards a:hover,
body.others #others a:hover,
body.resume #resume a:hover {background-color: #ccc; color: #000;}



#sidebar {float: left; width: 160px;}

#sidebar div.promo {background-color: #d6ddd3; border-top: 1px solid #fff;}

#sidebar div.promo p {padding: .25em .25em 1em .25em; margin: 0;}

#sidebar div.promo p img {float: left; margin: 0 .5em .5em 0;}

#sidebar div.promo ul {padding: 0 0 1em 0; margin-left: 2em;}

#sitename {width: 760px; margin: 0 auto 0 auto; text-align: right;}