/* Base stylesheet rebuild July-August 2006
	 
	 Index
	 PART 1. RULES FOR ALL PAGES IN MAIN SITE 
   Part 1.1. Canvas (center the page, etc 
   Part 1.2. Default basics for structural elements 
   Part 1.3. Default headings: only change colors and margins per zone  
   Part 1.4. Generic  layout for iconized lists  
   Part 1.5. Zoning adjustments for menus 
   Part 1.5.1 Zoning adjustments for top menu (and overlay)
   Part 1.5.2 Zoning adjustments for left menu
   Part 1.6. Zoning adjustments for right column 
   Part 1.7. Zoning adjustments for page trailer 
   Part 1.8. Special cases with local adjustments defined by class or ID 
   Part 1.8.1. Special case: Generic "more>>" links 
   Part 1.8.2. Special case: Contact us box in right column 
   Part 1.8.3. Error messages 
   Part 1.8.4. Generic mechanism to reduce width of wide panels 
   Part 1.8.5. Adjustments for webmaster debugging information  
   Part 1.8.6.  Breadcrumbs 
   Part 1.8.6.  Address lists in right column 
   Part 1.8.7. Marginal form elements: force smaller text sizes 
   Part 1.8.8. White paper header blocks in right column 
   Part 1.8.99.  Links: set last to override everything 
   PART 2. RULES SPECIFIC TO FORM PAGES 
   Specific form elements  
   PART 3. RULES SPECIFIC TO HOME PAGES 
   Part 3.1.  Zoning adjustments for overall home page layout 
   Part 3.2.  Zoning adjustments for home page banner panels 
   Part 3.3.  Zoning adjustments for home page "boxes" 
   Part 3.4.  Zoning adjustments for home page "panes" 
   Part 3.5.  Zoning adjustments for home page communities/worldwide subpane 
   Part 3.6.  Zoning adjustments for resource center list on home page 
   PART 4. RULES SPECIFIC TO SCREENSHOT PAGES 
*/

/* **************************************** */
/* PART 1. RULES FOR ALL PAGES IN MINI-SITE */
/* **************************************** */

/* Part 1.1. Canvas (center the page, etc */
html
{
  overflow: scroll; /* Avoid horizontal jumps between short and long pages */
} 

html, body 
{
  font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #FFFFFF;
	color: #3e3e3e; 	
  padding:0px;
} 

table  /* collapse all borders */
{
	border-collapse: collapse;
}

table#tabpage
{
	margin-right: auto; margin-left: auto;
	text-align: left;
	border-spacing: 0px;
  background-color:#FFF;
}

/* Main layout table */
table#tabpage,
table#tabpage td,
table#tabpage th 
{
	border-width: 1px;
	border-style: solid;
	border-color :#FFFFFF;
	border-spacing: 0px;
}
/* ...but kill borders in nested tables */
 table#tabpage table,
 table#tabpage table td,
 table#tabpage table th,
 table#tabpage table img
{
	border-spacing: 0px;
	border-width: 0px; 
}

/* ...unless you ask for them explicitly (e.g. in form headers */
 table#tabpage table.inform,
 table#tabpage table.inform td,
 table#tabpage table.inform th,
 table#tabpage table.inform img
{ /*
	border-spacing: 0px;
	border-width: 1px; 
	border-color :#FF0000;
*/ }
 table#tabpage table.inform  /* Local canvas */
/* See table.inform for how to meld a table into the main form */
{ 
	background-color:#FFFFFF; color: #3e3e3e;
	/* padding-top: 1px; padding-left: 1px; padding-right: 1px; padding-bottom: 1px; */
}


 table#tabpage table.inform td,
 table#tabpage table.inform th
{ 
	border-width: 2px; border-color:#B1C9FD;
	background-color:#FFFFFF; color: #3e3e3e;
	padding-top: 3px; padding-left: 6px; padding-right: 6px; padding-bottom: 3px;
}

/* Part 1.2. Default basics for structural elements */
form, div, td, th, iframe
{
  text-align:left;
  vertical-align:top;
	margin:  0px; 
	padding: 0px; 
}     

div#divmain { /* Main panel */
  padding-left:  8px; 
	padding-right: 6px; 
}

p, ul, ol, li
{
	line-height:1.25em;
}

.liprd
{
margin-left:35px;
}
.ulprd
{
margin-top:-10px;
}

p, ul, ol
{
  margin-top:0em;
  margin-left:0em;
  margin-right:0em;
  margin-bottom:1em;
}

p.prelist, ul.prelist /* Kill vertical whitespace before lists*/
{
  margin-bottom:0;
}

/* TBD: Clean up and simplify these list rules */

UL, OL {
  padding-left:   0px;
  padding-right:  0px;
  padding-top:    0px;
  padding-bottom: 0px;
}

UL {
  margin-left: 18px;
}

OL {
  margin-left: 24px;
}

LI                   {list-style-position:outside;}
UL LI                {list-style-image:url(/s6/css/li1.gif); list-style-type:square;}
UL UL LI             {list-style-image:url(/s6/css/li2.gif); list-style-type:disc;  }
UL UL UL LI          {list-style-image:url(/s6/css/li3.gif); list-style-type:circle;}
UL.pointers LI       {list-style-image:url(/s6/css/lip1.gif);}
UL.pointers UL LI    {list-style-image:url(/s6/css/lip2.gif);}
UL.pointers UL UL LI {list-style-image:url(/s6/css/lip3.gif);}
UL.pointers LI       {list-style-image:url(/s6/css/lip1.gif);}
UL UL.pointers LI    {list-style-image:url(/s6/css/lip2.gif);}
UL UL UL.pointers LI {list-style-image:url(/s6/css/lip3.gif);}
UL LI.pointers       {list-style-image:url(/s6/css/lip1.gif);}
UL UL LI.pointers    {list-style-image:url(/s6/css/lip2.gif);}
UL UL UL LI.pointers {list-style-image:url(/s6/css/lip3.gif);}

/* Special case of "open"  lists: spaces between items is 64px wide */
UL.open li { margin-top: 6px; }

