html {
	font-family: Myriad Pro, Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight: 400;
	color: #5a5a5a;
}

body {
	/*background: url('/images/Gradient327.png') repeat-x top;*/
	background: white;
}

h1 {
	display: list-item;
	list-style: inside url('/images/h1.png') disc;
	font-size: 12pt;
	text-transform: uppercase;
	color: #76006c;
	margin-top: 3ex;
	margin-bottom: 1.5ex;
/*	font-weight: bold;  */
/*	margin-left: -30px; */
}
h1:first-line {
	vertical-align: top;
}

h1:first-child,
img.Float:first-child + h1
{
	margin-top: 2ex;	/* Smaller margin on page-top h1 */
}

h2, #Publication h1 {
	display: block;
	font-size: 12pt;
	text-transform: uppercase;
	color: #76006c;
	border-color: #76006c;
	border-top: solid 1px;
	padding-top: 0.5ex;
	margin-top: 3ex;
	margin-bottom: 0.5ex;
}

h3 {
	font-size: 12pt;
	color: #76006c;
	margin-top: 2ex;
	margin-bottom: 0.5ex;
}

h4 {
	font-size: 10pt;
	color: #76006c;
	margin-top: 1.5ex;
	margin-bottom: 0.5ex;
}

hr.h2 {
	font-size: 12pt;
	color: #76006c;
	border-color: #76006c;
	border: none 0px;
	border-top: solid 1px;
	padding: 0px;
	padding-bottom: 0.7ex;
	margin: 0px;
	margin-top: 3ex;
}

.Publication hr.h2 {
	margin-top: 2ex;
}

h2.NoRule,
hr.h2 + h2,
hr.h2 + .Stub > h2,
hr.h2 + .Float + h2,
hr.h2 + .Stub > .Float + h2
{
	border-top: none 0px;
	padding-top: 0ex;
	margin-top: 0ex;
}

h1 + h2,
h1 + hr.h2
{
	margin-top: 0ex;
}

p + p {
	margin-top: 2ex;
}

.Contact > li {
	display: block;
}

dl.Events>dt,
dl.News>dt
{
	color: #76006c;
}

dl.Events>dt>a,
dl.Events>dt>a:link,
dl.Events>dt>a:visited,
dl.Events>dt>a:active,
dl.Events>dt>a:hover,
dl.News>dt>a,
dl.News>dt>a:link,
dl.News>dt>a:visited,
dl.News>dt>a:active,
dl.News>dt>a:hover
{
	color: #76006c;
}

dl.Events > dd + dt {
	margin-top: 2ex;	/* Vertical gap between items in Events list */
}

dl.News > dd + dt {
	margin-top: 1ex;	/* Vertical gap between items in News list */
}

a.More,
a.More:link,
a.More:visited,
a.More:active,
a.More:hover
{
	color: #e87400;
}

.CoursePage ul,ol{margin:15px 0px 15px 0px;padding:0}
.CoursePage li ul,li ol{margin:0}
.CoursePage ul li{list-style:inside; margin-left:15px;}

