body{
  background-color: #B6B6AD;
  width:1200px;
  margin:0px auto;
  font-weight: 500;
  font-size: 11pt;
  font-family: Verdana, helvetica, arial;
  overflow:auto;
  box-sizing:border-box;
  max-width:100%;
}
*{
  	color: #000;
	font : 14px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	box-sizing:border-box;
    font-size:14px;
	font-weight:500;
	word-wrap: break-word;
	max-width:100%;
 }
option:nth-child(odd){background-color: #FFC;}
option:nth-child(even){background-color: #EEE;}
a:link{
	/*color: #000;*/
	text-decoration :none;
	}
a:visited{
	color: #535353;
	text-decoration :none;
	}
a:hover , #footerLinks a:hover{
	color: red;
	text-decoration :underline;
	font-style: italic;
	}
a:active{
	color: red;
	}
  .cols{columns:320px 3; padding:1%;}
#main
{
   	background-color: #FFF;
	padding:0px;
	min-height:600px;
}
.top{font-weight: 600;}
div#divNavHoriz{
  display: flex;
  border-bottom: 1.5px solid #30C;
  position:sticky;
  top:0;
  z-index:100;
  background-color: #FFF;
  opacity:.8;
  }
div#divNavHoriz div{
  height: 70px;
  border-right: 1.5px solid #30C;
  flex: 1;
  padding-left: 2px;
  }
  div#divNavHoriz div:hover{background-color:#C0D3E2;}
  div#divNavHoriz div:last-child{border-right: 0px solid #FFF;}
  div#divNavHoriz div a {
    display: block;
    font-size: 14px;
    color: #30F;
	padding:1px;
	font-weight: 600;
    height:68px;
}
.SamePageBgd{background-color:#DDB; opacity: .7;}
img{
   max-width:100%;
    height:auto;}
.pic, .img
{
  display:block;
  text-align:center;
  margin:6 px auto;
  }
b.img{
  display: block;
  text-align: center;
  font-size: 9pt;
}
.yesShow, .yesShowIn{display:none;}
h1, h2, h3, h3 *,h4, h5, h6
{
	line-height: 110%;
    text-align: center;
	margin: 4px 0;
	font-style: oblique;
	}
h1
{
	font-size: 25px;
	font-weight: 700;
}
h2
{
	font-size: 20px;
	font-weight: 700;
}
h3, h3 *, h3 a{
	font-size: 19px;
	font-weight: 600;
}
h4{
	font-size: 17px;
}
h5{
	font-size: 15px;
}
.modelPDFLink *, .modelPDFLink, .modelPDFLink a , #divPDFLink a
{
  color:maroon;
  /* text-decoration: underline; */
  font-size: 11pt;
  font-weight: 600;
}
a.modelPDFLink:visited{ color:red;}

#divContent
{
  padding:12px 50px;
  }
  #divHeader{border-bottom: 1.5px solid #2C9AA9; border-top: 1.5px solid #2C9AA9;}
label{font-size:13px;}
#fmail label{ display:block;}
input[type=text], input[type=email], select
{  width: 220px;}
input, textarea, select
{
  font-size: 12px;
  color: #333;
  border-color: #11E;
  border-width: 1px;
  padding: 2px;
  margin-bottom: 4px;
  border-radius:4px;
  background-color: #6FF;
}
  *:focus{background-color: #FCF;}
       .required
       {
		   color:red;
		   font-size:19px;
        }
  /*  applies to slide show 3/8/2009  */
.brownLine  /*  nice thick brown rule hr  */
{
  color:brown;
  height:3px;
}
  .clear{clear:both;}
  .floatleft{float:left; width:50%;}
  .overlaycontrols{
		  font-size:50pt;
		  color:#111;
		  cursor:crosshair;
		  position: absolute;
		  top:30%;
		  opacity:.70;
		  font-weight:800;
		  text-shadow: 3px 3px gold;
	  }
	  .showSmall{display:none;}
#CLICK{ background-color: gold;  border: 2px solid blue; width:98%; height:47px;}
#CLICK a {display:block; line-height:47px; font-size: 22pt; font-weight: 700;}
 	 input, textarea, select{
  font-size: 13px;
  color: #333;
  border:1px solid #11E;
  padding: 2px;
  margin-bottom: 4px;
  border-radius:4px;
}
 }
  a.CTC{
   font-size:inherit;
   color:inherit;
   font-weight:inherit;
   text-decoration: none;
   }
  a.CTC:hover{color: red;text-decoration: underline;}
   ul.tabs_even{
    margin:  0;
    padding: 0;
    list-style: none;
	height:22px;
    display: table; /* [1] */
    table-layout: fixed; /* [2] */
    width: 100%; /* [3] */
              /*  background-color: #BADA55;  */
    background-image: url("/pics/nav-bg_mag.gif");
	background-repeat: repeat-x;
	background-size:auto 100%;
}
   li.tabs_item {
        display: table-cell; /* [4] */
	    height:22px;
		border-left:2px solid blue;
		vertical-align: middle;
        color: #f0c;
		background-color: #DFF;
    }
.primary-nav a:hover, li.tabs_item:hover{color:#FFF; background-color: #f0c; font-weight: 700;}
 li.tabs_item:first-child {border-left:0px solid blue;}
 li.tabs_link { display: block; /* [5] */}
	/**
 * Primary nav. Extends `.tabs`.
 *
 * 1. Stop tabs’ corners leaking out beyond our 4px round.
 */
.primary-nav {
    text-align: center;
      /*  border-radius: 4px;  */
	background-color: #DFF;
    overflow: hidden; /* [1] */}
 .primary-nav a {
            padding: 0 .1em;
			display: block;
			font-size:.92em;
        }
	#navSlide{ z-index:100; display:none;}
    div#SlideMenu {display:none; background-color: #F63;position:absolute; width:100%; z-index:100;}
	 /* div#SlideMenu a {background-color: #F63;} */
	 #SlideMenu a{
		border: 1px solid blue;
		border-bottom-width: 0;
		display: block;
		line-height: 27px;
		font-size: 18px;
		text-align: left;
		padding-left:2%;
		color: #309;
	}
	 #SlideMenu a:visited{color: #8080FF;}
	 #SlideMenu a:hover{
        background-color: #FFF;
		color:#F00;
		}
	 #SlideMenu a:last-child{
		border-bottom: 1px solid blue;
		}
	#SlideMenu a.sub{padding-left:12%; font-size: 16px;}
     .logo{width:16.5%;}
	 #tdSpecialPics{height:380px;}
         #PictureCaption
		 {
			 font-size: 16pt ;
			 font-weight: 600;
			 color:maroon;
		 }
		 #H2PictureCaption
		 {
			 font-style:italic;
			 color:#306;
			 text-align:center;
			 font-size: 16pt;
		 }