/* Special case of white paper lists: image is 64px wide 

UL.wplist {
  margin-left: 0px; 
}
UL.wplist LI{
	list-style-type:none; list-style-image:none; list-style-position:outside;
	padding-left:68px; 
	padding-bottom: 4px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:0px 3px;
	background-image:url(/s6/css/wpover-en.png); 
}

UL.wplist LI.wpce {background-image:url(/s6/css/wpcase-en.png); }
UL.wplist LI.wpoe {background-image:url(/s6/css/wpover-en.png); }
UL.wplist LI.wppe {background-image:url(/s6/css/wpprod-en.png); }
UL.wplist LI.wpre {background-image:url(/s6/css/wpreg-en.png); }
UL.wplist LI.wpfe {background-image:url(/s6/css/wptry-en.png); }
UL.wplist LI.wpcf {background-image:url(/s6/css/wpcase-fr.png); }
UL.wplist LI.wpof {background-image:url(/s6/css/wpover-fr.png); }
UL.wplist LI.wppf {background-image:url(/s6/css/wpprod-fr.png); }
UL.wplist LI.wprf {background-image:url(/s6/css/wpreg-fr.png); }
UL.wplist LI.wpff {background-image:url(/s6/css/wptry-fr.png); }
*/

table#tabpage img.wprsicon {
  float:right;
	border: solid;
	border-width: 1px;
	width:50px;
	height: 65px;
	border-bottom-color:#666666; 
	border-right-color:#999999; 
	border-top-color:#CCCCCC; 
	border-left-color:#BBBBBB; 
	margin-left: 4px;
	margin-bottom: 4px;
}

/* Special case of white paper lists: home "Resource Center" panel */

div#divhomepane2 UL.wplist LI{
	padding-left:40px; 
	padding-bottom: 6px;
	/* specify background images individually: following is default */
	background-image:url(/pix/wpicons/strongauth-en.gif);
}
/* Part 1.3. Default headings: only change colors and margins per zone  */
h1, h1 a:link, h1 a:visited
{
  color:#6699FF; 	background-color: transparent;
	font-size:24px;  
	font-family:Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal; 
  margin-top: 1em;  margin-bottom: 1.5em;
}
h1 .supertitle
{
  font-size:36px; 
}

h2, h2 a:link, h2 a:visited
{
  color:#00257E; background-color: transparent;
	font-size:18px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal;
  margin-top: 1em;  margin-bottom: 0.5em;
}

h3, h3 a:link, h3 a:visited
{
  color:#6699FF; background-color: transparent;
	font-size:14px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
  margin-top: 0.5em;  margin-bottom: 0.25em;
}

h4, h4 a:link, h4 a:visited
{
  color:#00257E; background-color: transparent;
	font-size:14px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
  margin-top: 0.5em;  margin-bottom: 0em;
}
/* Note that H5 and H6 are used as display text and not true headings
*/
h5, h5 a:link, h5 a:visited
{
  color:#6699FF; background-color: transparent;
	font-size:14px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal;
  margin-top: 0.5em;  margin-bottom: 0em;
}
h6, h6 a:link, h6 a:visited
{
  color:#00257E; background-color: transparent;
	font-size:14px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal;
	line-height: 18px;
  margin-top: 0.5em;  margin-bottom: 0.5em;
}

/* Part 1.4. Generic  layout for iconized lists  
   Zoning adjustments should only adjust lengths  */

div.catblock
{ 
  width:100%; 
	clear:both;
  margin: 0px; 
  overflow:hidden;
  border: #00257E; border-style: solid; border-width:0px;  border-top-width:1px; 
}
div.catblock h1,
div.catblock h2,
div.catblock h3,
div.catblock h4,
div.catblock h5,
div.catblock h6
{ 
	margin-bottom: 0px; margin-top:0px; 
}

div.catblock h1.banner,
div.catblock h2.banner,
div.catblock h3.banner,
div.catblock h4.banner,
div.catblock h5.banner,
div.catblock h6.banner
{ 
	margin-bottom: 0.5em; margin-top:0.5em; 
}

div.catdescr, 
div.catdescl, 
div.catimgl, 
div.catimgr
{ 
  padding-left:0px; padding-right:0px; 
	padding-bottom:6px; padding-top:6px; 
} 

div.catdescr { width:350px; float:right; } 
div.catdescl { width:350px; float:left;  } 
div.catimgl  { width:200px; float:left;  text-align:center; } 
div.catimgr  { width:200px; float:right; text-align:center; } 


/* shrink when enclosed in a 4-column division */
div#iconcatblock div.catimgl  { width:70px; float:left;  text-align:center; } 
div#iconcatblock div.catdescl { width:120px; float:left;  } 



/* Part 1.5. Zoning adjustments for menus */
/* Part 1.5.1 Zoning adjustments for top menu */
p.compact, div.layout {  
  margin-top:0px;  margin-right:0px;  margin-bottom:0px;  margin-left:0px; 
  padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px;
}
div#dtopstuff1 {
  width:780px; 
  background-color:#00257E; 
  vertical-align:bottom; 
  height:20px; 
  line-height:20px; 
  overflow:hidden;
}
div.secmenu {
  position:absolute; 
  display:none; 
  width:167px; 
  border:1px #FFFFFF solid;
	border-top-width: 0;
} 
div.secmenu a  {
	display:block;
}
div.secmenu a.nimg  {
	display:block; 
	padding:3px; 
	padding-left:8px;
	background-color:#92B6FC; color:#00257E;
	border: 0 #FFFFFF solid; 
	border-top-width:1px; 
	font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;
}

div.secmenu a:visited { color:#00257E; text-decoration: none;}
div.secmenu a:hover, div.secmenu a:focus {
  color:#CA6915;
  text-decoration: underline;
}

td#tdm2               { background-color:#FFFFFF; color:#3e3e3e; 
                        padding-left:8px; padding-top:4px; padding-bottom:2px;
                        font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;
                      }
td#tdm2 a:link        {color:#00257E; text-decoration: none;}
td#tdm2 a:visited     {color:#00257E; text-decoration: none;}
td#tdm2 a:hover       {color:#00257E; text-decoration: underline;}
td#tdm2 a:focus       {color:#00257E; text-decoration: underline;}

img.imgm1 {
	z-index: 99;
	border: 0;
} /* ABOVE overlay menus */


/* Part 1.5.2 Zoning adjustments for left menu */
#zonels
{
 /*background-color:#EDF2F8;
  color:#3e3e3e;*/
  
   background-color:#e9e9e9;
  color:#3e3e3e;
  min-width:150px;
  font-size:10px;
}

