/*****************************
* Stylesheet for my websites *
* (c) Erik De Sonville 2005  *
* Edition 401i, 2006_Feb-09  *
*****************************/

/* LEGACY (tablebased) for main area layout */
td.c1b  { vertical-align: top;
          background-color: #c0c0c0; width:  81px; }
td.c2b  { background-color: #333333; width:   2px; }
td.c3b  { background-color: #ffcccc; width:   5px; }
td.c4b  { background-color:   white; width:  12px; }
td.c5b  { background-color:   white; }
td.c6b  { background-color:   white; width:   8px; }
td.c7b  { background-color:   black; width:   1px; }
td.c8b  { background-color: #cc9999; width:   5px; }
td.c9b  { background-color: #c0c0c0; width:  20px; }

/* OVERALL PAGE LAYOUT */
body {
  margin:0px;
  background-color:#c0c0c0; }
div {
  margin:0px; border:0px; padding:0px; }
/* wrapper */
div#BodyWrap {
  font-family:verdana,tahoma,arial,helvetica,geneva,sans-serif;
  font-style:normal; font-weight:normal;
  font-size:12px; line-height:16px;
  color:black; background-color:#c0c0c0; }
/* masthead */
div#MastHead {
  height:69px;
  background-image: url(../pic/jssx32.jpg); }
div#MastHeadLeft {}
div#MastHeadRight {
  float:right; width:115px; }
div#MastHeadText {
  margin-left:50px; margin-right:50px;
  position:relative; top:20px;
  text-align:center;
  font-style:normal; font-weight:bold;
  font-size:20px; line-height:24px;
  color:#99ffff; }
div#MastHeadTextAlt {
  margin-left:115px; margin-right:115px;
  position:relative; top:20px;
  text-align:center;
  font-style:normal; font-weight:bold;
  font-size:20px; line-height:24px;
  color:#99ffff; }
/* navigation bar */
div#NavBar {
  height:21px;
  border-top:1px solid black;
  border-bottom:1px solid black;
  color:#990000; background-color:#ffff99; }
div.NavBarMenu {
  float:left;
  position:relative; top:1px; left:6px;
  width:494px; height:19px; }
div.NavBarLang {
  float:right;
  position:relative; top:2px;
  width:100px; height:17px; }
div.NavBarLang2 {
  float:right;
  position:relative; top:2px;
  width:55px; height:17px; }
/* main area */
div#Main {
  border-bottom:1px solid black; }
div#MainLeft {
  float:left; width:81px; }
div#MainRight {
  float:right; width:20px; }
div#MainTextWrap1 {
  margin-left:81px; margin-right:20px;
  border-left:2px solid #333333;
  border-right:5px solid #cc9999; }
div#MainTextWrap2 {
  margin:0px;
  border-left:5px solid #ffcccc;
  border-right:1px solid black; }
div#MainText { 
  padding-top:16px;
  padding-left:12px; padding-right:8px;
  color:black; background-color:white; }
/* footer */
div#Footer {
  border-top:6px solid #cccc66;
  padding-top:4px; padding-bottom:4px; }
div#FooterLeft {
  float:left;
  width:88px; height:31px; }
div#FooterRight {
  float:right;
  width:88px; height:31px; }
div#FooterText {
  margin-left:94px; margin-right:94px;
  text-align:justify;
  font-size:10px; line-height:12px;
  color:#990000; background-color:#c0c0c0; }

/* MAINTEXT LAYOUT */
div#Toc {
  padding-left:16px; padding-bottom:24px; }
div#TocLeft {
  float:left; }
div#TocRight {
  margin-left:177px; width:264px; }
div#Abstract {
  padding-bottom:24px; }
div.Section {
  border-top:1px solid #999999;
  padding-top:12px;
  padding-bottom:24px; }
div#Credits {
  border-top:1px solid #999999;
  padding-top:12px;
  padding-bottom:24px; }
div.LeftCol {
  width:265px; float:left; }
div.RightCol {
  width:265px; float:right; }

/* VARIOUS STYLES */
/* links */
a:link    { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover   { text-decoration:underline; } /* this is CSS2 */
/* various elements */
h4 {
  margin:0px;
  font-style:normal; font-weight:bold;
  font-size:14px; line-height:18px;
  color:#000099; }
.subh4 {
  margin:0px;
  font-style:normal; font-weight:bold;
  font-size:12px; line-height:16px;
  color:#ff0000; }
h5 {
  margin:0px;
  font-style:normal; font-weight:bold;
  font-size:12px; line-height:16px;
  color:#000099; }
.h5 {
  font-style:normal; font-weight:bold;
  font-size:12px; line-height:16px;
  color:#000099; }
h6 {
  margin:0px;
  font-style:normal; font-weight:normal;
  font-size:12px; line-height:16px;
  text-decoration:underline; }
.h6 {
  font-style:normal; font-weight:normal;
  font-size:12px; line-height:16px;
  text-decoration:underline; }
p {
  margin:0px; }
p.box {
  margin-left:7px; margin-right:11px;
  border:1px solid #9999cc;
  padding:8px;
  text-align:justify;
  color:#990000; background-color:#ffffcc; }
ul {
  margin-top:0px; margin-bottom:0px; }
table {
  margin:0px; }

/* bold; italic; underline */
.b { font-weight:bold; }
.i { font-style:italic; }
.u { text-decoration:underline; }
/* italic reddish */
.itar { color:#990000; font-style:italic; }
/* inline pre */
.ipre { color:#009900; font-family:monospace; }
/* for babelfish */
.babel { background-color:#c0c0c0; }
/* END OF STYLESHEET */