body {
/*  background-color: #e8e9f3;*/
  background-color: #fff;
  color:#666666; /*black*/
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  text-align: justify;
  padding: 1px 70px 0px 70px;
  margin:0;
}

/* Div hosting the Logo */

#corner_pane {
  position:fixed;
/*  background-color: #e8e9f3;*/
/*  border: 1px dotted red;*/
  z-index: 10;
  top: 0px;
  left: 0px;
/*  right: 70px;*/
  width: 220px;
}

/* Div hosting the menu bar */

#commandbar {
  position: fixed;
  background: url(img/bordertop.png) repeat-x;
  background-color: #ffffe9;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #3333cc;
/*  border: 1px solid black;*/
  z-index:10;
  top: 98px;
  left: 70px;
  right: 70px;
  height: 44px;
  margin: 0;
  padding: 0;
}

/* Div hosting the right border of the command bar */

#commandbar_right{

  position: fixed;
  background-image: url(img/cornertopright.png);
	background-repeat: no-repeat;
  background-color: #ffffe9;
  border-top: 1px solid #fff;
  z-index:10;
	top: 98px;
  right:70px;
  height: 50px;
  margin: 0px;
	width: 14px;
  padding: 0px;
}

/* Div hiding the text when crolling page top */

#top_filler {
  position: fixed;
/*  border: 1px solid black;*/
  background-color: #fff;
  z-index: 4;
  left: 200px;
  height: 99px;
  width: 500px;
  margin:0px
  top: 0px;
}

/* Div hosting the banner */

#top_pane {
  position: fixed;
  background-color: #fff;
  z-index: 5;
  margin: 0px;
/*  left:70px;*/
  right: 70px;
  top: 0px;
}

/* Level 0, 1, 2, 3: Div hosting the three colums pages */

#level0 {
  z-index:1;
  margin-top: 145px;
  background-color: #ffffe9;
/*  border: 1px dotted yellow;*/
}


#level1 {
  background: url(img/border-left.png) repeat-y;
  background-color: #ffffe9;
  margin-top:0;
  margin-left: 0px;
  padding-left: 20px;
/*  padding-bottom: 10px;*/
/*  border: 1px solid magenta;*/
}

/* additional div hosting the bottom border */

#level1_bottom {
  background: url(img/borderbottom.png) repeat-x;
  background-color: #ffffe9;
  margin-top:-12px;
  margin-left: 0px;
/*  padding-bottom: 10px;*/
/*  border: 1px solid magenta;*/
}

#level2 {
  background: right url(img/border-right.png) repeat-y ;
  position: relative;
/*  padding-bottom: 40px;*/
}

#level3 {
  margin-top:0;
  margin-right: 33%;
  padding-right: 9px;
/*  border: 1px dotted blue;*/
}

/* Div hosting the main HTML of the page */

#main {
  margin-top:0;
  background-color: #ffffe9; 

/*  border: 1px dotted cyan;*/
}

/* Div hosting the left column HTML  */

#leftbar {
    margin:119px 0 0 0;
    padding: 0;
    position:absolute;
    width:130px;
/*    border: 1px dotted blue;*/
}

/* Div hosting the right column HTML  */

#rightbar {
    position:absolute;
    width:33%;
    top:0;
    right:0px;
    padding-right:20px;
    padding-top: 10px;
/*    border: 1px dotted red;*/
}

/* Div hosting the right column HTML IE specific */

#rightbarie {
    position:absolute;
    width:33%;
    top:0;
    right:70px;
    padding-right:20px;
    padding-top: 10px;
/*    border: 1px dotted red;*/
}

/* definitions for forms*/

form, fieldset {
  background-color: #ffffe9;
}

input.text, textarea, select {
/*  background-color: #e3e4f1;*/
  background-color: #fff;
  border: 1px;  border-style: solid;
  border-color: #7F9DB9;
}

.formlabel {
  font-size: 11px;
  color: #3670A7; 
}

.formfield {
  color: black; 
}

.formbutton {
  font-size: 11px;
}

.formlegend {
  font-weight: bold;
}

.formfieldset {
  padding: 10px;
}

/* definitions for HTML Elements*/

p {
  line-height: 1.5em;
}

#main p {
  padding-left: 30px;
}

p.right_align {
  text-align: right;
  margin-top: 0px;
  margin-bottom: 0px;
}

p.center_align {
  text-align: center;
}

em {
  color: #D2691E; /*chocolate*/
  font-style: italic;
  font-weight: bold;
}