#zonels a
{
  font-size:10px;
}

.zonels2
{
 background-color:#e9e9e9;
  color:#3e3e3e;
  min-width:150px;
  font-size:10px;

}
div#lsmenu
{
  padding-top:20px; padding-bottom:8px; 
}

div#lsmenu ul
{
	font-size: 12px;  font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin-top:0px;  margin-right:0px;  margin-bottom:0px;  margin-left:0px; 
  padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px;
	border-style: solid; border-color: #FFFFFF; border-width: 0px; border-bottom-width: 1px;
}
/* compact version: separators between list blocks */
div#lsmenu ul.compact {
	padding-top: 6px;  padding-bottom: 6px;
	border-style: solid; border-color: #FFFFFF; border-width: 0px; border-top-width: 1px;
}

div#lsmenu ul li
{
	text-indent: -12px;
	list-style-type:none; list-style-image:none; list-style-position:outside;
	padding-left:16px; padding-top: 6px; padding-right: 6px; padding-bottom: 6px;
	border-style: solid; border-color: #FFFFFF; border-width: 0px; border-top-width: 1px;
}
div#lsmenu ul.compact li {
	padding-top: 0px;  padding-bottom: 3px;
	border-top-width: 0px;

}

div#lsmenu ul.compact2 {
	padding-top: 6px;  padding-bottom: 6px;
	border-style: solid; border-color: #FFFFFF; border-width: 0px; border-top-width: 1px;
	
	
}

div#lsmenu ul.compact2 li {
	padding-top: 0px;  padding-bottom: 3px;
	border-top-width: 0px;
	font-size:10px;
		
}

div#lsmenu ul.compact2 li a{
	color:#3e3e3e;
}

div#lsmenu ul ul li
{
	padding-top: 0px; padding-bottom: 0px;
	border-top-width: 0px;
}

div#lsmenu ul ul
{
  /* display:none;  Initially hide all nested menus */
	border-bottom-width: 0px;
} 

div#lsmenu H3, div#lsmenu H4, div#lsmenu p
{ 
  padding-left: 4px; padding-right:6px; 
}
        
div#lsmenu H4
{
  padding-top: 6px; margin-top:10px; margin-bottom:6px;
	font-weight:normal;
}

div#lsmenu p
{
  padding-top: 0px; margin-top:4px; margin-bottom:4px;
	font-weight:bold;
	color:#6699FF;
	/* border-style: solid; border-color: #FFFFFF; border-width: 0px; border-top-width: 1px; */
}


/* Part 1.6. Zoning adjustments for right column */

/* Part 1.6.1.  Generic div-based right column blocks  */
td#zoners div.rstext,
td#zoners div.rshead,
div.rsbox div.rshead,
div.rsbox div.rstext
{
  overflow: hidden;
	padding-left: 4px; padding-right: 4px;
  padding-top: 6px; padding-bottom: 6px;
  clear: both;
}
td#zoners div.rspix,
td#zoners div.rsiconlist
{
  padding-left: 0px; padding-right: 0px;
  padding-top: 0px; padding-bottom: 0px;
  clear: both;
}

td#zoners div.rsiconlist /* redundant with rs ? */
{
  text-align: center;
}

td#zoners div.rshead,
div.rsbox div.rshead
/* Grey on grey titles */
{
  font-weight: bold;
  background-color: #CED5E1; color: #8A889A;
}

td#zoners div.rshead p,
div.rsbox div.rshead p
{
  font-weight: bold;
	margin-top: 0px; margin-bottom: 0px;
}

td#zoners div.rspix p
{
  font-weight: bold;
	margin-top: 0px; margin-bottom: 0px;
	padding-top: 3px; padding-bottom: 3px;
}

td#zoners div.rstext p,
td#zoners div.rstext ol,
td#zoners div.rstext ul,
div.rsbox div.rstext p

{
	margin-top: 0px; margin-bottom: 4px;
}


td#zoners div.rspix p
{
  text-align: center;
}

td#zoners div.rstext,
td#zoners div.rspix,
div.rsbox div.rstext
 /* Black on pale blue */
{
  background-color: #EDF2F8; color: #3e3e3e;
}

td#zoners div.rswidepic /* allows for wall-to-wall images */
{
  padding-left: 0px; padding-right: 0px;
	clear: both; line-height: 12px;
}
td#zoners div.rswidepic img /* allows for wall-to-wall images */
{
  display:block; vertical-align:text-bottom;
}



TD#zoners table { 
  width: 177px; clear: both;
}
TD.kn,
TD.tn,
TD.rs
{
  background-color:#EDF2F8;
	/* margin-left:12px; margin-top:20px; */
	padding-left:6px; padding-top:4px; padding-right:4px; 
}

th.kn,
th.tn,
th.rs
{
  background-color:#CED5E1; 
	/* margin-left:12px; margin-top:20px; */
	padding-left:6px; padding-top:4px; padding-right:4px; 
}
th.kn, th.kn p,
th.tn, th.tn p,
th.rs, th.rs p
{
  color:#8A889A;
	margin-bottom:4px;
	/* margin-left:4px; margin-top:4px; */
}

/* Part 1.7. Zoning adjustments for page trailer */
#zonegoo, 
#zonetrail, 
#tdrstrail, 
#tdmaintrail
{
  background-color:#6699FF;
}

/* Part 1.8. Special cases with local adjustments defined by class or ID */

/* Part 1.8.0. Special case: Generic de-emphasize */
span.deemph {
font-weight: normal;
font-style: normal;
font-variant: normal;
}

/* Part 1.8.1. Special case: Generic "more>>" links */
p.morestuff,
p.morestuff a:link,
p.morestuff a:visited,
p.morestuff a:hover,
p.morestuff a:active
{
  color: #FF0000; background-color:transparent; font-weight:bold; font-size: 11px;  font-family: Verdana, Arial, Helvetica, sans-serif;   /* i.e. 10px */
	margin-top: 0.5em; margin-bottom: 0.5em;
}

span.morestuff,
span.morestuff a:link,
span.morestuff a:visited,
span.morestuff a:hover,
span.morestuff a:active
{
  color: #FF0000; background-color:transparent; font-weight:bold; font-size: 11px;  font-family: Verdana, Arial, Helvetica, sans-serif;   /* i.e. 10px */
}

