body.journal { font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif; }
/* 2010jun21, phj: I want to use this style sheet in the journal article
webpages and in index.html. None of the article webpages, e.g.,
sjeparish/education/sje_school_journal/journal2010february/confirmation.html,
use style9 and a different style9 is defined in index.html, so I commented
.style9 here to prevent clobbering the style9 in index.html. */
/* .style9 {font-size: 16px; } */
.style10 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; }
span.emphasis { font-weight: bold; }
p.book { text-align: justify; margin: 0.8em 0; padding: 0; }
a.journal { text-decoration: none; }
/* Defined because IE 7's default values are a bit overwhelming. */
h3 { font-size: 140%; }
h4 { font-size: 120%; }
/* Use bigheadspace when you want some more vertical space between this
element and the previous element. Simulates a page break or separates major
sections of a document. Use someheadspace when you need a smaller amount of
vertical space, etc. */
.bigheadspace { margin-top: 15%; }
.lottaheadspace { margin-top: 10%; }
.someheadspace { margin-top: 7%; }
.smallheadspace { margin-top: 4%; }
.verysmallheadspace { margin-top: 2%; }
.tinyheadspace { margin-top: 1%; }
.closerheadspace { margin-top: -8px; }
.smalltrailspace { margin-bottom: 4%; }
.sometrailspace { margin-bottom: 7%; }
.quote { font-style: italic; }
/* So we have some colors to work with. */
SPAN.sortofred { color: rgb( 180, 0, 0 ); }
SPAN.sortofgreen { color: rgb( 0, 180, 0 ); }
SPAN.sortofblue { color: rgb( 0, 0, 180 ); }
SPAN.darkblue { color: #246DAA; }
SPAN.sortofpurple { color: #8C53B5; }
SPAN.darkred { color: #a35b5b; }
/* Image floaters, used like so:
Cool pictures of the snowy mountains...
This wolf howls...
DIV floaters are also defined.
*/
img.left { float: left; margin: 8px; }
img.right { float: right; margin: 8px; }
div.rightfloat { float: right; }
div.leftfloat { float: left; }
.cleanslate { clear: both; }
/* A banner is centered (cause I said so). */
.banner { text-align: center; }
div.figure {
float: right;
/* width: 25%; */
/* border: thin silver solid; */
/* 2010jun22, phj: Changed margin from 0.5em to 0 0 0 1em, since the
images floats to the right, so only needs a margin on the left. */
margin: 0 0 0 1em;
/* 2010jun22, phj: Changed padding from 0.5em to 0, since the margin is
sufficient. */
padding: 0;
}
div.figure p {
text-align: center;
text-indent: 0;
}
/* 2010jun22, phj: No additional whitespace needed about the image. */
div.figure p img {
margin: 0; padding: 0;
}
div.figure p a {
text-decoration: none; border: 0 none;
}
div.figure p a img {
text-decoration: none; border: 0 none;
}