/************
     #container { position:relative; align:center; margin-left:auto; margin-right: auto; margin-top: auto; width: 850px;
        background: #ccddcc;  white-space: normal;
    }
************/
/*****	
#container {text-align:center; background: #dddddd;
}
************/
	
body { 	font-family: arial,Arial,helvetica,Helvetica, sans-serif; font-size: 100%;
	    background-color: #ffffff;  /** #6699AA;**/   /**#abc;**/  
  background: url("./bkgd_dir_fntc.jpg");     /** fntc_backg_orange.jpg"); **/
  background-repeat: repeat-y;
  background-position: left;
  color:#dddddd;
  margin:0;
}

#info {font-size:88%; margin-right:2em;
}

dt {font-size:88%; margin-right:2em; margin-top:1em; margin-left:2em;
}

dd { font-size:88%; margin-right:2em; line-height:0.5cm;
}

/*************************  indexlink  *********************************************/
#indexlink a{ padding: 1px; font-size:100%; color: #FFFFCC;
 }

#indexlink a:hover { background-color: #339933; color: white;  text-decoration: none; /*font-weight: bold;*/
}

#indexlink a:active { color: #abc; text-decoration: none;   /*font-weight: bold;*/
}

/*************************  textlink  *********************************************/

#textLink a{ padding: 1px; font-size:100%;
 }

#textLink a:hover { background-color: #000099; color: white;  text-decoration: none; /*font-weight: bold;*/
}

   
#bgTopNavigationBar { background-color: #036; background-repeat: no-repeat; vertical-align: middle;   /*text.top;*/
	                  background-position: 0px 0px;   /* position x y (left-top) corner of image*/
}
   
ul{  font-size:100%; vertical-align: middle;
}
	
ul#navlist { margin-left: 0; padding:0; text-align: right; font-size:80%; 
}

#navlist li { display: inline; list-style-type: none; font-weight: bold; height: 15px;     /* 40px */
}

#navlist a { padding: 5px 15px; }  /* 5px 20px */

#navlist a:link, #navlist a:visited { color: #ffff33; /** background-color: #036;  safe color blue #003366*/
                        text-decoration: none; font-weight: bold;
}

#navlist a:hover { color: #ffffff; background-color: #000000;  /* 99CCFF safe color = light blue */ 
                        text-decoration: none;  font-weight: bold;
}

#navlist a:active { color: #330000;  background-color: #C0C0C0;  /*gris*/ 
                        text-decoration: none; font-weight: bold;
}

ul#navlistinf { margin-left: 0cm; margin-right:1em; margin-top:2px; padding: 0;  text-align: right; font-size:75%; 
}

#navlistinf li { display: inline; list-style-type: none; font-weight: bold;   /* 40px */
}

#navlistinf a { padding-left: 7px; padding-right:7px; padding-top:0px; padding-bottom:0px; }

#navlistinf a:link, #navlistinf a:visited { color: #ffff33; text-decoration: none; font-weight: bold;
}

#navlistinf a:hover { color: #ffffff; /* background-color: #000000;*/  /* 99CCFF safe color = light blue */ 
                        text-decoration: none;  font-weight: bold;
}

#navlistinf a:active { color: #abc;  /* background-color: #FFFFCC;*/  /*crema*/ /*#FFFF99; manteca*/ 
                        text-decoration: none; font-weight: bold;
}

ul#navlistleft { margin-left: 0cm; margin-right:1em; margin-top:2px; padding: 0;  text-align: left; font-size:70%; 
}

#navlistleft li { display: inline; list-style-type: none; font-weight: bold;   /* 40px */
}

#navlistleft a { padding-left: 7px; padding-right:7px; padding-top:0px; padding-bottom:0px; }

#navlistleft a:link, #navlistleft a:visited { color: #FFFF00; text-decoration: none; font-weight: bold;
}

#navlistleft a:hover { color: #99FF66; /* background-color: #000000;*/  /* 99CCFF safe color = light blue */ 
                        text-decoration: none;  font-weight: bold;
}

#navlistleft a:active { color: #abc;  /* background-color: #FFFFCC;*/  /*crema*/ /*#FFFF99; manteca*/ 
                        text-decoration: none; font-weight: bold;
}

/****************************  breadcrumbs      *****************************************************/
#breadcrumbs { font-size: 70%; font-family: arial, times; text-align: left; color: #FFFFFF; font-style: italic;
                       line-height: 100%; color: #000000; font-weight: bold; text-decoration: none; padding-left: 1em;
}

#breadcrumbs a { padding: 1px 1px; }  /* 5px 20px */

#breadcrumbs a:link, #breadcrumbs a:visited { color: #660000; text-decoration: underline; font-weight: bold;
}

#breadcrumbs a:hover { color: black; background-color: #CCCCCC;  /* CCCCCC safe color = light grey */ 
                     text-decoration: none; font-weight: bold;
}

#navcontainer {margin: 0; padding: 5px 0 7px 5px; width: 50%; /**line-height: 1.75; **/ background-color: #669;
                      font-family: Arial, Helvetica, sans-serif; font-size: 90%;
}


/****************************  Vertical  menu/navigation bar *****************************************************/
#vnavlist a { padding-left: 2px; padding-right:2px; padding-top:2px; padding-bottom:2px; font-family:Verdana; 
              background:#000000; color:#ffffff; }

#vnavlist a:link, #vnavlist a:visited { color: #ffffff; /** background-color: #036;  safe color blue #003366*/
                        text-decoration: none; font-weight: bold; 
}

#vnavlist a:hover { color:#000000; background: #ffffff; /* 99CCFF safe color = light blue */ 
						text-decoration: none;  font-weight: bold; width:100%; 
		               }

#vnavlist a:active { color: #abc;  background-color: #339933;  /*verde*/ 
                        text-decoration: none; font-weight: bold; 
}

/*****************************   Scrollable Area *****************************************************************/
 .scrollArea {
   width:410px;
   height: 550 px;
 /*  padding: 3px; */
   border-style: solid; 
   border-width: 1; 
   overflow: auto;
 }
 
 .abs {
position:absolute;
top:20px;
left:300px;
width:20em;
padding:3px;
border:1px solid gray;
}

 
 .relativepos {
    position: relative; 
    top: 0px; left: 0px; 
 }