/* Part 1.8.2. Special case: Contact us box in right column */
table#rscu th.rs
{
  background-color:#515B72;
}
table#rscu th.rs p
{
  color:#FFFFFF;
}

/* Part 1.8.3. Error messages */
p.emfo,
span.emfo 
{
  color:#FF0000;
}

form#mainform p.emfo
{
  margin-top:0px; margin-bottom:0px;
}

/* Part 1.8.4. Generic mechanism to reduce width of wide panels */
.short
{
  margin-right:100px;
}

/* Part 1.8.5. Adjustments for webmaster debugging information  */
div.debug
{
	margin-right: auto; margin-left: auto;
	text-align: left;
  background-color:#FFFFFF;
}
div.debug ol
{
  margin-left:3em;
}
/* Part 1.8.6.  Breadcrumbs */
/* TBD. Add link definitions */
div#breadcrumbs
{
  color:#6699FF; font-size:10px;  font-family: Verdana, Arial, Helvetica, sans-serif; 
  padding-left: 8px; padding-top:4px; 
}

/* Part 1.8.8.  Address lists in right column */

div#rsaddr ul
{
  text-indent: -6px;
  margin-top:0px;  margin-right:0px;  margin-bottom:0px;  margin-left:0px; 
  padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:12px;
}
div#rsaddr ul li
{
  list-style-type:none; list-style-image:none; list-style-position:outside;
}
div#rsaddr ul ul
{
  display:none; /* Initially hide all nested menus */
} 

/* Part 1.8.7. Marginal form elements: force smaller text sizes */

.ls1 input, .ls1 select, .ls1 textarea, .ls1 button, .ls1 option, 
.ls  input, .ls  select, .ls  textarea, .ls  button, .ls  option, 
.rs  input, .rs  select, .rs  textarea, .rs  button, .rs  option, 
.kn  input, .kn  select, .kn  textarea, .kn  button, .kn  option, 
.tn  input, .tn  select, .tn  textarea, .tn  button, .tn  option 
{ font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }

#m0search, .m0box, #m0searchFR, .m0boxFR 
{
  width:100px; height: 14px; padding:0px; font-size: 11px;  font-family: Verdana, Arial, Helvetica, sans-serif; 
	vertical-align:top; 
	border-style:solid; border-width:1px; border-color:#AAAAAA;
}


/* Part 1.8.8. White paper header blocks in right column */
td.wpheader
{
  background-color: #00257E;
	background-image: url(/s6/pix/rs_wpbgA.gif); /* add more background imagfes later */
	background-repeat:no-repeat;
  height:150px;
	vertical-align: bottom;
}

div.divwpheader
{
  margin-top: 48px;
  margin-left: 8px;
	margin-right: 3px;
}
div.divwpheader p,
div.divwpheader h2,
div.divwpheader h3,
div.divwpheader h4,
div.divwpheader h5,
div.divwpheader ul
{
  color:#FFFFFF;
}
div.divwpheader ul li
{
  list-style-image:none;
	list-style-type:disc;
}

/* Part 1.8.9. Status tables have a border */

/* table#tabpage table.statustable, */
table#tabpage table.statustable td,
table#tabpage table.statustable th 
{
	border-collapse: collapse;
	border-width: 2px;
	border-style: solid;
	border-color :#FFFFFF;
}

table#tabpage table.statustable th 
{
	padding-top: 8px;
}

/* Part 1.8.99.  Links: set last to override everything */

/* A. Basic common parameters */
a:link,  a:visited { text-decoration:none; }
a:hover, a:active  { text-decoration:underline; }

