/* $Id: styles.css,v 1.39 2005/10/25 19:46:55 servicej Exp $ */
body { 
  /* To make IE do :hover on items other than <a>. */
  behavior: url(/include/csshover.htc); 
}
.FrontPage { color: #FFFFFF; 
             font-family: Arial, Verdana, Helvetica, sans-serif; 
             font-size: 8pt; 
             font-weight:bold; 
             text-decoration:none; 
             }
.FrontPageC { color: #FFFFFF; 
              font-family: Arial, Verdana, Helvetica, sans-serif; 
              font-size: 10pt; 
              font-weight:bold; 
              text-decoration:none; }
.LeftMenuItem { padding-top: 5px;
                padding-bottom: 2px;
                font-family:  Arial, Verdana, Helvetica, sans-serif; 
                font-size: 10pt;
                font-weight: bold;
                color: #FFFFFF;
                z-index: 1;
                text-decoration: none;
                }
.LeftMenuItem a:visited { color: #EEEEEE; }
.LeftMenuItem a:link { color: #FFFFFF; }   
.LeftMenuItem a:hover { color: #FF9933; }  
.LeftSubMenuItem { padding-left: 1em;
                   font-family:  Arial, Verdana, Helvetica, sans-serif; 
                   font-size: 8pt;
                   font-weight:bold;
                   color: #FFFFFF;
                   z-index: 1;
                   text-decoration: none;
                   }
.LeftSubMenuItem a:visited { color: #EEEEEE; }
.LeftSubMenuItem a:link { color: #FFFFFF; }
.LeftSubMenuItem a:hover { color: #FF9933; }
.log_message { font-size: 8pt; 
               font-family: Verdana, Arial, Helvetica, sans-serif;
               color: #000 ; background: #ffc ;
               }
@media print { 
  /* suppress printing of log messages */
  .log_message { display:none; }
}
.mod_date { font-size: 8pt; 
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-style: italic;
            }
div.index_list { font-family: Arial, Verdana, Helvetica, sans-serif;
                 font-size: 14px }
div.index_list a { color: #003366; }
div.index_list a:visited { color: #663366; }
div.index_list a:hover { color: #FF9900; 
                         background: #000099;
                         }
div.index_list { margin: 0pt; padding: .5em; }
div.index_list p { margin: 0pt; padding: .5em; }
div.index_list ul, ol { margin-bottom: 1em; 
                        padding-left:1em; 
                        margin-left: 1em; }
div.index_list li { padding: .2em 0px .2em 0px; }
.pagetitles { font-family: Arial, Verdana, Helvetica, sans-serif;
              font-size: 18px; 
              font-weight: bold; 
              color: #003399
              }
.copy2 { font-family: Arial, Verdana, Helvetica, sans-serif; 
         font-size: 8px; 
         font-style: bold; 
         font-weight: bold; 
         text-decoration: none; 
         color: #003399
         }
.body_text  TD, TR, B, P { font-family: Arial, Verdana, Helvetica, sans-serif;
                           font-size: 14px}
.bodytext a font { color:#0000ff; font-weight: bold; font-size: 12px;  }
.bodytext a { color:#0000ff; font-weight: bold; font-size: 12px; }
.bodytext a:hover { text-decoration: underline; }
.bodytext a:hover font { text-decoration: underline; }
.bodytext a:visited { color:#000066; }
.bodytext a:visited font { color:#000066; }
/* Two styles to either have stuff printed or not printed. */
.not_printed {  }
@media print {
  .not_printed { display:none; }
}
.printed { display:none; }
@media print {
  .printed { display:block; }
}
.content { padding-left: 20px; width:610px; border: 0px; padding-right: 20px; }
/* Allow content to extend to right margin on printing. */
@media print { 
  .content { padding-left: 20px; width:100%; border: 0px; 
             padding-right: 20px; }
}
/* Use margin rather than padding as latter gets absorbed in IE. */
.logo { margin: 5px 0px 5px 0px; border: 0px; }
/* Use <div class="thin_hr"> instead of <hr> tag as it is more easily */
/* changed. */
.thin_hr { border-top: solid #fff 1px; width:100%; margin: 2px 0px 2px 0px; }
.black_hr { border-top: solid #000 1px; width:100%; margin: 5px 0px 5px 0px; }
.footer_text { font-size: 8px; text-align: center; 
               font-family: Arial, Verdana, Helvetica, sans-serif; }
div.footer_text { clear: both; }
.top_menu_outer { border-bottom: solid #FF9900 4px; width:100%; height:3em;
                  background-color: #0B3CA2;}
@media print { 
  .top_menu_outer { display:none; }
}
/* The double orange bar. */
.top_menu_left { border-left: solid #FF9900 3px; 
                 border-right: solid #FF9900 3px; width:1px; height:100%;
                 background-color:#ffffff;float:left; display:none;
                 }
/* Outer div for menu items. */
.top_menu_inner  { padding: 0.5em 0px 0px 0.5em ; }
/* Put border to right except for last item. Use float so that items will   */
/* wrap when browser window is smaller. Similarly use white-space:nowrap so */
/* that each item won't break at whitespace for small browser windows.      */
.top_menu_item { padding: 0px 0.25em 0px 0.25em;
                 border-right: solid #FF9900 2px;
                 white-space:nowrap; float:left; }
.top_menu_item a:visited { color: #EEEEEE; }
.top_menu_item a:link { color: #FFFFFF; }
.top_menu_item a:hover { color: #FF9933; }
.top_menu_item_last { padding: 0px 0.25em 0px 0.25em;
                      white-space:nowrap; float:left; }
.top_menu_item_last a:visited { color: #EEEEEE; }
.top_menu_item_last a:link { color: #FFFFFF; }
.top_menu_item_last a:hover { color: #FF9933; }  
.left_menu_cell { padding-left: 0.25em; background-color: #0B3CA2; }
.left_sub_menu_cell { padding-left: 1em; background-color: #0B3CA2; }
.search_cell { padding-left: 0.25em; background-color: #0B3CA2; }
.left_menu_top { padding-top:5px; }
.menu_item_mark { background-color:#0F0F0F; color: #FFFFFF; }
@media print {
  .menu_item_mark { border: 1px dotted #000000; }
}
/* Box for right side extra info links generated from cross reference pages. */
div.infobox { padding: .5em ; margin: 0 0 0.5em 0.5em; 
              font-family: Arial, Verdana, Helvetica, sans-serif;
              font-weight: normal; 
              color: #0B3CA2;
              /* border: 2px solid #0B3CA2; */
              background-color: #ffcc99;
              font-size: 12px ;
              width: 20%;
              float: right; 
              display: none;
              }
div.infobox a { color: #000000; }
div.infobox a:hover { text-decoration: underline; color: #0B3CA2; }
div.infobox a:visited { color: #0B3CA2; }
div.infobox ul, ol { padding: 0px .5em 0px .5em; margin: 0px .5em 0px 1em; }
div.infobox li { padding: .2em 1em .2em 0px; }
div.infobox b { color: #0B3CA2; font-weight:bold;}
div.infobox p { padding: 0px; margin-top:2px; margin-bottom:2px; }
span.bulletcolour { color: #0B3CA2; }
@media print { 
  /* suppress printing of info box */
  .infobox { display:none; }
}
.gs-outer { margin-left: auto ; margin-right: auto ;
  /* text-align: center ; */
}
#google_search {
  padding: 5px  5px 0.25em;
  position: relative;
  border: none;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 80%;
  background-color: #0B3CA2 ;
  color: #ffffff ;
  width: 95%;
}
#google_search img { 
  margin: 5px 5px 0px 0px;
  float: left ;
  position: relative ;
  cursor: default;
}
.clear_right { clear:right; height:2px; padding: 0px; margin: 0px; }
.gs-submit { border: 2px solid #fff;
  background-color: #0B3CA2 ;
  color: #fff;
  font-weight: bold;
  font-size: 80%;
  margin: 5px 0px 0px 0px;
  cursor: pointer ;
}
#google_search .gs-radio { text-align: left ; }
.gs-submit:hover { border: 2px solid #FF9933; color: #FF9933; }
#google_search .gs-text { width: 90%; }
#google_search_top { display: inline;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 8pt;
}
#google_search_top .gs-submit { 
  margin: 0px ;
}
#google_search_top .gs-text { width: 5em; }