body {background-color:white; color:black; font-family:helvetica,sans-serif}

.mainLogo {font-size:200%}
.letterhead {font-size:150%; text-align:right}
.letterhead, .mainLogo {float:left; font-weight:bold; border-right: 0.125em solid black; 
	     	    padding-top:1.5em; padding-bottom:1.5em; padding-right:0.75ex}
.tagLine {float:left; display:block; padding-left:1em; padding-top:1em; padding-bottom:1em}
.mainTOC {clear:both; border:none; padding-top:2em; padding-bottom:2em; padding-left:10em}


a.silent {text-decoration:none; color:black}
a.silent:link {text-decoration:none; color:black}
a.silent:visited {text-decoration:none; color:black}
a.silent:active {text-decoration:none; color:black}
a.silent:hover {text-decoration:none; color:green}

.navbar {font-size:75%; float:right}
.navbar a {text-decoration:none; color:black}
.navbar a:link {color:black}
.navbar a:visited {color:black}
.navbar a:active {background-color:black; color:white}
.navbar a:hover {background-color:black; color:white}

.feature {clear:both; padding-top:1em;}
.essay {clear:both; width:40em}
.column {clear:both; width:20em}
.article {margin-left:10%; margin-right:10%}
.article h2 {margin-left:-8%}
.article h3 {margin-left:-4%}

.article-list {clear:both; padding-top:1em;}
.article-list dl dt {padding-top:1em;}

.title {text-align:center; display:block}
.title h1, .title .headline {text-align:center; font-size:150%; font-weight:bold}
.title h2, .title .caption {font-size:120%}
.title h3, .title .contact {font-size:90%; text-decoration:none}
.feedback {font-size:90%; text-align:right; text-decoration:none}
span.at {font-size:75%; font-style:italic; font-family:serif}
.smallcaps {font-variant:small-caps}

.news {margin-left:20%; width:300px}
.news h3, .news .bulletin {font-size:80%; font-family:times,serif}
.news h1, .news .headline {font-size:250%; font-weight:bold; text-align:center}
.news h2, .news .opening {font-weight:bold}
.news .caption {text-align:center; font-weight:bold; font-size:90%}


.newsCover .headline {font-family:arial,helvetica,sans-serif; font-size:105%; font-weight:bold}
.newsCover .opening {font-weight:bold; font-family:courier,times,serif}
.newsCover .more {font-size:90%}




small {font-size:90%}
.tiny {font-size:75%}
.small {font-size:80%}
.footnote {font-size:80%}

.toc {font-family:helvetica,arial,sans-serif; font-size:80%}
.toc a {text-decoration:none}
.toc ul,ol li {line-height:1em}

.copr {text-align:right; font-size:75%}
a.copr, a.copr:link, a.copr:visited, a.copr:active {text-decoration:none; color:black}



.mainContent {float:left; text-align:right; display:block}

.mainPanel {float:left; text-align:right; display:block; width:400px}

.sidePanel {float:right; display:block; text-align:center; padding:10px;
	     background-color:#f3eee8; color:black}

.insetPanel {display:block; border-style:inset; padding:10px;
	     background-color:#777; color:black}

.rightInset, .leftInset {display:block; text-align:center; 
	     border-style:inset; padding:1em}
.rightInset {float:right; text-align:left}
.leftInset {float:left; text-align:right}


.highlight {background-color:#e0e0e0}

.picture {text-align:left; border-style:inset; border-width:1px}
.clip, .clips {text-align:center; font-size:80%; border-style:inset; border-width:1px}

img {border-color:black; border:none}


.photoCredit {color:#d0d0d0; font-size: 7pt; text-align: right}

.contact {float:right; padding:0; margin-top:50%; margin-right:10%; white-space:nowrap;}
span.at  {font-size:150%; font-style:italic; font-family:serif; vertical-align:-0.3ex;}

.footer {font-size:8pt; text-align:right; border-top: solid #777 0.125ex}
.licenseLogo {float:right; vertical-align:middle; padding:0.5em; border:none}
.license {text-align:left; display:block; float:right}
.hostedBy, .footerLogo, .gilder {float:right; vertical-align:middle; border:none}
.footerLogo {font-size:20pt; font-weight:bold; margin-left:1em; margin-right:1em;}
.gilder {font-size:6pt}