body 	{
	font-size:100%;
	font-family:"Gill Sans MT", "Gill Sans", GillSans, "Verdana", "Arial", "Sans-Serif";
	}
	
::selection {
	background: #000066;
	color: #FFCC33;
}
::-moz-selection{
	background: #000066;
	color: #FFCC33;
} 
::-webkit-selection{
	background: #000066;
	color: #FFCC33;
}



h1, h2, h3 {
	font-family: "Verdana", "Arial", "Sans-Serif";
	color:#000066;
}

h1 	{
	font-size:250%;
	}

h2	{
	font-size:150%;
	}

h3	{
	font-size:125%;
	}

h4	{
	line-height:.1;
	}
	
.heading {
	text-align: center;
	font-variant:small-caps;
	}
	
a:link	{
	text-decoration:none;
	color: blue;
	}

a:visited {
	color:purple;
	}

a:active, a:hover {
	color:red;
	}

ul	{
	list-style-type:square;
	list-style-position:inside;
	}

header {
	margin: 0px;
	padding:4px 0px 1px 1px;
	background-color:#000066;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url("images/1-Happiness.jpg");
	line-height:100%;

	}
	
header h1, header h2 {
	margin-left:200px;
	font-family:"Gill Sans MT", "Gill Sans", GillSans, "Verdana", "Arial", "Sans-Serif";
	color:#FFCC33;
	}

header A:visited, header A:link {
	color: #FFCC33;
	text-decoration:none;
	}

header h1 {
	font-size: 300%;
	font-variant:small-caps;
	}
	
header h1 a:hover, header h1 a:focus {
	text-decoration: underline;
	}

header #navbar {
	height:3em;
	}

header nav {
	margin:0px 0px 0px 160px;
	padding:0;
	list-style-type:none;
	float:left;
	width:100%;
	}

header nav li {
	display:inline;
	padding:0;
	margin:0;
	position:relative;
	font-weight:bold;
	font-size:1em;
	font-family: arial, san-serif;
	}

header nav a:link, header nav a:visited {
	color:#000066;
	background:#FFCC33;
	padding:.5em .5em .5em .5em;
	width:auto;
	text-decoration:none;
	}

header nav a:hover, header nav a:focus {
	color:#FFCC33;
	background:#000066;
	}
	
header nav a span {
  position : absolute;
  top : -9000px;
  left : -9000px;
  display : block;
  height : 1.5em; /* to make the text resizable but do allow room */
  border-left : 0;
  padding : 5px;
  padding-left : 23px;
  cursor : pointer; /* needed for opera */
}	

header nav a:hover span, header nav a:focus span, header nav a:active span {
	display:block;
	width : 200%;
	padding: 20px 10px 10px 10px;
	top: auto;
	left:-1px;
	background-color:#000066;
	color : white;
	text-indent : 0px;
	text-transform:none;
	font: normal normal lighter 80%/130% "Courier New", "Courier", "monospace";
	text-shadow:none;
	}

footer {
	font-size:80%;
	padding:0.5em;
	width:100%;
	color:gray;
	}

div.leftmenu {
	float:left;
	width:140px;
	margin:0;
	padding:0.5em;
	color:gray;
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	position: fixed;
	}

div.leftmenu li, div.leftmenu a:link {
	color:gray;
	text-decoration:none;
	}


div.leftmenu a:hover, div.leftmenu a:active {
	color:#000066;
}


div.content {
	padding:1px 0px 0px 0.5em;
	border-left:1px solid gray;
	margin-left:160px;
}


img {
	margin:.5em;
}

<!-- Stuff for the index page-->
#index_photo {
	float:left;
	margin:1em;
}
#contactdetails {
	clear:both;
	margin-top:3em;
	}
	
#electronic, #econdept, #elsewhere, #fordschool, #visiting {
	float:left;
	margin:-1em 1em 0em 1em;
}

#researchinterests {
	clear:both;
}

#appointments {
	list-style-position:inside;
}

#whatsnew ul li {
	margin:0em;
}

/* Stuff for aboutme.html */

ul.bulletlist {
	list-style-type:square;
	}
ul.bulletist li:after {
	content:none;
	}

ul.bulletlist p {
	margin-top:0em;
}

ul.bulletlist li {
	margin-top:1em;
	}
	
ul.bulletlist .published {
	margin:0em;
	color:gray;;
	font-weight:normal;
	font-size:inherit;
	}
	
ul.bulletlist .published a:link {
	text-decoration:none;
	color:gray;
	}


ul.bulletlist .published a:active, ul.bulletlist .published a:hover {
	text-decoration:underline;
	color:gray;
	font-weight:normal;
	margin:0em;
	}

ul > li {
    margin-left: 5px;
}


/* Stuff for research page */

article {
	margin-left:1em;
	font-size:1em;
	margin-bottom:3em;
}

cite {
	font-weight: bold;
	font-style: italic;
	font-size: 120%;
}


.coauthor, .published, .coauthor a:link, .published a:link {
	margin: 0em;
	color:gray;
	font-weight:normal;
	font-size:inherit;
}

.abstract {
	margin-top: 1em;
}

.discussing {
	color:black;
	font-size:110%;
	margin-top:0em;
	margin-bottom:0em;
}

.coauthor a:hover, .published a:hover {
	text-decoration:underline;
}


article ul {
	margin-left:0em;
	padding-left:0;
}

ul.pressreactions {
	list-style-type:none;
	}

ul.pressreactions li, ul.pressreactions p {
	display:inline;
}
ul.pressreactions li:after {
	content:", ";
}
ul.pressreactions li:last-child:after {
	content:". ";
}

ul.discussions li {
	margin-top:1em;
	}
ul.discussions p {
	margin:0;
	}

/* Stuff for press page */
#popular article {
	margin-bottom:1em;
	}

#popular cite {
	font-size: 110%;
	}

#popular p.abstract {
	margin-top:0em;
	}

	
/*

article ul li, article ul p {
	list-style-type:none;
	display:inline;
}

article ul li:after {
	content: ", ";
}

article ul li:last-child:after {
	content: ". ";
}

article ul span {
	font-style:italic;
}
*/

/* Legacy stuff from the old version of the research page */
.paperName {
	}	

/* Stuff below I have to finish re-encoding*/
.paperpub {
	margin-top: 0em;
	color:gray;
	}
	


.coauthor, .paperpub {
	color: gray;
	margin:0em;
}

.paperabstract {
	margin-top:0.5em;
	margin-bottom:1em;
	}

p.presshead, p.presshead {
	display:inline;
}

ul.pressreaction li {
	list-style-type: none;
	display:inline;
}


/* Stuff for biographical page */

