body                { background-image: url("images/bubblechamber.png");
                      background-position: 16ex 116px; background-repeat: repeat;
                      background-color: white; color: black; margin: 0;
                      font-family: arial, helvetica, sans-serif; }
.hidden             { display: none; }
#header             { padding: 2px 0 4px 2px; text-align: center; background-color: #008466; }
#header img         { border: 0; }
#header a           { text-decoration: none; }
#header #title      { color: white; font-size: 1.5em; padding: 5px 1ex; }

#navigation         { float: left; width: 100px; background-color: white; margin-bottom: 0ex; }
#navigation ul      { margin: 0; padding: 2px 5px; list-style: none; }
#navigation ul ul   { padding: 0 0 0 0em; }
#navigation li      { margin-bottom: 5px; font-weight: bold; color: white; }
#navigation li li   { margin: 5px 0 0 0; }
#navigation .this,
#navigation a       { display: block; padding: 0 .2em 2px .2em; text-decoration: none; }
#navigation .this   { color: #CFA; }
#navigation a       { background-color: #778; color: white; }
#navigation .this,
#navigation a:hover { background-color: #28B; }
#navigation .sep    { display: inline; }
#navigation hr      { height: 2px; border: 0; color: white; background-color: white; }

#nav_sub         { float: left; width: 100px; background-color: #000000; margin-bottom: 0ex; }
#nav_sub ul      { margin: 0px; padding: 0 5px; list-style: none; }
#nav_sub ul ul   { padding: 0 0 0 0.0em; }
#nav_sub li      { margin-left: 15px;margin-bottom: 2px; font-weight: bold; color: white; }
#nav_sub li li   { margin: 15px 0 0 0; }
#nav_sub .this,
#nav_sub a       { display: block; padding: 0 .2em 2px .2em; text-decoration: none; }
#nav_sub .this   { color: #CFA; }
#nav_sub a       { background-color: #888; color: white; }
#nav_sub .this,
#nav_sub a:hover { background-color: #08B; }
#nav_sub .sep    { display: inline; }
#nav_sub hr      { height: 2px; border: 0; color: white; background-color: white; }


#header     a:active,
#header     a:focus,
#navigation a:active,
#navigation a:focus { outline-style: none; }  /* Remove dotted line on selected link. Doesn't work with IE7. */
#content            { border-left: 16ex solid #003466; padding-left: 5px; padding-top: 1px; margin-right: 8px; }
#content_nonav      { padding: 1px 8px 1px 8px; }
#footer             { clear: both; }
#footer p           { margin: 0; }
.expand ul          { margin-top:    0.8pc; }
.expand li          { margin-bottom: 0.8pc; }
.navlink            { float: right; }
.noprint            { }
.person             { font-weight: bold; color: #C03073; }
.bullet             { list-style-image: url(images/Bullet.gif); }
.news_title         { margin: 4em 0 1.33em 0; }
.news_item          { }
.post               { font-size: large; font-weight: bold; }
.post_holder        { font-size: large; }

/* Don't print navigation bar. */
@media print {
  .navlink          { display: none; }
  .noprint          { display: none; }
  #navigation       { display: none; }
  #content          { border-left: 0; padding-left: 0; }
}


/* Fix big gaps in navigation bar on IE using the Holly hack.
   Still leaves a 5px gap below last sub-list element.
   This works better than
     #navigation li { padding-bottom: 1px; }
   which introduced a 1-pixel difference between the links and li.this which
   showed up when switching pages (using 0 doesn't work).
   Tested on IE6 and IE7, but assume that
   Mac IE5 does not require this fix (?) so filter it out. \*/
* html #navigation a,
* html #navigation ul ul { height: 1%; }
* html #navigation li li { margin-top: 0; margin-bottom: 5px; }
/* End Mac IE5 filter */