.CoursePage table{border-collapse:collapse;border-spacing:0;margin:20px 0px 30px 0px;padding:0; border:0; width:100%;}
.CoursePage th {font-weight:bold; padding:2px 4px 2px 4px; border:1px #999 solid; color:#777;}
.CoursePage td {padding:2px 4px 2px 4px; border:1px #777 solid;}
.CoursePage td.ctr {text-align:center;}

.Profile h2,
.Research h2,
.Publication h2
{
	margin-top: 0ex;
}

h1 + .Profile hr.h2,
h1 + .Research hr.h2,
h1 + .Publication hr.h2,
h1 + .Resource h2,
h1 + .Course h2
{
	margin-top: 0;
}

.Profile + .Profile,
.Publication + .Publication,
.Research + .Research,
.Resource + .Resource,
.Course + .Course
{
	margin-top: 2ex;
}


.ProfileStub {
	min-height: 108px;
}

.Profile dl {
	margin-top: 2ex;
}

.Profile dl > dt {
	color: #76006c;
}

.Profile h2 {
	text-transform: none;
}


.ResearchStub {
	min-height: 202px;
}


.PublicationStub {
	min-height: 108px;
}

.Publication h2 {
	margin-bottom: 0.33ex;
}

.Publications > li {
	list-style: none;
}

.Publications > li + li {
	margin-top: 2ex;
}

ul.Publications {
	margin-bottom: 2ex;
}


.Course h2 {
	margin-bottom: 1ex;	/* This specifies gap between course name and lecturer. */
}

.Courses > li {
	list-style: none;
}

.Courses > li + li {
	margin-top: 1ex;
}

.Courses > li + li + li {
	margin-top: 2ex;
}

ul.Courses {
	margin-bottom: 2ex;
}


.Float.Right {
	margin-left: 1.5em;
}

.Float.Left {
	margin-right: 1.5em;
}

.Publications h2 a,
.Publications h2 a:link,
.Publications h2 a:visited,
.Publications h2 a:active,
.Publications h2 a:hover
{
	color: inherit;
}

.Courses h2 a:first-child,
.Courses h2 a:first-child:link,
.Courses h2 a:first-child:visited,
.Courses h2 a:first-child:active,
.Courses h2 a:first-child:hover
{
	color: inherit;
}

div.small,
span.small
{
  font-size: 60%; color: #005000;
}

td.small
{
  font-size: 60%
}


/*
----------------------------------------------------------------------------------------------------
Page top
----------------------------------------------------------------------------------------------------
*/
/*
#PageHeader {
	background: url('/images/render.png') no-repeat 100% -10px;
}
*/

#PageHeader .TopLine {
	display: block;
	border: none;
	background: #e87400;
	height: 6px;
	margin: 0;
}

#PageHeader .Menu,
#PageHeader .Menu > li {
	padding-top: 1ex
}

#PageHeader .Menu > li {
	padding-right: 0.5em;
}

#PageHeader .Menu > li + li {
	border: none 0;
	border-left: solid 1px #e87400;
	padding-left: 0.5em;
}

#PageHeader .Menu > li.Active a,
#PageHeader .Menu > li.Active a:link,
#PageHeader .Menu > li.Active a:visited,
#PageHeader .Menu > li.Active a:active,
#PageHeader .Menu > li.Active a:hover
{
	color: #e87400;
}

#PageHeader .BottomLine {
	display: block;
	border: none;
	background: #76006c;
	height: 6px;
	margin: 0;
}



/*
----------------------------------------------------------------------------------------------------
Left bar
----------------------------------------------------------------------------------------------------
*/
.Navigation {
	margin-top: 4ex;
}

.Navigation > li {
	display: block;
}

.Navigation > li + li {
	margin-top: 1ex;
}

.Navigation > li > a {
	padding-left: 2em;
	border-bottom: solid 1px #76006c;
}



/*
----------------------------------------------------------------------------------------------------
Main area
----------------------------------------------------------------------------------------------------
*/
.SiteContent a,
.SiteContent a:link,
.SiteContent a:visited,
.SiteContent a:active,
.SiteContent a:hover
{
	color: #e87400;
}



/*
----------------------------------------------------------------------------------------------------
'People' page
----------------------------------------------------------------------------------------------------
*/
#People h1 {
	margin-top: 6ex;
}

#People h1:first-child,
#People img.Float:first-child + h1
{
	margin-top: 2ex;
}



/*
----------------------------------------------------------------------------------------------------
'Contact' page
----------------------------------------------------------------------------------------------------
*/
#Contact li.MapLink {
	margin-top: 2ex;
}



/*
----------------------------------------------------------------------------------------------------
A publication page
----------------------------------------------------------------------------------------------------
*/
h2, .Authors, .Venue {
	margin-bottom: 2ex;
}

.Authors > li {
	list-style: none;
}

#Publication h2 {
	text-transform: none;
}

#Publication .Images {
	margin-bottom: 2ex;
}

#Publication .Images > li {
	display: inline;
	list-style: none;
	margin-right: 0.5em;
}
#Publication .Images > li + li {
	margin-left: 0.5em;
}
