/* Stylesheet: salvador-allende.css */

/* General stuff */

body {
  font: 10pt Verdana, Tahoma, Arial, Sans-Serif;
  margin: 0;
}

a:hover {
  background-color: silver;
}

p.remark {
  font-size: 0.8em;
  font-style: italic;
  color: grey;
  margin-top: 3em;
  margin-bottom: 3em;
}

ol li {
  margin-bottom: 1em;
}

p.navseparator {
  border-bottom: 2px dotted silver;
}

blockquote {
  font-style: italic;
  margin-top: 3em;
}

/* ID specific stuff */

#navigation ul {
  margin: -1em 0 1em 0; 
}
#navigation ul li {
  /* IE Windows/Mac needs a positive left margin, Mozilla a negative margin - no can do!*/
}

.sectiontitle {
  font-size: 1.2em;
  font-style: italic;
}

.selected {
  background-color: #ff8000;
  color: #ffffff;
  padding: 0.3em;
}

.actua-selected {
  background-color: #ff8000;
  color: #ffffff;
}

#footer p {
  padding: 0 1em 0 1em;
  font-size: 0.75em;
  text-align: center;
}

.enclose { clear: both; }

/* Standard sections - fill in with padding, margins, borders and so on. */

#header { /* Section HEADER */
  padding: 1em;
  background-color: silver;
}
#logo { /* Section LOGO */
 /* background: url( logo.jpg ) ; */
}
#title { /* Section TITLE */ 
  font-size: 2em;
  font-style: italic;
  text-align: right;
  margin: 0;
}
#navigation               { /* Section NAVIGATION */
  margin-left: 1em;
  margin-right: 1em;
}
#document                 { /* Section DOCUMENT */
  background-color: transparant;
  color: #000000;
  padding-left: 1em;
  padding-right: 1em;
  border-left: 2px dotted silver;
 }
#pagetitle { /* Section PAGETITLE */
/*  font-size: 1.4em;
  font-style: bold;
*/
  text-align: right;
  margin-top: 1em;
  padding: 0.5em;
  background-color: #ff8000;
  color: white;
}
#pagetitle h1 {
  font-size: 1.4em;
}

#section1                 { /* Section SECTION1 */ }
#section2                 { /* Section SECTION2 */ }
#section3                 { /* Section SECTION3 */ }
#section4                 { /* Section SECTION4 */ }
#section5                 { /* Section SECTION5 */ }
#section6                 { /* Section SECTION6 */ }
#section7                 { /* Section SECTION7 */ }
#section8                 { /* Section SECTION8 */ }
#footer { /* Section FOOTER */
  background-color: silver;
}

/* Outer sections - leave these with nothing more than floats and widths. */

#header-out               { width: 100%; }
#logo-out                 { width: 10%; float: left; }
#title-out                { width: 90%; float: right; }
#navigation-out           { width: 25%; clear: both; float: left; }
#document-out             { width: 75%; float: right; }
#pagetitle-out            { width: 100%; }
#section1-out             { width: 100%; clear: both; }
#section2-out             { width: 100%; clear: both; }
#section3-out             { width: 100%; clear: both; }
#section4-out             { width: 100%; clear: both; }
#section5-out             { width: 100%; clear: both; }
#section6-out             { width: 100%; clear: both; }
#section7-out             { width: 100%; clear: both; }
#section8-out             { width: 100%; clear: both; }
#footer-out               { width: 100%; clear: both; }

/* Hacks for IE: large fudge factor (3%) for IE5's broken box model, small fudge factor (0.1%) for IE6's full-width flicker effect. */

* html #logo-out          { width: 7%; w\idth: 10%; }
* html #title-out         { width: 87%; w\idth: 89.9%; float: right; f\loat: left; }
* html #navigation-out    { width: 22%; w\idth: 25%; }
* html #document-out      { width: 72%; w\idth: 74.9%; float: right; f\loat: left; }