body { /* this controls the webpage as a whole, indicating what fonts should be selected for the text that follows */
	margin: 0;
	font-size: 100.1%;
	font-family: Palatino Linotype, Garamond, serif;
	background-color: #FFFFFF;
}

#wrapper { /*this deals with the content part of the screen */
	width: 960px;
	margin: 0 auto auto auto;
	background-color: #FFFFFF;
	padding-left: 80px;
	padding-right: 80px;
}

#header {	
	width: 960px;
	background-color: transparent;	
}

#mcgill{ /* mcgill logo */
	display: block;
	text-align:center;
	float: left;
	margin-top: 25px;
	margin-left: 65px;
	
}

#header h1 { /* largest header at the top of webpage */
	display: block;
	float: right;
	margin-right:65px;
	margin-left:auto;
	font-family: Palatino Linotype, Garamond, serif;
	font-style: normal;
	font-size: 2.3em;
}

.thinline {
	display: block;
	margin-left:auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

#navbar ul { /* navigation bar at the top */
	display: block;
	padding: 0px;
	margin-top: 15px;
	list-style: none;
	text-align: center;
	font-size: 1.3em;
}

#navbar ul li{
	width: 240px;
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px 20px;
}

#navbar a.selected { /* indicates which webpage viewer is on */
    color: #003399;
    text-decoration: underline;
}
  
#navbar li a {
	color: #000000;
	text-decoration: none;	
}

#navbar li a:hover { /* changes what happens when viewer hovers above link */
	text-decoration: underline;
}

#researchbar a.selected { /* this is the sub navigation bar for the research page */
    color: #003399;
    text-decoration: underline;
}

#researchbar ul { 
	
	padding: 0px;	
	font-size: 1.1em;
	text-align: center;
	
}

#researchbar ul li{
	display: inline;
	height: 10px;
	list-style: none;
	margin-left:;
	margin-right: auto;
	text-align: center;

}

#researchbar li a {
	color: #000000;
	text-decoration: none;	
}

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

#research{
	text-align:center;
}

h2{
	color:#003399;
}

h3, h4{
	color: #000000;
}

h3{
	font-size: 120%;
}

.sub{
	font-size: 110%;
}

.research li{
	padding-bottom:7px;
}

.syllabus {
	text-decoration:none
}

p {
text-align: justify;
}

#content {
	float: right;
	position: static;
	display: inline;
	width: 960px;
	margin-bottom: 20px;
	font-size: 110%;
}	

#bgillon {
	float: left;
	display: inline;
	display: block;
	padding-left: 115px;
	padding-top: 75px;
}

#title {
	float: right;
	display: block;
	padding-right: 23.2%;
	padding-top: 5%;
}

#address {
	font-style:normal;
	text-decoration: none;
	display: block;
	position: static;
	text-align:center;
	float: right;
	width: 560px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 20px;
}

#office {
	position: static;
	display: block;
	float: right;
	text-align: center;
	width: 560px;
	margin-left: auto;
	margin-right:auto;
	margin-top: 20px;
	margin-bottom: 20px;

}

.research li {
	text-align: justify;
	font-size: 100%;
}
#buddha {
	float:right;
	display: block;
	position: static;
	text-align: justify;
	vertical-align:bottom;
	width: auto;
	margin-top: 20px;
	line-height: 200%;
	padding-left: 10px;
	padding-right: 10px;
}

dd {
	font-style: italic;	
}

institution {
	font-style: normal;
}

.research a {
	text-decoration:none;
	font-style:italic;
}

#footer {
	display: block;
	width: auto;
	height: auto;
	padding: 2px;
	font-size: 0.8em;
}

#footer p {
	color: #000000;
	margin: 0;
	padding-top: 2px;
	text-align: center;
}

#bottomnavbar a.selected { 
    color: #003399;
    text-decoration: underline;
}

#bottomnavbar ul {
	
	padding: 0px;	
	font-size: 1.3em;
	text-align: center;
	
}

#bottomnavbar ul li{
	display: inline;
	height: 10px;
	list-style: none;
	margin-left: 10px;
	margin-right: auto;
	text-align: center;

}

#bottomnavbar li a {
	color: #000000;
	text-decoration: none;	
}

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