body            { margin-left: 10%; margin-right: 10%; margin-top: 1em; margin-bottom: 1em;
                  padding: 0; background: #fff; color: #000; text-align: left;
                  font-family: Segoe UI,Arial,Helvetica,Geneva,sans-serif; font-weight: normal; font-size: 83% }  /* FIXME: Some of these settings are unecessary, but I have them included the user has a stylesheet that overrides normal defaults for browsers. */

/* HEADING STYLES */
h1, h2, h3, h4  { margin: 0; padding: 0; font-weight: bold }
h1              { font-size: 200%; border-bottom: solid #000 .1em }
h2              { font-size: 150%; text-decoration: underline }
h3              { font-size: 120% }
h4              { font-size: 100% }

/* GENERAL TEXT STYLES */
p               { text-align: justify; margin-top: 0; padding-top: 0; padding-bottom: 0; margin-bottom: 1.5em; line-height: 150% }
p.addlink       { text-align: right; margin-top: 0 }
li              { line-height: 150% }
table           { font-size: 100%  }                                 /* FIXME: 'size 100%' is IE hack   */
td, td.p        { text-align: left }
blockquote      { margin-top: 0; margin-bottom: 0 }

big             { font-size: 120% }
small           { font-size: 80% }

a               { text-decoration: underline }
a:link          { color: #00f }
a:visited       { color: #808 }
a:active        { color: #f00 }

/* SIDEBAR CLASSES */
#sidebar h4, div#sidebar h5{ color: #c22; font-size: 100%; font-weight: bold; border-bottom: solid 1px #f22; margin: 1.5em auto 0 auto }
#sidebar h4                { margin-top: 0 }
#sidebar input             { font-size: 100% }                       /* FIXME: 'size 100%' is IE hack   */
#sidebar input.sbbutton    { width: 25% }
#sidebar input.sbinput     { width: 71% }                            /* FIXME: 71% (instead of 75%) is mozilla hack.   */
#sidebar p                 { text-align: left; margin-bottom: 0 }
#sidebar p.addlink         { text-align: right }
#sidebar ul                { margin-top: 0; margin-bottom: 0; margin-left: 2em; list-style-type: square }

/* MISCELLANEOUS CLASSES */
#header         { }                                                  /* FIXME: This line could be removed, but should be left here for the moment to note that you could have special formatting for the header. */
#bodytext       { margin-right: 16em; float: left; }
#hdrtools       { float: right; font-size: 80%}
#hdrnavi        { font-size: 80% }
#main           { margin-top: 2em; }
#footer         { margin-top: 2em; padding-top: 0; border-top: solid #000 1px; clear: both;}
#ftrinfo        { font-size: 80%;}
#ftrdetails     { float: right; font-size: 80%;}
.notes          { color: #888 }
.logotext       { font-family: Georgia, serif; color: #000; font-weight: bold }
.logohilite     { color: #800 }
a.logohilite    { color: #800; text-decoration: none }
a.logohilite:visited     { color: #800 }
.callout        { margin-bottom: 1em; text-align: center; padding: 0.6em; border: solid #000 1px; background: #fed; font-weight: bold; font-size: 120% }
.pop            { font-weight: bold; font-size: 120% }
.centertable    { margin-left: auto; margin-right: auto; }
#featured       { margin-top: 2em; margin-bottom: 1em }
.spacedlist li  { margin-top: 1em; }

/* TABLE FORMATS */
.browser, .even { background: #eef }                                 /* Usually <table>, <tr>. This is for tables that are the main content of the page */
.section, .odd  { background: #ddf }                                 /* Usually <tr>. This is for highlighted rows in the browser tables */
.section td     { border-top: 1px solid #ccc }                       /* Usually <tr>. FIXME: This should be in the tr, but we need this IE hack */
.heading        { background: #ddd; font-weight: bold }              /* Usually <tr>. */
.longdesc       { padding-left: 5%; font-size: 80% }                 /* Usually <td>. */
form            { margin: 0; padding: 0 }


/* The following line uses a parsing bug in NS4 that allows only NS4 to see these rules. No comments allowed in this block. */
/*/*/ /*/
#sidebar        { border-top-style: solid; border-top-width: .2em; }
#footer         { border-top-style: solid; border-top-width: .2em; }
#sidebar h4, div#sidebar h5{ border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #f22; } 
h1, p, li       { margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0; line-height: 1.1em; }
.ns4only        { color:red; text-align: left; font-size: 80%; font-weight: bold }
.nshide         { display: none }
#bodytext       { margin-right: 0; float: none; text-align: justify; line-height: 1.0em; font-size: 80% }
#main           { clear: both; float:none; margin-top: 0; margin-bottom: 0; }
h1              { margin: 0; padding: 0; border-bottom-style: solid; border-bottom-width: .2em; }
.callout        { margin: 0; }
p               { margin-bottom: 1em; }

/* unhack */
/* This comment allows all browsers to see the rest of this stylesheet */

/* The following line uses a parsing bug in NS4 that allows all but NS4 to see these rules. No comments allowed in this bock. */
/*/*/a{}

.ns4only        { display: none }
#sidebar        { width: 17em; float: right; font-size: 80%; margin-top: 0; padding-top: 0; margin-bottom: 2em; margin-left: -18.1em; padding-left: 1em; border-left: 1px dotted #000 }
#sidebar        {
\width: 18em;
w\idth: 17em;
} 

/* unhack */
/* This comment allows all browser to see the rest of this stylesheet */
/* The above sidebar width rules uses a box model hack to get around IE5's incorrect box model */

@media print    {
   body         { margin-left: 0%; margin-right: 0% }
   #sidebar     { display: none }
   #hdrtools    { display: none }
   #featured    { display: none }
   #bodytext    { margin-right: 0 }
}