h1 {
  color: #ff6600;
  font-family: Times New Roman, Times;
  font-size: 25px;
  padding-top: 10px;
  padding-left: 5px;
  Padding-bottom: 5px;
}

h2 {
  color: #ff9900;
  font-size: 14px;
  font-weight: bold;
/*  border-top: 1px dashed #FFCC66;
  border-top: 1px solid #FFCC66;*/
  padding-top: 5px;
  padding-left: 10px;
  line-height: 1.5em;
  border-bottom: 1px dashed #ff9900;
}

h3 {
  font-size: 12px;
  font-weight: bold;
/*  border-top: 1px dashed #FFCC66;*/
  line-height: 1.5em;
  padding-top: 5px;
  padding-left: 10px;
}

h4 {
  font-size: 12px;
  font-weight: bold;
  padding-top: 5px;
  line-height: 1.5em;
  padding-left: 13px;
}

dt {
  padding-left: 10px;
  padding-bottom: 5px;
}

dd {
  padding-left: 10px;
  padding-bottom: 15px;
}

a {
  color: #4D4DD6;
  text-decoration: underline;
}

a:visited {
  color: #B3B3B3;
}

a:hover {
  color: #4D4DD6;
  font-weight: bold;
  text-decoration: none;
}

a:active {
  color: #6495ED;
  text-decoration: none;
}

/* specification for div to position the groups */
/* -------------------------------------------- */

#tool_box{
  margin:0;
	padding:0;
	z-index: 50;
	position: absolute;
	right: 0px;
  width: 75px;
  margin-top: 10px;
/*  border: 1px solid #FFCC66;*/
}

#footer {
  text-align: center;
  font-size: 10px;
  margin-bottom: 0px;
  margin-top: 15px;
  border-top: 1px solid #ff6600;
  padding-top: 0px;
/*  padding-left: 15px;*/
  color: #808080;
/*  margin-left: 44px;*/
/*  width: 400px;*/
}

#poweredby {
  visibility: hidden;
}

#main ul {
  margin-left: 50px;
  list-style-image: url(img/bulletscr.png);
}

/* specifications for tool tips */
/* ---------------------------- */

div#dHTMLToolTip {
  z-index: 10;
  position: absolute;
  visibility: hidden;
  top: 0px;
  left: 0px;
  width: 400px;
  background-color: #FFFFDC;
  border: 1px solid #FFCC66;
  padding: 10px;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #000000;
}

div#right_pane a.glossary:link {
  color: #69C;
  cursor: help;
}

div#right_pane a.glossary:visited {
  color: #69C;
  cursor: help;
}

div#right_pane a.glossary:hover {
  color: #69C;
  cursor: help;
  font-weight: normal;
}
 

/* specifications for images */
/* ------------------------- */

div#mainphoto {
  position: absolute;
  right: -150px;
  top: 70px;
  width: 400px;
  height: 350px;
}

div#smallphoto {
  position: absolute;
  right: -150px;
  right: -200px;
  top: 330px;
  width: 400px;
  height: 350px;
  text-align: left;
}

div#smallphoto .overimg {
  cursor: pointer;
}

.img_transparent {
}

.img_left, .img_center, .img_right, .img_left_transparent, .img_right_transparent {
  border: 0;
}

.img_left, .img_left_transparent {
  float: left;
}

.img_border {
  border 1 px solid ##ff6600;
}

.img_right, .img_right_transparent {
  padding: 10px;
	float: right;
}

/* specifications for span class */
/* ----------------------------- */

.bolded {
  font-weight: bold;
}

.latin {
  font-style: italic;
}

.left_align {
  text-align: left;
}

.right_align {
  text-align: right;
}


.citation {
  font-style: italic;
  margin-left: 30px;
}

.small {
  font-size: 10;
}

.mandatory {
  font-size: 10;
/*  font-weight: bold;*/
/*  color: red;*/
}

/* Definitions for logon pane */


.logon_pane {
  position: absolute;
/*  left: 655px; */
  right: -210px;
  top: 0px;
  width: 180px;
  font-family: Verdana, Arial, Helvetica, sans-serif;}

.logon_pane fieldset {
  background-color: #FFFFDC;
  border: 1px solid #FFCC66;
  padding-bottom: 3px;}
.logon_pane label {
  padding-left: 3px;
  float: left;
  font-size: 8px;}
.logon_pane .nobr {
  display: none; }  
.logon_pane input {
  height: 21px;
  font-size: 10px;}
