@charset "UTF-8";


body {
	font: 14px Helvetica, Arial, sans-serif;
	line-height: 1.2666666em;
	background: #f2ecd5 url(bg.png) repeat-y 50% 0;
	margin: 0;
	padding: 0;
	text-align: center; /* centering hack for IE5/win */
	color: #000000;
}

#container {
	width: 580px;
	background: #faf8f0;
	margin: 0 auto;
	padding: 25px 25px 0 25px;
	text-align: left; /* overrides body hack */
}

h1, h2, h3, h4 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: 1em 0 0 0;
	padding: 0;
}

h2+h3, h3+h4, h4+h5, h5+h6, h2+h5, h3+h5 {
	margin: .5em 0 0 0;
}

h1 {
	display: block;
	font-size: 24px;
	background: no-repeat 0 23px;
	text-indent: -9999px;
	height: 48px;
	margin: 0 0 .5em 0;
}

.home h1 {
	background: url(mani_title.png) no-repeat 0 26px;
	height: 50px;
	width: 200px;
	margin-left: 270px;
	clear: none;
}

.home img.homephoto {
	float: left;
	display: inline;
	margin: 0 30px 1em 40px;
	padding: 0;
}

h1 #mani {
	display: block;
	font-size: 15px;
	padding: 0 0 .5em 0;
	background: url(mani.png) no-repeat 0 0;
}

h1 #title {
	display: block;
	text-indent: -9999px;
	height: 0;
	width: 0;
	margin: 0;
	padding: 0;
}

.bio h1      { background-image: url(bio_title.png);     }
.cv h1       { background-image: url(cv_title.png);      }
.courses h1  { background-image: url(courses_title.png); }
.research h1 { background-image: url(research_title.png);}
.links h1    { background-image: url(links_title.png);   }

h2 {
	font-size: 16px;
	border-bottom: 2px solid #ccc;
	margin: 1.5em 0 .5em 0;
}

h2+p, h2+h5, h3+p, h3+h5 {
	margin-top: .5em;
}

h3 {
	font-size: 15px;
	border-bottom: 1px solid #ccc;
}

h4 {
	font-size: 14px;
}

h5 {
	margin: .6em 0 0 0;
	font-weight: normal;
	font-size: inherit;
}

h5+p {
	margin: 0;
}

p {
	margin: .6em 0;
	padding: 0;
}

ul, ol {
	margin: .6em 2em;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #009;
}

a:visited, a:active { color: #006; }
a:hover, a:focus    { color: #000; }

img {
	display: block;
	margin: 0;
	padding: 0;
}

.photoblock {
	display: block;
	margin: 1em 0;
	padding: 0;
	text-align: center;
}

.photoblock img {
	display: inline;
}

img.left {
	display: inline;
	float: left;
	clear: left;
}

img.right {
	display: inline;
	float: right;
	clear: right;
}

hr {
	border: 0;
	border-top: 1px solid #ccc;
	width: 100%;
	height: 0;
}

#navigation {
	display: block;
	height: 50px;
	margin: 0 0 18px 0;
	padding: 0 0 45px 0;
	border-bottom: 1px solid #999;
}

#navigation li {
	display: block;
	width: 100px;
	height: 48px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#navigation li a {
	display: block;
	background: transparent no-repeat 0 0;
	font: bold 13px Helvetica, Arial, sans-serif;
	text-indent: -9999px;
	width: 90px;
	height: 48px;
	margin: 0 10px 0 0;
	padding: 0;
	border-bottom: 5px solid #faf8f0;  /* this is the same color as #container's bkgd */
}

#navigation li a:hover, #navigation li a:focus {
	border-bottom: 5px solid #333;
}

#navigation #nav_home a     { background-image: url(home.png);    }
#navigation #nav_bio a      { background-image: url(bio.png);     }
#navigation #nav_cv a       { background-image: url(cv.png);      }
#navigation #nav_research a { background-image: url(research.png);}
#navigation #nav_courses a  { background-image: url(courses.png); }
#navigation #nav_links a    { background-image: url(links.png);   }

#navigation #nav_links, #navigation #nav_links a { width: 78px; margin: 0; }

#footer {
	position: relative;
	clear: both;
	margin: 3em 0 0 0;
	padding: 18px 0 32px 0;
	background: url(squares.png) no-repeat 0 0;
}