html{
   /*     background-image: url('/pics/blueprint.jpg');
    background-image: url('/pics/marblebg.jpg');
   background-image: url('/pics/lt_blue_bg.jpg'); */
   background-image: url('/pics/bp2.jpg');
   background-repeat: repeat;
   }
body{
   background-color:#FFF;
     /*  background-image: url('/pics/marblebg.jpg');
	   background-image: url('/pics/stripe_bkgd.gif');
   background-image: url('/pics/lt_blue_bg.jpg');
   background-repeat: repeat;*/
   width:90%;
   margin: 0 auto;
   font-size: 10pt;
   max-width:100%;
}
*{
	font-family: arial, helvetica, tahoma, Verdana, sans-serif;
	box-sizing: border-box;
	max-width:100%;
}
.flex_item_container{display:flex;  flex-wrap: wrap; padding:0 1%; display: flex; align-items:stretch; justify-content: left /* space-around */;}
 .flex_item_container div{ width:25%; flex:1; min-width:300px;}
#divMain{ background-color:#FFF;}
#divContent{position:relative; padding: 0 8px; min-height:400px;  background-color:#FFF;}  /*  width:960px;  */
input,textarea,select{
  border-radius:6px;
  background-color: #FFC;
  font-size: 12px;
  color: #333;
  border-color: blue;
  border-width: 1px;
  padding: 2px;
  margin-bottom: 4px;
  }
option:nth-child(odd){
  background-color: #0FF;}
input[type=button], input[type=submit], input[type=reset]
{
   background-color: #CFC;
   color: #30F;
   font-size: 13px;
}
fieldset{padding:12px;   border-radius:8px;}
 .mailButton
{
  font-size: 13px;
  width: 120px;
  height: 25px;
  font-weight: 600;
}
.floatleft{float:left; width:50%; padding:1%;}
.clear{clear:both;}
  a:focus, input:focus, textarea:focus{background-color: #FCF;}
  	label {
     font-size: 8pt;
   }
small{
   font-size: 9pt;
   font-style: italic;
}
#fsSpecial
{
   max-width:600px;
   text-align: left;
   font-size: 12pt;
   font-weight: 800;
}
#fsSpecial legend, legend
{
   font-size: 14pt;
   padding:4px;
   font-style: italic;
   color:#306;
}
caption
{
   font-size: 16pt;
   font-weight: 700;
 }
#headera    /*  store name home link  */
{
   font-size: 23pt;
   font-weight: 700;
   display:block;
 }
#tblVehicle a
{
  background-color: transparent;
  color: 0;
  text-decoration: none;
}
h1,h2,h3,h4,h5{
	line-height: 109%;
	text-align: center;
	margin: 10px 2px;
}
h1
{
	font-size: 25px;
	font-weight: 400;
}
h2
{
	font-size: 22px;
}
h3
{
	font-size: 20px;
}
h4{
	font-size: 17px;
}
h5
{
	font-size: 16px;
}
  a.CTC{
    font-size:inherit;
   color:inherit;
   font-weight:inherit;
   }
a
 {
    font-weight: 600;
    text-decoration:none;
    color:#111;
 }
a:hover
{
	color: #900;
	font-weight: 700;
	text-decoration: underline;
	font-style: italic;
     font-size: 110%;
}
.navBottom a
{
  height:22px;
  padding:0 2px;
  font-size: 8pt;
}
 p
 {
   text-indent: .4in;
   text-align: left;
   font-size: 15px;
  }
  .alter
  {
    background-color:#66F;
  }
th{
   font-size: 14px;
   font-weight:600;
   margin-bottom:16px;
 }
label{
  font-size:9pt;
}
  /*  applies to slide show 3/8/2009  */
#info   /*  for pic show listings div  */
{
  font-size:11pt;
    /*  margin-left: 100px;
  margin-right: 100px;   */
  border: 2px solid blue;
  border-top: 0px solid blue;
  padding: 10px;
  padding-top: 0px;
  width:620px;
}
hr{
 margin:4px 12px;
 text-align:center;}
.brownLine  /*  nice thick brown rule hr  */
{
  color:brown;
  height:3px;
}
 #footer{margin-bottom:4px;}
#footer, #navBottom a
{
   font-size: 10pt;
   font-weight:600;
}
#divHeader{padding:2px; position:relative;  /* top:60px; */  height:auto;}  /*  width:960px;  */
div#navTop{position: sticky; top:0; #AAFDF9; z-index:40;}
table.nav1
{
   /*  background:url("/pics/bkground_menu.jpg");
 background-repeat: repeat-x;  */
 background-color: #39F;
 height:36px;
}
div.nav
{
    /*  width:180px;  */
  height:100%;
  border-style: solid;
  border-width: thin;
  border-right: none;
  text-align:left;
    /*  background-color: #FFFFCC;
  opacity:0.4;
  filter:Alpha(opacity=40);  */
}
#divMenu{
  position:sticky;
  top:0;
  z-index:100;
  }
ul#nav2{
	list-style-type: none;
	height: 32px;
	margin:0;
	padding:0;
	position: relative;
    display: table; /* [1] */
    table-layout: fixed; /* [2] */
	 width: 100%; /* [3] */
background-color: #D0D0DC;
}
#nav2 li{
   text-align:center;
  border: 2px solid blue;
  border-right-width: 0px;
  list-style-type: none;
  display: table-cell;
}
#nav2 li:last-child{border-right-width: 2px;}
#nav2 li:hover{background-color: #C67966;}
#nav2 li a{
   display: block;
   text-align:center;
   font-weight: 700;
   font-size: 11pt;
}
.img{display: block; margin:4px auto;}
img{max-width:100%; max-height:auto; height:auto;}
.cap{display: block; font-weight: 700;
   font-size: 9pt;}
	#navSlide{ z-index:100; display:none;}
    #SlideMenu {display:none; background-color: #F63;position:absolute; width:100%; z-index:100;}
	 #SlideMenu a{
		border: 1px solid blue;
		border-bottom-width: 0;
		display: block;
		line-height: 27px;
		font-size: 18px;
		text-align: left;
		padding-left:2%;
	}
	 #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;
		 }
		 #H2PictureCaption
		 {
			 font-style:italic;
			 color:#306;
			 text-align:center;
		 }
   .yesShow, .yesShowIn{display:none;}
    input[type=text], textarea, fieldset, select{width:90%;}
 @media screen and (max-width: 700px)
  {
     .noShow700{display:none;}
	 #divIntro{width:78% !important;}
	 #nav2 li a{font-size: 9.5pt;}
  }
 @media screen and (max-width: 520px)
  {
	   #divIntro{width:100% !important;}
       body{width:100%;}
      .noShow{display:none;}
      ol, ul { margin: .5em;  padding-left: 1em;}
	  #tdSpecialPics{height:320px;}
	  h2#H2PictureCaption, #PictureCaption {font-size: 14pt !important;}
     .logo{width:24%;}
     fieldset { margin: 2px;}
     #footerLinks a, #footerName,  #footerPhone{font-size:14px !important;}
     #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;}
    .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: 90%;	}
    #frmSS input[type=button]{height:32px;}
	 label{ font-size:10px; }
	iframe, img{max-width:99%; height:auto;}
   h1{font-size:15pt;}
   h2 {font-size:14pt;}
   h3 {font-size:13pt;}
   #PageTitle {
    font-size: 17pt;
    font-weight: 600;
   }
   #specialPics, #divSlideShow{height:auto !important;}
    #divSlideShow{max-width:99% !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%;
 }
 #divHeader{padding:1px; position:static; height: 0px;}
}