/* B. Standard approach is to make links either hardly visible... */
a:link, a:visited  { color:#00257E; }

/* C. ...or completely invisible... */
/* Optimization??; use discreet in left menus to reduce number of rules */
a:link     .discreet,
a:visited  .discreet,
div#lsmenu a:link,
div#lsmenu a:visited
{
  color:#3e3e3e; 
}

/* B. ...or a blatant banner... */

p.redlinkbanner,
p.bluelinkbanner
{
  /* width: 100%; */
	clear:both;
	font-size: 14px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-variant:small-caps; /* text-align: right; */
	padding-right: 4px; padding-left: 4px; padding-top: 2px; padding-bottom: 2px; 
	margin-right : 0px; margin-left:  0px; margin-top:  1em; margin-bottom:  1em; 
}
p.bluelinkbanner  { background-color: #6699FF; color: #FFFFFF; }
p.redlinkbanner   { background-color: #FF0000; color: #FFFFFF; }
p.bluelinkbanner a:link,
p.bluelinkbanner a:visited,
p.bluelinkbanner a:hover,
p.bluelinkbanner a:active,
p.redlinkbanner a:link,
p.redlinkbanner a:visited,
p.redlinkbanner a:hover,
p.redlinkbanner a:active
{
  color:#FFFFFF; 
}

p.redlinkbanner a:link,
p.redlinkbanner a:visited,
p.redlinkbanner a:hover,
p.redlinkbanner a:active
{
  color:#FFFFFF; 
}


/* Z. ...AND except on mouseover... */
/* To be checked...Note: no need to specify discreet variants here because of specificity rules */
a:hover,
a:active,
div#lsmenu a:hover,
div#lsmenu a:active
{
  color:#FF0000; text-decoration:underline;
}

/* Special case 1. Current page in left menu is bold and grey and doesn't react to mouseovers */
div#lsmenu  A.currentpage:link    ,
div#lsmenu  A.currentpage:visited ,
div#lsmenu  A.currentpage:hover   ,
div#lsmenu  A.currentpage:active   
{
  color:#8888AA; font-weight:bold; text-decoration:none;
}
/* Special case 2. Links in headings */
h3 a:link,
h3 a:visited
{
  color:#6699FF;
}
h3 a:hover,
h3 a:active
{
  color:#FF0000;
}

/* Special case 3. Links in left menu headings */
div#lsmenu  h3 a:link,
div#lsmenu  h3 a:visited
{
  color:#6699FF;
}
div#lsmenu  h3 a:hover,
div#lsmenu  h3 a:active
{
  color:#FF0000;
}


/* TBD How much of this is legacy stuff */
H4 A:link .discreet    {color:#557EAA; text-decoration:none;}

TH.kn A:link            {color:#FFCC88; text-decoration:none;}
TH.kn A:link .discreet  {color:#FFFFFF; text-decoration:none;}
TH.kn A:visited .discreet {color:#557EAA; text-decoration:none;}
TH.kn A:visited            {color:#FFCC88; text-decoration:none;}
TH.kn A:visited .discreet  {color:#FFFFFF; text-decoration:none;}
TH.kn A:hover            {color:#FFCC88; text-decoration:underline;}
TH.kn A:hover .discreet  {color:#FFCC88; text-decoration:underline;}
TH.kn A:active            {color:#FFCC88; text-decoration:underline;}
TH.kn A:active .discreet  {color:#FFCC88; text-decoration:underline;}

H4 A:hover .discreet   {color:#FF0000; text-decoration:underline;}
H4 A:active .discreet  {color:#FF0000; text-decoration:underline;}


/* ************************************ */
/* PART 2. RULES SPECIFIC TO FORM PAGES */
/* ************************************ */

div#divmain.mainwithform { /* Like main panel but with no right padding*/
  padding-left: 8px; 
	padding-right:0px; 
}

td#zoneformblock /* Blue background for forms */
{
	background-color:#B1C9FD;
	color: #3e3e3e;
}

td#zoneconfblock  /* White background for confirmations */
{
	background-color:#FFFFFF;
	color: #3e3e3e;
}

div#divconfblock,
div#divformblock { /* Like main panel but with no side padding at all*/
  padding-left: 0px; 
	padding-right:0px; 
}


/* form preface, also used in confirmation */

td#zonepreform /* header banner for form part of forms pages */
{
	background-color: #6699FF; color: #FFFFFF;
}

p.preformbanner,
td#zonepreformbanner p /* header banner for form part of forms pages */
{
	background-color: transparent; color: #FFFFFF;
	font-size: 14px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; 
	padding-right: 4px; padding-left: 4px; padding-top: 4px; padding-bottom: 4px; 
	margin-right : 0px; margin-left:  0px; margin-top:  0px; margin-bottom:  0px; 
}

td#zonepreformface
{ 
	background-color:  #B1C9FD; color: #3e3e3e; /* same as form below */
	background-image:  url(/pix/faces/wwa-m130.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	min-height: 132px;
}
td#zonepreformface.wgtall /* might be better to inject as a local style */
{
	background-image:  url(/pix/faces/wgtall-top.jpg);
}

td#zonepreformtext
{ 
	background-color: #FFFFFF; color:#00257E;
}

div#divpreformtext
{ 
	padding-left: 8px; padding-right: 6px; padding-top: 0px; padding-bottom: 0px; 
}

div#divpreformtext h2,
div#divpreformtext p,
div#divpreformtext ul
{ 
  margin-top: 3px; margin-bottom: 3px;
}

div#divpreformtext p:first-child
{ 
  font-weight: bold;
}

/* form */
form#mainform  /* Local canvas */
/* See table.inform for how to meld a table into the main form */
{ 
	background-color:#B1C9FD; color: #3e3e3e;
	padding-top: 10px; padding-left: 12px; padding-right: 10px; padding-bottom: 10px;
}

/* Cells of form table */
form#mainform table td.ftdlb,
form#mainform table th.ftdlb
{ /* Main form label cells */
	padding-top:3px; 
	padding-right:6px; 
}

/* Right-align labels next to text and select boxes */
form#mainform table td.ftdlb label.labelforbox,
form#mainform table th.ftdlb label.labelforbox
{ 
	float: right;
} 

form#mainform table td.ftdfo,
form#mainform table th.ftdfo
{ 
	padding-bottom:3px; 
}

form#mainform p /* Equalize the spacing under long labels */
{
  margin-bottom: 6px; 
}    


/* form elements 
   Note that there seems to be NO to work around IE's Windows-proprietary way of rendering select boxes */

form#mainform [type=text],     
form#mainform input.textinput, /*  IE kludge for previous line */
form#mainform textarea,
form#mainform select,
textarea.blogcomments
{ 
  border-style: solid;
	padding-left: 3px;
  border-color : #AAAAAA;
  border-width: 1px;
  font-size: 12px;  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	width: 220px;
  margin-bottom: 3px; 
}
#fo100, #fo110, #fo120, #fo130, #fo140,
#fo200, #fo210, #fo220, #fo230, #fo240,  
#fo310, #fo311, #fo312, #fo320, #fo330, #fo340,
#fo9990 {
 width: 220px;
 border-style: solid;
 border-color : #AAAAAA;
 border-width: 1px;
 font-size: 12px;
} 
textarea.blogcomments
{ 
	width: 360px;
}
form#mainform select
{ 
	width: 226px;
}

 
form#mainform input.textinput80  /* Special case: short text boxes */
{ 
  border-style: solid;
	padding-left: 3px;
	padding-right: 3px;
  border-color : #AAAAAA;
  border-width: 1px;
  font-size: 12px;  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	width: 60px;
	text-align: right;
  margin-bottom: 3px; 
}


/* ************************************ */
/* PART 3. RULES SPECIFIC TO HOME PAGES */
/* ************************************ */

/* Use tbody ids */
/* tabpage layout is same as for normal pages */

/* Part 3.2.  Zoning adjustments for home page banner panels */

td#zonehomebanner {
	color: #FFFFFF; background-color: #3e3e3e;
	background-image: url(/pix/home/bg-homebanner1a.jpg);
	background-repeat: no-repeat;
	text-align:right; vertical-align:bottom;
	/* min-height: 180px; */
	height: 180px;
}
div#divhomebanner {
	padding-left: 300px; padding-right: 8px;
	/* text-align:right; vertical-align:bottom; 
	min-height: 180px; */
}
div#divhomebanner H1 {
	color: #FFFFFF; background-color:transparent; 
	margin-top: 0px; margin-bottom: 0px; 
	padding-bottom: 2px; /* compensates differences in line-height with h5 in adjacent box */
	font-weight:bold;
}
h2 a.rsslink {
  float:right; 
	vertical-align:top; 
	margin-top: 2px;
	font-weight:bold; 
	font-size:11px;
	color: #6699FF;
}
div#divhomebanner h5 {
	color: #FFFFFF; background-color:transparent;
	font-weight:bold;
}
td#zonehomepub {
	color: #FFFFFF; background-color: #00257E;
	background-image: url(/s6/pix/rs_wpbgA.gif);
	background-repeat: no-repeat;
	text-align:right; vertical-align:bottom;
	/* min-height: 180px; */
}
div#divhomepub {
	padding-left: 8px; padding-right: 8px;
	/* text-align:right; vertical-align:bottom; 
	min-height: 180px; */
}
div#divhomepub H2 {
	color: #FFFFFF; background-color:transparent;
	margin-top: 0px; margin-bottom: 0px; 
	font-weight:bold;
}
div#divhomepub h5 {
	color: #FFFFFF; background-color:transparent;
	font-weight:bold; line-height:18px;
}

/* Part 3.3.  Zoning adjustments for home page "boxes" */
td.tdhomebox {
	color: #FFFFFF; background-color: #6699FF;
}
td#zonehomebox4  {
	color: #FFFFFF; background-color: #92B6FC;
}

div.divhomebox  {
	padding-top: 8px; 	padding-left: 8px; 	padding-bottom: 4px; 	padding-right: 4px; 
	text-align: left;
}
div#divhomebox4  { 
	padding-left: 4px; padding-right: 0px; 
}
div.divhomebox h2 {
	color: #FFFFFF; background-color: transparent;
	margin-top: 0px; font-weight:bold;
}
div.divhomebox p {
	margin-top: 0px; margin-bottom: 6px;
}

p.morehomebox {
	text-align: right;  font-weight:bold;
}
p.morehomebox a:link, p.morehomebox a:visited {
	color: #FFFFFF;
}
p.morehomebox a:link, p.morehomebox a:visited {
	color: #FFFFFF;
}
p.morehomebox a:hover, p.morehomebox a:active {
	color: #FF0000;
}
p.morehomebox a span.discreet {
	color: #FFFFFF;
}


/* Part 3.4.  Zoning adjustments for home page "panes" */

td#zonehomeevents  {
  background-color: #EDF1F8;
}

td#zonehomeresources3  {
  background-color: #FFFFFF;
}

td#zonehomenews  {
  background-color: #F8F9FC;
}

