/*
   header.css
   Copyright (C) 2011-2019, Signalogic, Inc.

   Created Aug 2020 JHB, split off from common.css
   
*/

body {

  margin:0;
  background:#fff;
/*
  background-image:gradient.jpg;
*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 0;
}

/* nav bar left margin and elemement horiontal spacing were 8 and 15 px, now reduced to 0 and 3 for Google-dictated mobile friendly improvements. Top items left margin was 2em, now reduced to 0, JHB May 2019 */

:root {

  --nav_bar_top_padding: 8px;
  --nav_bar_spacing: 5px;
  --top_items_left_margin: 0em;
}

/*

default is normal list style; specific classes override as needed

ul,li{ list-style:none; padding:0px; margin:0px; overflow:hidden; }
*/
div{ margin:0px; padding:0px; }
a{ padding:0px; margin:0px; overflow:hidden; outline:none; cursor:pointer; text-decoration:none; }

 img{ border:none;}
 input{ outline:none;}
.fl{ float:left;}
.fr{ float:right;}
.bgnone{ background-image:none !important;}

.width_auto{ width:auto; height:auto; overflow:hidden; }

/* header classes */

.header{ width:85%; margin:auto; padding:0px; overflow:hidden; }

.logo{ width:auto; height:60px; float:left; padding:0; margin-top:0.5em; margin-left:var(--top_items_left_margin); margin-bottom:0; color:#fff;}

.follow_us{ width:auto; height:60px; float:left; padding:0; margin-top:0em; margin-left:0; margin-bottom:0; color:#fff;}  /* follow us items (LinkedIn, Facebook, etc) are right of logo.  See static/header.html, JHB May 2019 */

.sitemap{ width:85%; margin-left:0; margin-top:1em; margin-bottom:1em; margin-right:0; font-family:Arial; font-size:8pt; }

.navi-cen{ width:auto; height:34px; float:left; overflow:hidden; }

.navi-cen ul{ padding:0; margin:0 0 0 var(--top_items_left_margin); #margin: 0 0 0 1em; list-style-type:none; list-style-position:outside; float:left; }
/*
.navi-cen li{ height:31px; float:left; background:url(../images/naviborder_narrow.jpg) no-repeat; background-position:right; overflow:hidden; }
*/
.navi-cen li{ height:31px; float:left; background-position:right; overflow:hidden; }

.navi-cen li a{ padding:var(--nav_bar_top_padding) var(--nav_bar_spacing) 0px var(--nav_bar_spacing) ; display:block; color:#00f; float:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
.navi-cen a:hover{ display:block; color:#000; padding:var(--nav_bar_top_padding) var(--nav_bar_spacing) 0px var(--nav_bar_spacing); background-image:url(../images/navi_hover.jpg) !important; background-repeat:repeat-x; height:31px; background-position: center; }

/* content classes */

.content { width:85%; height:auto; margin:auto; margin-top:0; font-family:Arial, Helvetica, sans-serif; font-size:10.5pt; overflow:auto; overflow-y:hidden; }  /* overflow:auto causes scroll bar to be added if content is too wide.  overflow:visible is the default */

/* footer classes */

.footer { width:65%; height:auto; margin:auto; margin-top:20px; overflow:hidden; }

/*
.copy_right { width:auto; height:auto; margin:auto; float:left; display:inline; font-size:0.85em; color:#fff; overflow:hidden; }
.copy_right a { padding:0; margin:0; color:#fff; }
*/
.copy_right { width:auto; height:auto; margin:auto; float:left; display:inline; font-size:0.85em; color:#000; overflow:hidden; }
.copy_right a { padding:0; margin:0; color:#000; }