#tdLHS
{
  background-color: #FFF;
  min-width:150px;
}
  #footerLinks{width:50%;}
  #footerLinks div {width:33.33%;}
   /* NEW FLEX ITEM CSS */
      .flex_item_container{display:flex;  flex-wrap: wrap; padding:0  .5%; display: flex; align-items:stretch; justify-content: left /* space-around */;}
	  .flex_item_container div{ width:50%; flex:1; min-width:400px; border:1px solid blue; padding:.5%;}
	  .flex_item_container div:first-child{border-right-width: 0;}
     .flex_item_container div h2 {font-size: 18px;}
     .flex_item_container div ul {padding-left:20px;}
     .flex_item_container b {display:block; font-size: 120%;}
	  .liS{font-size: 90%; padding-left: 8px;}
   /* NEW FLEX ITEM CSS */
 fieldset{
   border-radius:6px;
   padding:8px;
   margin:8px;
   }
legend{
   font-size: 19px;
   font-weight: 700;
   padding:0 6px;
  border-radius:8px;
}
  legend h2{color: maroon;}
#history{padding:1.5%}
    ol, ul { margin: .5em;  padding-left: 1em;}
    p{margin-bottom:1em; text-indent: 1em;}
#PageTitle{
   text-align: center;
   font-size: 26px;
   font-weight: 700;
   color: maroon;
 }
