@charset "utf-8";

/* ----------------------------------------------------- */
/* Background style                                      */
/* ----------------------------------------------------- */
html, body {
  margin: 0;
  padding: 0;
  text-align: left;
  color: #333333;
  background: #cccccc;
}

/* ----------------------------------------------------- */
/* Navigation bar style                                  */ 
/* ----------------------------------------------------- */
ul#navigation { 
  margin: 0; 
  padding: 0.1em;
  padding-left: 170px;  /* Sidebar width + 30px */
  line-height: 1.4em;
  line-style: none;
  text-align: left; 
  color: #000000;
  background: #AAAA66;  /* Dark Geant4 Color */ 
} 

ul#navigation li { 
  display: inline; 
} 

ul#navigation a { 
 padding: 0.2em 0.6em; 
} 

#navigation a:link, #navigation a:visited { 
  color: #ffffff;
  background: #AAAA66; 
 } 

#navigation a:hover, #navigation a:active { 
  color: #000000;
  background: #ffffff; 
}

/* ----------------------------------------------------- */
/* Sidebar style                                         */
/* ----------------------------------------------------- */
#sidebar {
  float: left; 
  width: 140px; 
  height: 1200pt;
  padding: 10px;
  background: #999999;
} 

#sidebar h1 {
  margin: 0 0 1em; 
  padding: 0; 
  font-size: 12pt; 
  font-weight: bold;
  color: #ffffff;
} 

/* ----------------------------------------------------- */
/* Content style
/* ----------------------------------------------------- */
#content { 
  float: left; 
  width: 600px;
  padding: 20px;  
  font-family: serif; 
} 
#content p.head { 
  margin: 0 0 0 0; 
  padding: 0; 
  text-align: center;
  font-size: 20pt; 
  font-weight: bold;
  font-style: italic;
  color: #191970;
  border-bottom: 1px solid #cccccc; 
} 

#content p.subhead { 
  margin: 0 0 0 20px; 
  padding: 10; 
  text-align: center;
  font-size: 15pt; 
  font-weight: bold;
  font-style: italic;
  color: #555555;
  border-bottom: 1px solid #cccccc; 
} 

#content h1 { 
  margin: 1em 0 0 0.1em; 
  padding: 0; 
  font-size: 17pt; 
  font-weight: bold;
  font-style: italic;
  color: #0000ef; 
  border-bottom: 1px solid #cccccc; 
} 

#content h2 { 
  margin: 1.5em 0 0 0; 
  padding: 0; 
  font-size: 15pt; 
  font-weight: bold; 
  font-style: italic;
  color: #0000ef; 
  background: transparent; 
} 

#content h3 { 
  margin: 1.5em 0 0 0; 
  padding: 0; 
  font-size: 13pt; 
  font-weight: bold; 
  font-style: italic;
  color: #0000ef; 
  background: transparent; 
} 
 
#content a { 
  font-weight: bold; 
  font-style: italic;
  color: #191970; 
} 
 
#content:after {          /* tip to clear float */ 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; 
} 

/* ----------------------------------------------------- */
/* Footer                                                */ 
/* ----------------------------------------------------- */
#footer { 
  clear: both; 
} 

/* ----------------------------------------------------- */
/* CSS Hack for IE6                                      */ 
/* ----------------------------------------------------- */
 
/* Hides from IE-mac \*/ 
/* * html #content { height: 1%; }  */
/* End hide from IE-mac */