body {background-color: #cccccc; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0;}

div#topheader {background-color: #000000; width: 100%; margin: 0; padding: 0 0 10px 20px;}
div#topheader h1 {font-size: 140%; margin: 0; color: #ffffff; padding: 1em 0 1em 0; font-weight: normal;}
div#topheader a { color: #4993BA; text-decoration: none; font-size: 0.9em; margin: 0 1.5em 0 0;}
div#topheader a:hover {color: #ffffff;}
div#topheader a.currentpros {margin-left: 200px;}
div#subnav ul {display: block; margin: 20px 0 0 0; padding: 0; list-style-type: none;}
div#subnav ul.twolevel {display: block; margin: 20 0 0 0; padding: 0; list-style-type: none;}
div#subnav li {display: block; margin: 0 0 15px 20px; padding: 0; list-style-type: none; color: black;}
div#subnav li a {color: black;}
div#subnav li.sel a {color: white; font-weight: bold;}
div#subnav {float: left; width: 155px;}
div#subnav a {text-decoration: none; font-size: 0.9em; margin: 0; }
div#subnav a.title {text-decoration: none; color: white; font-weight: bold;}

div#siteafly {background-image: url("../images/afly.gif"); background-repeat: repeat-y;}
div#sitebigmouth {background-image: url("../images/bigmouth.gif"); background-repeat: repeat-y;}
div#siteblubber {background-image: url("../images/blubber.gif"); background-repeat: repeat-y;}
div#sitelullabies {background-image: url("../images/lullabies.gif"); background-repeat: repeat-y;}
div#sitenanoq {background-image: url("../images/nanoq.gif"); background-repeat: repeat-y;}
div#sitecurrent {background-image: url("../images/current.gif"); background-repeat: repeat-y;}
div#sitebirds {background-image: url("../images/icelandicbirds.gif"); background-repeat: repeat-y;}
div#sitebetween {background-image: url("../images/betweenyouandme.gif"); background-repeat: repeat-y;}
div#sitematrix {
	background-image: url(../images/matrix.gif);
	background-repeat: repeat-y;
}
div#sitepedagogy {
	background-image: url(../images/pedagogy.gif);
	background-repeat: repeat-y;
}
div#siteuncertain {background-image: url("../images/uncertainty.gif"); background-repeat: repeat-y;}


div#content {width: 610px; float: left; padding: 10px 0 20px 20px;}
div#content p { color: #202020; font-size: 0.9em; margin: 0.5em 0 0 0;}
div#content span.red {color: red;}
div#content h2 { color: #202020; font-size: 1em; margin: 0.5em 0 0 0; font-weight: normal;}
div#content h3 { color: #202020; font-size: 1em; margin: 0.5em 0 0 0; font-weight: normal;}
div#content a {
	color: #000;
	text-decoration: none;
}
div#content li {margin-right: 1em;margin-left: 2em; font-size: 0.8em;}
div#content ul.imgcap {list-style-type: none; float: left; margin: 0; padding: 10px 0 20px 0;}
div#content p.smaller {font-size: 0.7em;}
div#content p.white {color: #ffffff;}
div#content p.subhead2 {color: #333333; margin-left: 1em;}
span.subheader {font-weight: bold; color: #178a8a;}
span.bodytext {color: #178a8a;}
img {margin: 10px 0 0 0;}
object {margin: 20px 0 0 0;}
.textimg {float: right; margin: 10px;}
img.indeximg {float: right; margin: 10px;}
.bmpeople {margin-top: 40px;}
div#content a.gallery {color: #4993BA;}
div#content table.cv {color: #202020; font-size: 0.9em; margin: 0.5em 0 0 0;}
div#content a.link {
	text-decoration: none;
}
div#content a.nanoqlink {text-decoration: none; color: #01509E;}
div#widecontent {width: 800px; padding: 10px 0 20px 20px;}
div#widecontent h2 {color: #202020; font-size: 1em; margin: 0.5em 0 0 0; font-weight: normal;}
div#widecontent p { color: #202020; font-size: 0.87em; margin: 0.5em 0 0 0;}
div#widecontent a.interviews {color: #4993BA; font-size: 0.87em; display: block; margin: 0; line-height: 2em;}

div#sitemap {width: 700px; padding: 20px;}
div#sitemap p { color: #202020; font-size: 0.87em; margin: 0.5em 0 0 0;}


table#sitevisit {margin: 1em; font-size: 0.9em;}
table#sitevisit a {text-decoration: underline;}
div#nanoqcontent {padding: 10px 10px 20px 20px;}
table#provenance {font-size: 0.7em; margin-left: 1em;}

div#footer {clear: both; background-color: white; padding: 15px 0 15px 20px; width: 100%;}
div#footer p {font-size: 0.8em; margin: 0; padding: 0;}
div#footer a {font-size: 0.8em; color: #4993BA; margin-right: 1.5em; text-decoration: none;}


div#content300 {width: 300px; float: left; padding: 10px 0 20px 20px;}
div#content300 p { color: #202020; font-size: 0.9em; margin: 0.5em 0 0 0;}
div#content300 h2 { color: #202020; font-size: 1em; margin: 0.5em 0 0 0; font-weight: normal;}
div#content300 h3 { color: #202020; font-size: 1em; margin: 0.5em 0 0 0; font-weight: normal;}
div#content300 a {color: black; text-decoration: none;}
div#content300 li {margin-right: 1em;margin-left: 2em; font-size: 0.8em;}

div#imagecol {float: left; width: 300px; padding: 0 0 0 10px;}