div.divhomepane
{
	padding-top: 8px; 	padding-left: 4px; 	padding-bottom: 4px; 	padding-right: 3px; 
	text-align: left;
}

/* div.divhomepane h2, div.divhomepane h2 a span.discreet, div.divhomepane h2 a:link, div.divhomepane h2 a:visited {
Testing specificity of span.discreet vs a:... */
div.divhomepane h2, div.divhomepane h2 a span.discreet {
	margin-top: 0px; margin-bottom: 0px; color: #6699FF; 
}

div.divhomepane ul {
	margin-top: 0px; 
}

div.divhomepane h2 a:hover, div.divhomepane h2 a:active {
  color:#FF0000; 
}

div.divhomepane p
{
	margin-top: 0px;   
}

div.divhomepane ul
{
  margin-left: 0px;
  padding-left: 0px;
}

div.divhomepane ul li
{
  /* list-style-image:url(/s6/css/lihome.gif); 
	list-style-type:disc;  */
  padding-left: 10px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url(/s6/css/libghome.gif);
  list-style-image:none; 
	list-style-type:none;  
	margin-top:0.5em;
}

div#divhomepane2 ul li
{
	margin-top:0px;
}

/* Part 3.5.  Zoning adjustments for home page communities/worldwide subpane */

div#divhomepane1b select
{
  border-style:solid;
	border-width:1px;
	border-color:#AAAAAA;
	background-color:#DFE5F1;
	width: 170px;
}

div#divhomepane1b
{
  color:#B3B5CB;
	padding-top: 0em;
}

div#divhomepane1b H2,
div#divhomepane1b H3,
div#divhomepane1b H4
{
  color:#B3B5CB;
}

/* Part 3.6.  Zoning adjustments for resource center list on home page */

div#divhomepane2 div.catblock
{ 
  border-top-width: 0px; 
}

div#divhomepane2 div.catdescr
{ 
  width:310px; padding-top:4px; padding-bottom: 4px;
} 

div#divhomepane2 div.catimgl
{ 
	padding-bottom:0px; padding-top:10px; 
  width:72px; float:left; text-align:center; clear:left;
} 

div#divhomepane2 p
{ 
	margin-bottom:3px; 
} 
div#divhomepane2 div.catdescr ul li
{ 
	margin-bottom:0px; 
} 
div#divhomepane2 div.catdescr ul
{ 
	margin-bottom:3px; 
} 


div#divhomepane2 h5, div#divhomepane2 h5 a span.discreet {
  color:#6699FF; background-color: transparent;
	font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
  margin-top: 3px;  margin-bottom: 0em;
}


div#divhomepane2 h5 a:hover, div#divhomepane2 h5 a:active
{
  color:#FF0000;
}

div#divhomepane2 h5 span.stepdesc {
  color:#000066;
}

/* ************************************ */
/* PART 4. RULES SPECIFIC TO BLOG PAGES */
/* ************************************ */

H2.blogdate
{
  color:#FFFFFF; background-color: #FFCC66;
		font-size:14px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal;
  margin-top: 1em;  margin-bottom: 0.5em;
}

H3.storytitle
{
  color:#00257E; font-size:16px; margin-top: 20px;  margin-bottom: 0.25em;
}

div.storycontent
{
  padding: 0 8px 12px 0;
}

H3.storytitle a:link, 
H3.storytitle a:visited
{
  color:#00257E; font-size:16px; 
}

/* Invert normal spacing rules inside a blog */
div#content p,
div#content ul,
div#content ol,
div#content 
{
  margin-top: 1em;
  margin-bottom: 0em;
}
div#content H1 
{
  color:#6699FF; 	background-color: transparent;
	font-size:24px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; 
  margin-top: 1em;  margin-bottom: 0em;
}

div#content H2
{
  color:#00257E; background-color: transparent;
	font-size:18px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal;
  margin-top: 1.5em;  margin-bottom: 0em;
}

div#content H3
{
  color:#6699FF; background-color: transparent;
	font-size:14px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
  margin-top: 1.5em;  margin-bottom: 0em;
}

div#content H4
{
  color:#00257E; background-color: transparent;
	font-size:14px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
  margin-top: 1em;  margin-bottom: 0em;
}
/* Special cases: the following two rules need careful synchronisation of vertical
   spacing to keep the texts aligned
*/
div#content div#commenthead H4 { margin-top: 0px;  margin-bottom: 0px; }
div#content div#commenthead p  { margin-top: 0px; }