.divCaption
{
    font-style: 9pt;
	font-weight: 700;
	text-align: center;
}
caption
{
  font-size: 12pt;
  font-weight: 700;
  }

   /* div.harrison{float:left; width:75% !important;}
  div#logo1{float:left; width:25% !important;} */
div#divNavHoriz div{overflow:hidden;}
  .harrison, .harrison a
{
   background-color: #C0D3E2;    /*  #FFCB99;  */
   color:#EEE;
  font-size: 20pt;
  padding: 0;
  font-weight: 600;
}
.harrisonfooter
{
   background-color: #2C9AA9;
   padding-bottom:4px;
 }
.harrisonfooter *
{
  color:#EEE;
  font-weight: 600;
}
#divEmailSignup * {font-size: 12px;}
#divEmailSignup input{background-color: #C0D3E2; height:30px;}
#divEmailSignup{border-top: 1px solid #111; border-bottom: 1px solid #111; padding-top: 4px; padding-left:2px;}
  #divEmailSignup input[type="text"], #divEmailSignup input[type="email"] { width: 160px; }
  #divEmailSignup label{display:none;}
#footerLinks a
{
   color:#EEE;
   font-size:16px;
}
@media screen and (max-width: 800px)
{
  .noShow800{display:none;}
  div#divNavHoriz div a {
    font-size: 13px;
    font-weight: 500;
	}
}
 @media screen and (max-width: 540px)
  {
  legend {
    font-size: 12pt;
    font-weight: 600;
    padding: 0 2px;
  }
    ol, ul { margin: .5em;  padding-left: 1em;}
    p{margin-bottom:1em;}
	 #tdSpecialPics{height:320px;}
	 h2#H2PictureCaption, #PictureCaption {font-size: 14pt !important;}
     .logo{width:24%;}
  fieldset { margin: 2px;}
     #footerLinks{width:100% !important;}
     div#divContent {padding: 2px;}
     fieldset.fsProducts td, .tdBlock, table.tdBlock>tbody> tr >td {display:block; width:100% !important;}
      #navSlide {display: block;}
      #navSlide:hover > #SlideMenu{display: block;}
     div#divNavHoriz, .noShow{display:none;}
    .floatleft{float:none; width:100% !important;}
    .yesShow{display:block;}
	.yesShowIn{display:inline;}
     input[type=text], input[type=password], select{height:32px;}
	 input[type=text], select, textarea{
		width: 95%;	}
    #frmSS input[type=button]{height:32px;}
	 label{ font-size:10pt; }
	iframe, img{max-width:99%; height:auto;}
   h1{font-size:15pt;}
   h2 {font-size:14pt;}
   h3, h3 * {font-size:13pt;}
   #PageTitle {
    font-size: 17pt;
    font-weight: 600;
   }
   #specialPics, #divSlideShow{height:auto !important;}
    #divSlideShow{max-width:100% !important;}
	  #fmail input[type=text]{height:30px;}
    #divTopMenu{}
	#HAMBURGER{display:block;}
    #INDEX{
      font-size: 17px;
      left: 1%;
      text-shadow: 1px 1px #309;
      top: .1%;
    }
.overlaycontrols {
    font-size: 25pt;
    font-weight: 700;
    text-shadow: 2px 2px gold;
    top: 15%;
 }

  #footerLinks a, #footerName,  #footerPhone{font-size:14px !important;}
  #footerLinks{width:80%;}
  #footerLinks div.floatleft{float:left;width:33.33% !important;}
  #spBottom{font-size:11px;}
}
@media screen and (max-width: 600px)
{
  .flex_item_container div{ width:100%; flex:1; min-width:300px; border-width: 0 0 1px 0;}
  fieldset.fsProducts td{display:table-cell; width:auto; padding:1px;}
  fieldset.fsProducts{border-width: 0 0 1px 0;}
}