.logon_pane input.text {
/*  background-color: #fffff5;
  border: 1px solid #FFCC66;*/
  margin-left: 3px; }
	
/* specifications for notes & events */
	
.event, .note_heavy, .note_medium, .note_light {
  color: #ffffe9;
  right: 20px;
  width: 75%;
  text-align: justify;
  padding: 5px;
  border: 1px dashed #3333cc;
  margin-left: 40px;
  margin-top: 20px;
  font-size: 11px;
}

.event h2, .note_heavy h2, .note_medium h2, .note_light h2{
  /*font-family: Times New Roman, Times;*/
}
  
.note_heavy {
  background-color: #6666d9;
  color: #ffffe9;
}

.event {
  font-family: Verdana;
}

.note_medium {
  background-color: #9999e6;
}

.event, .note_light {
  background-color: #ccccf3;
}

.note_medium h2, h3, .note_light h2, h3 {
 color: black;
 border: 0;
 margin: 0;  
 padding: 0;
}

.note heavy h2, h3 {
 color: #fff; 
}

.note_heavy h2, .note_medium h2, .note_light h2 { 
 padding-left: 5px;
}

.note_heavy h3, .note_medium h3, .note_light h3 { 
 padding-left: 10px;
}

marquee p, .note_heavy p, .note_medium p, .note_light p { 
 text-align: justify;
 margin: 0;
 padding: 0;
 padding-bottom: 5px;
 padding-top: 5px;
 padding-left: 20px;

}

marquee p { 
 padding-left: 5px;
}


.event p, .note_heavy p, .note_medium p, .note_light p { 
 color:  black;
}


.note_heavy a:visited {
 color: #ffffe9;
}

.note_heavy a, .note_medium a, .note_light a {
 color: #ffcd00;
}

.event a, .note_light a{
 color: #6666d9;
}

.note_heavy a:hover, .note_medium a:hover, .note_light a:hover {
 color: #fffd00;
}

.event a:hover, .note_light a:hover {
 color: #3333cc;
}


.event a:active, .note_heavy a:active, .note_medium a:active, .note_light a:active {
 color: #fffd00;
}

.event a:visited, .note_medium a:visited, .note_light a:visited {
 color: #666666;
}


.event .title, .note_heavy .title, .note_medium .title, .note_light .title {
  color : #fff;
  background-color: #4d4dd6;
  font-family: Arial;
  font-style: normal;
  font-size: 12px;
  text-align: center;
  padding: 0px;
  font-weight: bold;
  display: block;
  margin-top: 5px;
}

.event ul, .note_heavy ul, .note_medium ul, .note_light ul {
  color: black;
  list-style-image: url(img/bulletm.png);
  margin: 0;
  padding: 0;

}

.event .emarker{
  color: #666;
  font-family: Arial;
  font-style: normal;
  font-size: 12px;
  text-align: center;
  padding: 0px;
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}


.note .author{
  text-align: right;
  font-size: 11px;
  font-style: normal;
}

/* Definitions for breadcrums */

.bread {
  font-size: 10px;
}

/* Definitions for page border */ 

.border_topleft {
  float: left;
  margin: 0px;
  padding: 0px;
  align: left;
  border: 0;

}
.border_topright {
  text-align: right;
  align: right;
  border: 0;
}

.border_bottomright {
  text-align: right;
  float: right;
  align: right;
  border: 0;
}

#separator {
	background-image: url('img/decovscr.png');
	background-repeat: no-repeat;
	background-position: center;
	left:0;
	right:0;
	padding:0;
	margin:0;
	height: 21px;
/*	border: 1px solid black;*/
}

#stamp {
	background-image: url('img/cachetscr.png');
	background-repeat: no-repeat;
	background-position: left;
	left:0;
	right:0;
	padding:0;
	margin:0;
	margin-left: 30px;
	height: 77px;
/*	border: 1px solid black;*/
}


.Watermark{
  z-index: 10;
  position: absolute;
}

.footer_links {
}

ol {
  padding-left: 50px;
  line-height: 20px;
}

/* definitions for List items */

#level0 ul {
  padding-left: 50px;
}

#level0 ul li {
  padding-bottom: 15px;
}

ul.gotolist li {
  list-style-image:url(img/arrowdown.gif);
  font-size: 11px;
  line-height: 20px;
  padding-bottom: 0px;
}

ul.gotoforward li {
  padding-bottom: 0px;
  list-style-image:url(img/arrowright.gif);
  font-size: 11px;
  line-height: 20px;
}

.withbackground {
  background-color: #FFCC66;
}