/* Note that H5 and H6 are used as display text and not true headings
*/
div#content H5
{
  color:#6699FF; background-color: transparent;
	font-size:14px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal;
	line-height: 18px;
  margin-top: 1em;  margin-bottom: 0em;
}
div#content H6
{
  color:#00257E; background-color: transparent;
	font-size:14px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal;
	line-height: 18px;
  margin-top: 1em;  margin-bottom: 0em;
}

span.inlinefeedback
{
	float:right;
  color:#00257E; font-size:11px;  font-family: Verdana, Arial, Helvetica, sans-serif; padding-right:10px;
}

div#commenthead, 
div#content p.commentdata
{
  color:#00257E; font-size:11px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-style:italic; 
  padding-left:6px; padding-top:5px; padding-bottom:6px; margin-bottom: 0px; margin-top: 0px;
	background-image:url(/s6/css/blogbg2.png);
	border-style:solid; border-color:#E8F2F8; border-width:0px; 
}
div#content p.commentdata
{
	border-style:solid; border-top-width:0px; border-bottom-width:3px; border-left-width: 0px; border-right-width: 0px; border-color:#E8F2F8;
}

 p.commentfeeds
{
  color:#6699FF; font-size:11px;  font-family: Verdana, Arial, Helvetica, sans-serif; 
  padding-top:0px;  float:right;
}
/* B. Standard approach is to make links either hardly visible... */
div#content a:link, 
div#content a:visited  
{ 
  color:#6699FF; 
}

ol#commentlist li
{
  margin-top:1em;  
}

/* ****************************************** */
/* PART 5. RULES SPECIFIC TO SCREENSHOT PAGES */
/* ****************************************** */
.screenshotpic {
	position: absolute;
	background-color: #FFFFFF;
	top:	            0px;
	left:	            0px;
	font-family:      Verdana, Arial, Helvetica, sans-serif;
	margin-left:      0px;
	padding-left:     0px;
	margin-top:       0px;
	padding-top:      0px;
	padding-right:    0px;
	margin-bottom:    0px;
	padding-bottom:   0px;
}

.screenshotdesc {
	position:         absolute;
	background-color: #FFFFCC;
	top:              10px;
	left:             10px;
	width:            380px;
	font-family:      Verdana, Arial, Helvetica, sans-serif;
	margin-left:      0px;
	padding-left:     2px;
	margin-top:       0px;
	padding-top:      2px;
	padding-right:    2px;
	margin-bottom:    0px;
	padding-bottom:   2px;
}
/* ****************************************** */
/* PART 5. RULES SPECIFIC TO TABLE PAGES */
/* ****************************************** */
table.statustable {
  width: 100%;
  background-color: #DDDDDD;
  border-collapse: collapse;
}

.forminst {
  font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; 
  /* font-style: italic; */
}

.statustable TD, .statustable TH {
  border-style: solid;
  border-width: 2px;
  border-color: #FFFFFF;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 2px;
}
table.statustable TH {
  background-color: #CECECE;
}

/* ************************************ */
/* Keep legacy stuff below this comment */
/* ************************************ */


/* Vertical margins */

UL + P        { margin-top:6px;  }
p.postul      { margin-top:6px;  }
div.outro, 
p.outro       { margin-top:10px;  margin-bottom:0px;}
div.outro p   { margin-bottom:0px;} 
 
/* ************************************ */
/* Tweaks for intermediate new look (tweaks) */
/* ************************************ */

/*  **************
    Intermediate adjustments for non-home pages
**  **************  */
	body {
		background-color:#fff;
	}
	div#canvas { /* Position entire content in page  */
		width:782px;
		overflow:hidden;
		margin: 0 auto 0 auto;
		padding: 12px 8px 0 8px;
		background-color:#fff;
		background-image:url(/s/pix/bgi-canvas.png);
		background-repeat:repeat-y;
		
		
	}

/*  **************
    Wordpress uses the wider look
**  **************  */
	div#canvaswp { /* Position entire content in page  */
		width:872px;
		overflow:hidden;
		margin: 0 auto 0 auto;
		padding: 0 8px 0 8px;
		background-color:#fff;
		background-image:url(/s/pix/bg-canvas.png);
		background-repeat:repeat-y;
	}

.faprow {
/* used for masthead, menu0, menu1, panels, offers, main, 
   homecanvas and footer are containers 
*/
  float: left;
  width: 780px;
  display: block;
  position: relative;
}

.fapitem {
/* used for 
   masthead: logo, tagline, 
   menu0: one item floated right?
   menu1: menulinks, minisearch
   panels: panell, panelr  (left, right)
   offers: boxsso, boxidm, boxrm, boxom, boxsk
   homemain: coll, colc, colr (left, center, right)
*/
  position: relative;
  float: left;
  left: 780px;
}

#masthead #logo       { width: 199px; margin-left: -780px;  }
#masthead #tagline    { width: 560px; margin-left: -560px;  }
#menu1    #mainmenu   { width: 610px; margin-left: -780px;  }
#menu1    #internat   { width: 160px; margin-left: -160px; margin-top:-50px;position:absolute;} /* Do NOT use all the available space */
#menu0a	  			  { width: 220px; margin-left: -230px; margin-top:20px; }
#menu0    #searchform { width: 500px; margin-left: -500px;  }/*  Do NOT use all the available space */
#menu0    #menubis    { width: 200px; margin-left: -400px;  } /* Do NOT use all the available space */
#menu0    #menuter    { width: 276px; margin-left: -276px;  } /* Do NOT use all the available space */
#maini    #coll       { width: 160px; margin-left: -866px;  } /* Internal pages */
#maini    #colc       { width: 412px; margin-left: -688px;  } /* Internal pages */
#maini    #colr       { width: 238px; margin-left: -257px;  } /* Internal pages */

  div#masthead div#tagline h1, 
  div#tagline p { /* Set as p in SafeKit and OpenMaster pages  */ 
    margin: 0 0.4em 0 0;
    color: #00257e;
    font-weight: bold;
    font-size: 18px;
    /* line-height: 18px; */
    text-align:right;
    vertical-align:text-top;
  }
  div#menu0a
  {
  	color:#9e9e9e;
	
	font-size:11px;
  }
  
    div#menu0a a
  {
  	color:#9e9e9e;
	
	font-size:11px;
  }
  
    div#menu0a a:hover
  {
  	color:#6699FF;
	
	font-size:11px;
  }
  
	div#menu0  { 
		/* text-align: right; */
    font-size: 12px;
    color: #fff;
	}

  div#menu0 form#searchform {
    /* overflow: hidden; */
  }
  
  div#menu0 p { 
    background-position:left top;
    /*background-image:url(/s/pix/bg-menu0.png);*/
    float:right;
    text-align: right;
    min-width: 268px;
    display:inline; /* Shrinks the paragraph to the size of its content */ 
    margin: 0;
    padding: 2px 0 2px 8px;
  }

  div#menu0 a { 
    color: #9e9e9e;
  }

  div#menu0 a:hover { 
    color:#6699FF;
    text-decoration:underline;
  }

  div#menu0 input#sbox { /*
    position: relative;
    top: 2px; */
    color:#999;
    position: relative;
    top: 0px;
    width: 114px;
    height: 14px;/*  */
    font-size: 11px;
    border-style:solid;
    border-width:1px;
    border-color: #888 #fff #fff #888 ;
    background-color:#eee;
  }

  div#menu0 input#sbox.used,
  div#menu0 input#sbox:hover,
  div#menu0 input#sbox:focus { 
  	/* Needs LT IE6 fix */
    color:#00257e;
    background-color:#fff;
  }

  div#menu1 img {
    border: 0;
  }

