/*********************************************************************
 * TITLE: Common Stylesheet for Witch Future                         * 
 *********************************************************************/

/* ###### Body Text ###### */

body {
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  font-size: 94%;
  margin: 0;
  padding: 0;
}

ins { font-size: 94%; font-weight: normal; text-decoration: none; }

ul, ol { margin: 0 0 0.5em 2.5em; padding: 0; }

h1, h2, h3 {
  font-family: "trebuchet ms", verdana, tahoma, sans-serif;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 160%;
  font-weight: bold;
	line-height: 140%;
  padding: 0.5em 0 0.5em 0;
}

h2 {
  font-size: 145%;
  font-weight: bold;
	padding: 0.5em 0 0.5em 0;
}

h3 {
  font-size: 130%;
  font-weight: bold;
	padding: 0.3em 0 0.3em 0;
}

h4 {
  font-size: 115%;
  font-weight: bold;
	padding: 0.2em 0 0.2em 0;
}

hr { height: 1px; }

p {
  margin: 0;
  margin-bottom: 0.5em;
  padding: 0;
}

img {
  border: none;
}

.imgRight { float: right; margin: 0.5em 0 0.5em 0.5em; }
.imgLeft { float: left; margin: 0.5em 0.5em 0.5em 0; }

acronym {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  cursor: help;
}

sup, sub { font-size: 75%; }

code {
  font-family: "lucida console", monospace;
  font-size: 95%;
}

dt {
  font-weight: bold;
}

dd {
  padding-bottom: 1em;
}

.smallCaps {
  font-variant: small-caps;
}

.signature { padding: 1em 0 1.5em 0; font-size: smaller; text-align: right; }
.legende { font-size: 60%; text-align: right; }
.imgRight p { font-size: 80%; font-weight: bold; text-align: center; margin-bottom: 0; }

.diapo { text-align: center; margin-top: 0.5em }

#bodyText {
  text-align: justify;
  line-height: 1.2em; 
  margin: 2mm 1em 0 10em;
  padding: 0;
}
#bodyTextMain {
  text-align: justify;
  line-height: 1.2em; 
  margin: 2mm 15em 0 10em;
  padding: 0;
}

#bodyText a, .sideBarRight a {
  text-decoration: none;
}

#bodyText a:hover, .sideBarRight a:hover {
  text-decoration: underline;
}

#bodyText .boxedDark, #bodyText .boxedLight, #bodyTextMain .boxedDark, #bodyTextMain .boxedLight {
  margin-bottom: 2mm;
  padding: 2mm;
  border-style: solid;
  border-width: 1px;
}

.CentralBlock {
  text-align: justify;
  line-height: 1.2em;
	align: center;
	width: 600px; 
  margin: 10px;
	border: solid 1px;
  padding: 10px;
}
/* ###### Table ###### */

.table1 { border-collapse: collapse; align: center; margin-top: 1em; margin-bottom: 0.5em; }
.table1 td, .table1 th { border: solid 1px; margin: 0; padding: 3px; text-align: center; font-weight: bold; }
.table1 th { font-size: 120%; line-height: 2em; }
.table1 .column1 { font-size: 150%; font-weight: bold; }
.table1 .column2 { font-size: 140%; }
.table1 .column3 { font-size: 130%; }
.table1 span.light { font-weight: normal; }
/* ###### Header ###### */

#header {
  height: 3em;
  margin-bottom: 2mm;
  padding: 0 2.5mm 0 4mm;
  border-bottom-style: solid;
  border-bottom-width: 2px;
}

.headerTitle {
  font-size: 205%;
  text-decoration: none;
  font-weight: bold;
  font-style: normal;
  line-height: 1.5em;
}

.headerTitle span {
  font-weight: normal;
}

.menuBar {
  font-size: 87%;
  position: absolute;
  right: 2mm;
  top: 1.75em;
}

.menuBar * {
  text-decoration: none;
  font-weight: bold;
  padding-left: 3ex;
  padding-right: 0;
}

.menuBar a:hover {
  /* See color-scheme.css */
}

/* ###### Side Box ###### */
/* Side Bar Right */

.sideBarLeft {
  font-size: 95%;
  text-align: right;
  width: 10em;
  float: left;
  clear: left;
}

.sideBarTitle {
  text-align: left;
  padding: 0.5ex 0.2em 0.5ex 0.2ex;
  border-top-style: solid;
  border-top-width: 1px;
}

.sideBarLeft a, .sideBarLeft .subTitle, .sideBarLeft a:hover, .sideBarLeft span {
  font-weight: bold;
  text-decoration: none;
  line-height: 1.25em;
  display: block;
  padding: 0.2ex 0.2em 0.3ex 0.2ex;
  border-top-style: solid;
  border-top-width: 1px;
}

.sideBarLeft a:hover {
  /* See color-scheme.css */
}

.sideBarLeft .sideBarText {
  text-align: justify;
  padding: 1ex 0.5ex;
}

.sideBarLeft .thisPage {
  font-weight: bold;
}

/* Side Bar Right */

.sideBarRight {
  font-size: 95%;
  text-align: left;
  width: 15em;
  float: right;
  clear: right;
}
/*
.sideBarRight a, .sideBarRight .subTitle, .sideBarRight a:hover, .sideBarRight span {
  text-decoration: none;
  line-height: 1.25em;
  display: block;
  padding: 0.2ex 0.2em 0.3ex 0.2ex;
  border-top-style: solid;
  border-top-width: 1px;
}

.sideBarRight a:hover {
  /* See color-scheme.css */ /*
}

.sideBarRight .sideBarText {
  text-align: justify;
  padding: 1ex 0.5ex;
}

.sideBarRight .thisPage {
  font-weight: bold;
}

.sideBarRight .subTitle { text-align: left; font-weight: bold; }

*/
/* ###### Footer ###### */

#footer {
  padding: 1ex 2mm;
  clear: left;
}

#footer div {
  font-size: 85%;
  text-align: right;
  line-height: 1.25em;
}

#footer a {
  text-decoration: none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

#footer a:hover {
  /* See color-scheme.css */
}

.footerLHS {
  float: left;
  clear: left;
}

.subFooter {
  font-size: 85%;
  line-height: 1.25em;
  padding: 1ex 4mm;
}

.subFooter a {
  text-decoration: none;
  margin-right: 1ex;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.subFooter a:hover {
  /* See color-scheme.css */
}