h1 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-style: normal; line-height: 20px; font-weight: bold; color: black; text-align:left; margin-left:10px; margin-right:10px;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-style: normal; line-height: 20px; font-weight: bold; color: #48413F; text-align:left;margin-left:10px; margin-right:10px;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: 20px; font-weight: bold; color: #48413F; text-align:left;margin-left:10px; margin-right:10px; }

p  {font-family: Arial, Helvetica, sans-serif; font-size:
 14px; line-height: 20px; font-style: normal; font-weight: normal; color: #000; text-align:left;margin-left:10px; margin-right:10px;text-decoration: none; }
.p {font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; font-style: normal; font-weight: normal; color: #000;text-align:left; margin-left:10px; margin-right:10px;text-decoration: none; }
.p a:link     {text-decoration: none;  font-weight:bold; color: #78828C;}
.p a:hover    {text-decoration: underline; font-weight:bold; color: brown;}
.p a:active     {text-decoration: underline; font-weight:bold; color: brown;}
.p a:visited     {text-decoration: underline; font-weight:bold; color: #78828C;}
p  a:link     {text-decoration: none;  font-weight:bold; color: #78828C;}
p  a:hover   {text-decoration: underline; font-weight:bold; color: brown;}
p  a:active    {text-decoration: underline; font-weight:bold; color: brown;}
p a:visited     {text-decoration: underline; font-weight:bold; color: #78828C;}

p2  {font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; font-style: normal; font-weight: normal; color: #000; text-align:left;margin-left:10px; margin-right:10px;margin-top:10px;text-decoration: none; }
.p2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; font-style: normal; font-weight: normal; color: #000;text-align:left; margin-left:10px; margin-right:10px;margin-top:10px;text-decoration: none; }

ul  {font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; text-align:left; font-style: normal; font-weight: normal; color: #000; margin-left:30px; text-align:left;margin-top:20px ; margin-bottom:20px;}
li  {font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; text-align:left; font-style: normal; font-weight: normal; color: #000;list-style-type: square; text-align:left; }


.TopMenu                    {font-family: Arial, Helvetica, sans-serif, serif; font-size: 16px; font-style: normal; line-height: 20px; font-weight: bold; color: WHITE;text-align:center; font-weight:bold; display: block; margin:0px;width:33%;min-width:258px;float:left;}
.TopMenu a:link            {text-decoration: none; color:white;  }
.TopMenu  a:visited         {text-decoration: none; color:white;  }
.TopMenu a:hover            {text-decoration: underline;  color: #C2C3BB; }
.TopMenu a:active           {text-decoration: underline;  color: orange; }

.TopMenuBox {background-color:black; overflow:hidden; padding:10px;width:100%;}

.SecondMenu             {font-family: Arial, Helvetica, sans-serif, serif; font-size: 16px; font-style: normal; line-height: 20px; font-weight: bold; color: BLACK; text-align:center; cursor:hand; cursor:pointer; font-weight:bold; display: block;  margin:0px;width:20%; min-width:141px;float:left;}
.SecondMenu a:link      {text-decoration: none;  color: BLACK;}
.SecondMenu a:visited      {text-decoration: none;  color: BLACK;}
.SecondMenu a:hover     {text-decoration: underline;  color: brown;}
.SecondMenu a:active      {text-decoration: underline;  color: orange;}

   
LeftMenu               {background-color: white; text-align:left;  font-family: Arial, Helvetica, sans-serif; margin: 2px 10px 2px 10px;  padding:3px; width:240px, text-decoration: none; font-size: 10pt; margin-left: 10px; font-style: normal; text-decoration: none; border-bottom:1px solid #D5CEC3; font-weight: normal; line-height: 12pt; color: black;}
.LeftMenu              {background-color: white; text-align:left;  font-family: Arial, Helvetica, sans-serif; margin: 2px 10px 2px 10px;  padding:3px; width:240px, text-decoration: none; font-size: 10pt; margin-left: 10px; font-style: normal; text-decoration: none; border-bottom:1px solid #D5CEC3; font-weight: normal; line-height: 12pt; color: black;}
.LeftMenu a:link       {background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; margin: 0px; font-style: normal; font-weight:normal; line-height: 12pt; color:black; text-decoration: none; }
.LeftMenu a:hover      {background-color: white; text-decoration: underline;  color: brown;}
.LeftMenu a:active     {background-color: #3276F5; text-decoration: underline;  color: orange;}
.LeftMenu  a:visited   {text-decoration: none; color: black;  }

LeftMenuHeading               {background-color: #B3B5B4; text-align:left;   font-family: Arial, Helvetica, sans-serif; margin: 2px 10px 2px 10px;  padding:3px; width:300px, text-decoration: none; font-size: 10pt; margin-left: 10px; font-style: normal; font-weight: bold; line-height: 12pt; color: black;}
.LeftMenuHeading              {background-color: #B3B5B4; text-align:left;   font-family: Arial, Helvetica, sans-serif; margin: 2px 10px 2px 10px;  padding:3px; width:300px, text-decoration: none; font-size: 10pt; margin-left: 10px; font-style: normal;  font-weight: bold; line-height: 12pt; color: black;}


.footer {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal;margin-left:10px; line-height: 14px; font-weight: normal; color: black; margin:10px;}
.footer a:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal;margin-left:10px; line-height: 14px; font-weight: bold; text-decoration: none; color: grey; margin:10px;}
.footer a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal;margin-left:10px; line-height: 14px; font-weight: bold; text-decoration: underline; color: brown; margin:10px;}
.footer a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal;margin-left:10px; line-height: 14px; font-weight: bold; text-decoration: underline; color: orange; margin:10px;}

.breadcrumb {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 14px; font-weight: bold; color: black;}
.slogan {font-family: Times, Times Roman, serif; font-size: 16px; font-style: italic; line-height: 20px; font-weight: bold;  color: #445E1D;}

/* NAVIGATION BUTTONS */
         .cssnav   {
                  position:relative;
                  font-family: arial, helvetica, sans-serif;
                  font-weight: bold;
           background-image:  url(../images/overbtn.jpg);
                  background-repeat: no-repeat;
                  white-space: nowrap;
                  display: block;
                  width: 140px;
                  height: 40px;
                  margin: 0; 
                  padding: 0; 
         }
         .cssnav a {
                  display: block;
                  color: #000000;
                  font-size: 12px;
                  width: 140px;
                  height: 28px;
                  display: block;
                  float: left;
                  color: black; 
                  text-decoration: none;
         }

         .cssnav img {width: 140px; height: 28px; border: 0; }
         * html a:hover {visibility:visible}
         .cssnav a:hover img{visibility:hidden}

         .cssnav span {
                  position: absolute;
                  left: 3px;
                  top: 7px;
                  margin: 0px;
                  padding: 0px;
                  cursor: pointer;
                  width: 135px;
                  height: 14px;
                  text-align: center;
         }
      
         .cssnavS   {
                  position:relative;
                  font-family: arial, helvetica, sans-serif;
                  font-weight: bold;
                  background-image:  url(../images/overbtnS.jpg);
                  background-repeat: no-repeat;
                  white-space: nowrap;
                  display: block;
                  width: 140px;
                  height: 40px;
                  margin: 0; 
                  padding: 0; 
         }
         .cssnavS a {
                  display: block;
                  color: #000000;
                  font-size: 12px;
                  width: 140px;
                  height: 28px;
                  display: block;
                  float: right;
                  color: black; 
                  text-decoration: none;
         }

         .cssnaSv img { width: 120px; height: 28px; border: 0; }
         * html a:hover {visibility:visible}
         .cssnavS a:hover img{visibility:hidden}

         .cssnavS span {
                  position: absolute;
                  left: 12px;
                  top: 7px;
                  margin: 0px;
                  padding: 0px;
                  cursor: pointer;
                  width: 135px;
                  height: 14px;
                  text-align: center;
         }
.smallbutton {
   'background: #80858B; padding: 14px 28px; margin:0px  5px 5px 0px; display: block;
   background: #3848D3; width:300px;padding: 6px 6px; margin:4px; display: block;float:left; 
   border-top: 1px solid black;
   background: -webkit-gradient(linear, left top, left bottom, from(#B4B4BE), to(#80858B));
   background: -webkit-linear-gradient(top, #B4B4BE, #80858B);
   background: -moz-linear-gradient(top, #B4B4BE, #80858B);
   background: -ms-linear-gradient(top, #B4B4BE, #80858B);
   background: -o-linear-gradient(top, #B4B4BE, #80858B);
   -webkit-border-radius: 10px;   -moz-border-radius: 10px;   border-radius: 10px; border-thickness:2px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;   box-shadow: rgba(0,0,0,1) 0 1px 0;
   color: white; font-size: 12px;   font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
   text-decoration: none; vertical-align: middle; text-align:center; font-weight: bold;
   }
   
.smallbutton a:link     {text-decoration: none; color: white;}
.smallbutton a:visited   {text-decoration: none;  color: white;}
.smallbutton a:hover     {text-decoration: underline;  color: #C1C6F1;}
.smallbutton:hover {
   'background: #0D1EB1;  padding: 14px 28px; margin:0px  5px 5px 0px; display: block;
   background: #0D1EB1; width:300px; padding: 6px 6px; margin:4px; display: block;float:left; 
   border-top: 1px solid black;
   background: -webkit-gradient(linear, left top, left bottom, from(#80858B), to(#B4B4BE));
   background: -webkit-linear-gradient(top, #80858B, #B4B4BE);
   background: -moz-linear-gradient(top, #80858B, #B4B4BE);
   background: -ms-linear-gradient(top, #80858B, #B4B4BE);
   background: -o-linear-gradient(top, #80858B, #B4B4BE);
   -webkit-border-radius: 10px;   -moz-border-radius: 10px;   border-radius: 10px; border-thickness:2px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;   box-shadow: rgba(0,0,0,1) 0 1px 0;
   color: black; font-size: 12px;   font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
   text-decoration: none; vertical-align: middle; text-align:center; font-weight: bold;
   }
.smallbutton_inactive a {color:white; display: block;text-decoration: none;}
.smallbutton_inactive a:hover {color:red; display: block;text-decoration: none;} 

.largebutton {
   background: #80858B; width:290px; padding: 14px 28px; margin:5px  5px 5px 5px; display: block;
   border-top: 1px solid #06529F;
   background: -webkit-gradient(linear, left top, left bottom, from(#397EC9), to(#06529F));
   background: -webkit-gradient(linear, left top, left bottom, from(#B4B4BE), to(#80858B));
   background: -webkit-linear-gradient(top, #B4B4BE, #80858B);
   background: -moz-linear-gradient(top, #B4B4BE, #80858B);
   background: -ms-linear-gradient(top, #B4B4BE, #80858B);
   background: -o-linear-gradient(top, #B4B4BE, #80858B);
   -webkit-border-radius: 10px;   -moz-border-radius: 10px;   border-radius: 10px; border-thickness:2px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;   box-shadow: rgba(0,0,0,1) 0 1px 0;
   color: white; font-size: 16px;   font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
   text-decoration: none; vertical-align: middle; font-weight: bold;
   }
   
.largebutton a {color:white; display: block;text-decoration: none;}
.largebutton a:link     {text-decoration: none; color: white;}
.largebutton a:visited   {text-decoration: none;  color: white;}
.largebutton a:hover     {text-decoration: underline; color: red;}

.largebutton:hover {
   color: white; font-size: 16px; text-decoration: none ;
   background: #B4B4BE;
   background: -webkit-gradient(linear, left top, left bottom, from(#80858B), to(#B4B4BE));
   background: -webkit-linear-gradient(top, #80858B, #B4B4BE);
   background: -moz-linear-gradient(top, #80858B, #B4B4BE);
   background: -ms-linear-gradient(top, #80858B, #B4B4BE);
   background: -o-linear-gradient(top, #80858B, #B4B4BE);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#C20909', endColorstr='#FE0202');
   color: black; font-size: 16px;   font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
   text-decoration: none; vertical-align: middle; font-weight: bold;
}   
   
.largebutton_inactive a {color:white; display: block;text-decoration: none;}
.largebutton_inactive a:hover {color:#black; display: block;text-decoration: none;} 
   
      
/* END OF NAVIGATION */
     
     
.blackstripeaction menu        {float: center; height: 28px; width: 137px; }
.blackstripe          {position:relative;  font-family: arial, helvetica, sans-serif; font-weight: bold; 
             background-image:  url(http://www.FoundhLocally.com/Graphics/ActiveButtonMenu.jpg);  background-repeat: no-repeat; 
             white-space: nowrap; display: block; width: 137px; height: 27px; margin: 0; padding: 0; overflow:hidden;text-decoration: none;
             /* for ie to hide extra height*/   
             }
        /* charcoal colour is #48413F ot black #000 */
.BlackStripe {
   display: block; color:white;  line-height: 30px; padding:0px; height:120px; text-decoration:none;
   background: #35201B;
   background: -webkit-gradient(linear, left top, left bottom, from(#35201B), to(#000));
   background: -webkit-linear-gradient(top, #35201B, #000);
   background: -moz-linear-gradient(top, #35201B, #000);
   background: -ms-linear-gradient(top, #35201B, #000);
   background: -o-linear-gradient(top, #35201B, #000);
   white-space: normal;
} 
.GreyStripe {
   display: block; color:white;  line-height: 30px; padding:0px; text-decoration:none; text-align:center;
   background: #80858B;
   background: -webkit-gradient(linear, left top, left bottom, from(#B4B4BE), to(#80858B));
   background: -webkit-linear-gradient(top, #B4B4BE, #80858B);
   background: -moz-linear-gradient(top, #B4B4BE, #80858B);
   background: -ms-linear-gradient(top, #B4B4BE, #80858B);
   background: -o-linear-gradient(top, #B4B4BE, #80858B);
   white-space: normal;
} 
.BlueStripe {
   display: block;
   background: #4B8CDC; color:white;   line-height: 30px; padding:-5px; text-decoration:none;
   background: -webkit-gradient(linear, left top, left bottom, from(#5DB6D4), to(#4B8CDC));
   background: -webkit-linear-gradient(top, #5DB6D4, #4B8CDC);
   background: -moz-linear-gradient(top, #5DB6D4, #4B8CDC);
   background: -ms-linear-gradient(top, #5DB6D4, #4B8CDC);
   background: -o-linear-gradient(top, #5DB6D4, #4B8CDC);
   white-space: normal;
} 
.headingboxstripe1 {
   display: block;
   background: #2620C2;
   background: -webkit-gradient(linear, left top, left bottom, from(#2620C2), to(#205DEC));
   background: -webkit-linear-gradient(top, #2620C2, #205DEC);
   background: -moz-linear-gradient(top, #2620C2, #205DEC);
   background: -ms-linear-gradient(top, #2620C2, #205DEC);
   background: -o-linear-gradient(top, #2620C2, #205DEC);
   white-space: normal;
} 
.headingboxstripe2 {
   display: block;
   background: #2434CF;
   background: -webkit-gradient(linear, left top, left bottom, from(#2434CF), to(#1D77FF));
   background: -webkit-linear-gradient(top, #2434CF, #1D77FF);
   background: -moz-linear-gradient(top, #2434CF, #1D77FF);
   background: -ms-linear-gradient(top, #2434CF, #1D77FF);
   background: -o-linear-gradient(top, #2434CF, #1D77FF);
   white-space: normal;     }
   


header {
    width: inherit;
    max-width: 1020px;
    margin: 2px auto;
    margin-top:0px;
    height: 187px;
    top: 15px;
    position:fixed;
    z-index: 999;
    overflow: hidden;
    padding-bottom: 7px;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}
header #logo {
    display: inline-block;
    width:321px; height:79px;
    margin-top: 0px;
    float: left;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header div#head-soc{
    float:right;
    width:60%; height:auto;
    margin-right:20px;
    margin-top: 0px;
}
header.smaller {top:0px;}

.navdown {float:right;}

#pagewrap {
  padding: 1px;
  max-width: 1020px;
  width:100%;
  margin: 10px auto;
  margin-top: 0px;
  top:0px;
  overflow:hidden;
}
#Content {
  width: 67.5%;
  float: left;
  padding:10px;
  margin-top: 2px;
  opacity:99%;
  padding-bottom: 500em;
  margin-bottom: -500em;
  overflow:hidden;
  background-color: white;
}
#rightSideNav {
  width: 29%;
  float: right;
  padding:5px;
  margin-bottom: 5px;
  margin-top: 2px;
  opacity:99%;
  padding-bottom: 500em;
  margin-bottom: -500em;
  background-color: white;
  overflow:hidden;
}

#footer {
  clear: both;
  padding:1px;
  overflow:auto;
  text-align: center;
  background-color: #FFFFFF;
}
.main_body {
  overflow:hidden;
  margin-top: 212px;

}
.tablet {display:none;}
.tablet2{display:none;}
.mobile_only{display:none;}
.desktop_only{display:block;}


.graphicMenu { background-color:#9D9593;margin:10px;overflow:hidden;}
.graphicMenu:hover {background-color:#887E7B; margin:10px; }
.graphicMenu:active{background-color:#FEC51E; margin:10px; }
.graphicMenu img:hover {
    width: 100%;
     transform:scale(1.05);
    -ms-transform:scale(1.05); /* IE 9 */
    -moz-transform:scale(1.05); /* Firefox */
    -webkit-transform:scale(1.05); /* Safari and Chrome */
    -o-transform:scale(1.05); /* Opera */}

.menuUni {
    float:right;
    font-size:24px; font-weight: lighter;text-decoration:none;
    text-align: center;
    margin: 30px 20px 5px 0px;
    color:#FFFFFF !important;
    border: solid 1px #FFFFFF;
    border-radius: 5px;
    padding: 2px;
    line-height:1;
  }
  .form_wide{width:300px;}
  #location_info{float:left;padding: 5px;overflow:hidden;width:100%;}
  .left_locationInfo {float:left;}
  .map_container {float;right;overflow:hidden;padding: 10px;margin-top: 10px;}
  #location_info:after{clear:both;}
  #information:{float:left;}
  .anchor{
            display: block;
            height: 150px; 
            margin-top: -150px; 
            visibility: hidden;
         }
   .right_col {float:right; width:49%;}
   .left_col {float:left; width:49%;}

@media screen and (max-width: 1130px) and (min-width: 1021px) {
   body {margin-left: 40px!important;}
   #pagewrap {min-width:975px;}

}

@media screen and (max-width: 1020px) {

body{margin-left: 0px!important;}

.desktop_only{display:none;}
.mobile_only{display:none;}
.tablet2{display:none;}
.tablet {display:block;}
#location_info{float:none;}
#information:{float:none;}

    #pagewrap {
    width: 94%;
    margin: 2px auto;
    margin-bottom: 44px;
    margin-top:0px;
    min-width: none;
  }
  .main_body {margin-top: 172px;}

  #Content {
    width: auto;
    float: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  
    #rightSideNav {
    width: auto;
    float: none;
    margin-top:0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }

  #botMenu{
    width:49%;
    float:left;
    margin:2px;
    min-width:210px;
    overflow:hidden;
    padding-top: 10px;
  }
  
  #botMenuOth{
    width:49%;
    float:right;
    margin:2px;
    min-width:210px;
    overflow:hidden;
    padding-top: 10px;
  }
  .graphicMenu {width:100%;margin:0px 10px 10px 10px;}
  .graphicMenu img {width:100%;height:auto;}
  .graphicMenu:hover { margin:0px 10px 10px 10px; }
   .graphicMenu:active{ margin:0px 10px 10px 10px; }

     header {
    height: 150px;
  }
  header #logo {
   margin:5px 0px 0px 5px !important;
  }
  .BlackStripe {
   height:100px;
  }
  .TopMenuBox {padding: 3px;}
}


@media screen and (max-width: 855px) {
   
   header #logo {
      width:300px;
      height:auto;
   }
   .tablet {display:none;}
   .tablet2{display:block;}
   .main_body{margin-top: 134px;}
   .mobileimg {width:94% !important;height:auto!important;}
   .TopMenu {min-width: 90px;}
   .BlackStripe{height:90px;}
   .left_locationInfo {float:none;}
    .map_container {float:none;overflow:hidden;}
}
@media screen and (max-width: 565px) {

.desktop_only{display:none;}
.tablet {display:none;}
.tablet2 {display:none;}
.mobile_only{display:block;}
.form_wide{width:200px;}
.BlackStripe{height:75px;}
.TopMenu {font-size: 14px;}
#pagewrap{width:100%; min-width:320px; margin:0px auto;}
#content  {border: none; padding-right:5px; max-width: 100%;}
.smallbutton, .smallbutton:hover {width:270px;}
#footer  {border: none; margin-left:none;}
#rightSideNav {border: none;max-width: 100%;padding-right:5px;}
.main_body{margin-top: 105px;}
#botMenu, #botMenuOth{width:100%;}
.right_col,.left_col {float:none; width:94%;}

  header #logo {
   width:200px;
   height:auto;
  }
  header{
   width:100%;
   min-width: 320px;
   top:0px;
   }
   #newsletter {width:94%!important;}
   .menuUni {margin-left:5px;}
  .mobile_image {display:block;float:none!important;}
}