/*  **************
    Drop-down menu
**  **************  */

	/* Set KISS colors: the same in main and submenus */
  div#menu1 a { 
		color: #fff;
	}

  div#menu1 li a:hover,
  div#menu1 li a:focus,
  div#menu1 li a:active {
    color:#87b2d8;
    text-decoration:underline;
  }

  /* menu container */
	div#menu1 ul {
    margin: 0 0 0 150px; 
	width:700px;   
  }
	div#menu1 {
    position:relative;
		width: 100%;
    float: left;
		height: 22px;
		line-height: 22px;
		background-color: #fff;
		border-color:#fff;
		border-style:solid;
		border-width: 1px 0 1px 0;
		/* border-width: 1px 0 1px 0; */
		background-image:url(/s/menus/m1-bg.png);
		
		background-repeat:repeat-x;
    z-index:5; /* This is required to fix the IE6/7 z-index bug. 
    It moves the positioning context ABOVE the context of the elements under the dropdown menus */
	}

  /* top-level menu items */
  div#menu1 li {
    position: relative;
    border: 0 solid #fff;
    cursor: pointer;
    float: left;
    height: 22px;
    line-height: 22px; /* Make sure that the li elements fill the vertical space */
    list-style-type: none;
    list-style-image: none;
  }
  
  /* Drop-down sub-menu blocks */
  /* TBD: optimize each width individually */
  div#menu1 li ul {
    position: absolute;
    left: -160px;
    top: 21px !important;
    height: auto;
    padding: 1px 10px 10px 10px; 
    display: none;
    cursor: default;
    background: url(/s/pix/shim.gif); /* 
    z-index: 64; /* Forces the drop-downs above other content */
  }

  /* Set drop-down menu item widths individually */
  div#menu1 li#m1prod ul { width:162px; }
    div#menu1 li#m1prod ul li { width:140px; }
  div#menu1 li#m1solu ul { width:142px; }
	  div#menu1 li#m1solu ul li { width:120px; }
  div#menu1 li#m1serv ul { width:122px; }
	  div#menu1 li#m1serv ul li { width:100px; }
  div#menu1 li#m1part ul { width:106px; }
    div#menu1 li#m1part ul li { width:84px; }
  div#menu1 li#m1news ul { width:112px; }
    div#menu1 li#m1news ul li { width:90px; }
  div#menu1 li#m1even ul { width:3.0em; }
    div#menu1 li#m1even ul li { width:3.0em; }
  div#menu1 li#m1reso ul { width:112px; }
	  div#menu1 li#m1reso ul li { width:90px; }
  div#menu1 li#m1evid ul { width:102px ; } 
    div#menu1 li#m1evid ul li { width:80px; } 
  
  
  /* Display the drop-down menus when user mouses over the top menu items */
  div#menu1 li:hover ul,
  div#menu1 li.msieFix ul {
    display: block;
  }
  
  /* Drop-down sub-menu items */
  div#menu1 li ul li {
    font-size:11px;
    width:100%;
    height: auto;
    padding: 1px 10px 5px 10px ;
    line-height: 1.2em;
    background-color: #335098;
    border-style: solid;
    border-width: 0 1px 0 1px ; 
    border-color:#fff;
  }
  
  div#menu1 li ul li.first {
		padding-top: 3px; 
  }
  
  div#menu1 li ul li.last {
		border-width: 0 1px 1px 1px; 
  }
  
  /* All menu links */
  div#menu1 li a {
    cursor:default;
    text-decoration:none;
    display:block;
  }

  /* sub-menu Anchors */
  div#menu1 li ul li a {
    position: relative !important;   /* ie Mac */
    cursor: pointer !important;
    border: none;
    background-position: 0 50% !important;
  }

  /* "trigger" and "msieFix" classes */
  #menu1 li.msieFix a {
  }

  div#menu1 div#internat img {
    float: right;
  }
  div#menu1 div#internat p {
    text-align: right;
    margin:0;
  }
  
  div#final {
    width: 782px;
    height: 8px;
    padding: 0 8px 0 8px;
    margin: 0 auto 0 auto;
    background-image:url(/s/pix/bgi-footer.png);
    background-position:bottom center;
  }
  
table.addresses {
  table-layout: fixed;
  width: 380px;
  margin: 0;
  border: 0;
  padding: 2px;
}
table.addresses col.colA,
table.addresses col.colB {
  width: 47%;
}


.search
  {
  background-image:url(/s/pix/loupe.gif);
  background-color:transparent;
  border:none;
  width:21px;
  height:21px;
  margin-top:2px;
  margin-left:-25px;
  margin-right:60px;
  cursor:pointer;
  background-repeat:no-repeat;
  z-index:100;
  position:absolute;
  }
  
 .chapter
 {
  
 
  color:#666666;
   font-size:14px;
   font-weight:bold;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   margin: 25px 0 5px 0;
  };
  
  .chapprod
  {
  style="color:#3e3e3e;
  width:500px;
  text-align:justify;
  }
  
 .mainsect
 {

 width:570px;
 }