body
{
 margin: 0;
 padding: 0;
 background-color: #afeeee;
 font-family: Georgia,"Times New Roman",Times,serif;
}

a { text-decoration: none; }

a:link { color: #069; font-weight: bold; }
a:visited { color: #6699cc; font-weight: bold;  }
a:link:hover, a:visited:hover { background-color: #9ff; font-weight: bold; }
a:link:active, a:visited:active { color: #9cc; font-weight: bold; }

div.navbox
{ 
 width: 90%;
 padding: 0.5em 5% 1em 5%;
 background-color: #2f4f4f;
 color: #ffcc66;
 text-align: center;
 font-size: 11pt;
 font-weight: bold;
}

div.navbox a { padding: 0.25ex 0.25em 0.25ex 0.25em; }
div.navbox a:link { color: #ff6347; }
div.navbox a:visited { color: #ff7f50;  }
div.navbox a:hover { color: #afeeee; background-color: #2f4f4f; }
div.navbox a:active { color: #f00; }

div.subtitle
{
 margin: 1ex 0 1ex 0;
 padding: 0;
 font-size: 14pt;
 font-style: italic;
 font-weight: bold;
}

#lowerframe
{
 width: 100%;
 margin: 0;
 border: none;
 padding: 0;
}

#leftcol
{
 width: 168px;
 margin: 0;
 border: none;
 padding: 0;
 background-color: #008080;
 color: #ffe200;
 text-align: left;
 font-size: 9pt;
}

#leftcol a:link { color: #ccffff; }
#leftcol a:visited { color: #afeeee;  }
#leftcol a:hover { color: #66cccc; background-color: #669966; }
#leftcol a:active { color: #f00; }

#leftcol p
{
 margin: 3ex 1em;
}

#leftcol hr
{
 width: 80%;
 margin: 0;
 padding: 0; 
 color: #cc6633;
 height: 1px;
}

div.updates
{
 font-size: 8pt;
 text-align: left;
 line-height: 1.5;
}

div.book-ad
{
 text-align: center;
 margin: 4ex 1em;
}

.block
{
 text-align: center;
 margin: 2ex 0;
}

.buzzflash
{
 background-color: #2f4f4f;
 width: 158px;
}

#main
{
 margin: 0;
 border: none;
 padding: 1ex 1em 1ex 1em;
 background-color: #afeeee;
 color: #000;
 font-size: 11pt;
}

h1
{
 margin-top: 2ex;
 color: #cc3333;
 font-family: Verdana,sans-serif;
 text-align: center;
}

h2, h3
{
 margin-top: 2ex;
 color: #cc3333;
 font-family: Verdana,sans-serif;
 text-align: center;
}
   
h4
{
 margin-top: 1em;
 color: #cc3333;
}

.standout
{
 margin-top: 1em;
 color: #cd5c5c;
 font-weight: bold;
}

.header { text-align: center; }

img.big { margin: 10px 15px; }				

.caption
{
 text-align: center;
 font-weight: bold;
 font-size: smaller;
}

.leftfloat
{
 float: left;
 margin-top: 0.5ex;		/* aligns to top of paragraph */
 margin-right: 1em;
 margin-bottom: 1.5ex;
 border: none;
}

.leftfloat_mid_para
{
 float: left;
 margin-top: 1.5ex;	/* for use mid-paragraph: has a margin at top */
 margin-right: 1em;
 margin-bottom: 1.5ex;
 border: none;
}

br.clear { clear: left; }	/* use at end of wrapping text to jump past floating image */

.linkimg { border: none; }

hr
{
 margin: 1ex 0;
 background-color: #f00;
 color: #000080;
 text-align: center;
}

.quote
{
 margin-left: 5em;
 margin-right: 5em;
 font-size: smaller;
}

.cite
{
 margin-left: 1em;
 margin-bottom: 1ex;
 font-size: smaller;
}

.footer
{
 font-size: smaller;
 text-align: left;
}

div.related
{
 margin-top: 3ex;
 margin-bottom: 3ex;
}

div.related p
{
 margin-top: 1ex;
 margin-bottom: 1ex;
}

p.small_marg		/* to be removed when no longer needed */
{
 margin-top: 0.75ex;
 margin-bottom: 0;
}