/* 
   IMPORTANT NOTICE
   This XHTML and CSS layout is COPYRIGHT 2006-2010 Design215 Inc. 
   
   It MAY NOT be copied or used for any other web site without the express
   written permission of Design215 Inc. 954-630-3695 www.design215.com

   Design215.com CSS/110 stylesheet, v01.16.2010 
   for supergroup.com, V3 v06.26.2016 
   
   Container layout of each page:

   body
     #pagehead
       .navbar
       .navlinks
       .navlinks2
     #container
       #pagebody
         .contentbg
           .contentbox
             .C_med (or other column classes)
           .contentbox2
             .C_med (or other column classes)
     #footer
      
   -----------------------------------------------------------------------------
   
   Fonts
   ----------------------------------------------------------------------------- 
   Define all fonts for the entire site in this section. 
*/


body {
  font-family:verdana,helvetica,sans-serif; font-size:10px; color:#444;
}
p,dl,ul,ol,table td,pre.p2,.xtitle,div.navlinks {
  font-family:verdana,helvetica,sans-serif; font-size:14px; color:#444;
}
p.p2,p.p4 {
  line-height:130%;
  margin:4px 4px 0 4px; padding:0;
}
p.p4,ul.blist li {
  font-family:verdana,helvetica,sans-serif; font-size:14px; color:#444;
  line-height:150%; 
  margin:2px 2px 2px 4px;
}
ul.alist li {
  font-family:verdana,helvetica,sans-serif; font-size:16px; color:#444;
}  
p.p5,p.c1,p.leader {
  font-family:verdana,helvetica,sans-serif; font-size:16px; color:#444;
  line-height:160%; letter-spacing:1px;
  margin:2px 2px 2px 4px;
} 
p.c1 {
  font-size:20px;
} 
p.p6,p.quote {
  font-family:verdana,helvetica,sans-serif; font-size:24px; color:#444;
  line-height:160%; letter-spacing:1px; text-align:center;
}  
p.quote {
  font-size:24px; text-transform:uppercase; color:#000;
  text-align:center; padding:0 0 20px 0;
}  
h3 {
  font-family:arial,helvetica,sans-serif; font-size:20px; font-weight:bold; color:#ff7f00;
  margin:2px 2px 2px 4px; padding:0;
}
h2 {
  font-family:arial,helvetica,sans-serif; font-size:20px; font-weight:bold; color:#000;
  margin:2px 2px 2px 4px; padding:0;
}
h2.location {
  font-family:arial,helvetica,sans-serif; font-size:24px; font-weight:bold; color:#444;
  margin:2px 2px 6px 4px;
}
#stores h2 {
  font-size:36px;
}
#cater h2 {
  font-size:30px; color:#3e1111; margin:2px 2px 2px 0;
  font-variant:small-caps;
}
#menu h2 {
  font-size:30px; color:#e4701e; margin:2px 2px 2px 0;
  font-variant:small-caps;
}
  
h1 {
  font-family:arial,helvetica,sans-serif; font-size:24px; font-weight:bold; color:#000;
  margin:2px 2px 2px 4px; padding:0; 
}
pre,code,div.xbox3,.ckBox,.boxBlur,.boxFocus,.formula {
  font-family:courier new,courier,monospace; font-size:12px; color:#222222;
}
#footer p {
  font-family:arial,helvetica,sans-serif; font-size:14px; color:#aaaaaa;
}
#footer p.p2 {
  font-family:arial,helvetica,sans-serif; font-size:14px; color:#cccccc;
}
#footer p.xnav {
  font-family:arial,helvetica,sans-serif; font-size:14px; color:#ffffff;
}
.fbutton {
  font-family:arial,helvetica,sans-serif; font-size:11px; font-weight:bold;
}
div.dropx,div.dropx a {
  font-family:arial,helvetica,sans-serif; font-size:12px; color:#fff;
}
input.fbig {font-size:36px;}
input.fbig2 {font-size:48px; text-align:center;}

form {
  font-family:verdana,helvetica,sans-serif; font-size:14px; color:#bbbbbb;
}

/* 
   HTML Element Defaults
   ----------------------------------------------------------------------------- 
*/

html,body {
  text-align:center; margin:0; padding:0; height:100%;
  color:#444; background:#fff;
}

a:link,
a:visited {text-decoration:none; font-weight:bold; color:#1a57d0;}
a:hover {text-decoration:underline; font-weight:bold; color:#000;}

form {
  margin:0; padding:2px 0 0 4px;
}
img {
  margin:0; padding:0; border:0;
}
ol li {
  padding:2px 0 4px 0;
}
p {
  margin:2px 6px 2px 0; padding:0;  /* default is no left margin */
}
pre {
  margin:0; padding:0;
}
table {
  margin:2px 6px 2px 4px; padding:0;
}
table td {  /* eliminates the need for valign="top" */
  line-height:130%; 
  vertical-align:top;
}
table td.rt {  /* eliminates the need for align="right" */
  text-align:right;
}
table td.ct {  /* eliminates the need for align="center" */
  text-align:center;
}
ul {
  list-style:none;
  margin:4px 0 0 4px; padding:0;
}
ul li {
  margin:2px 0 10px 0; padding:1px 0 0 18px; width:98%;
  background:transparent url(images/bullet.png) 0 4px no-repeat;
}
  

form table { /* no left margin for tables inside forms */
  margin:2px 6px 2px 0; padding:0;
}


/* 
   Custom Styles
   ----------------------------------------------------------------------------- 
*/

/* Mobile Menu button */
a.mobile {
  display:block; line-height:20px; margin:0; padding:0 6px 0 0; width:40px; height:40px;
  font-family:verdana,helvetica,sans-serif; font-size:10px; font-weight:bold; color:#000;
  background:transparent url(images/mobilemenu.png) 1px 0px no-repeat;
  cursor:pointer;
}
a.mobile:link,
a.mobile:visited {text-decoration:none; font-weight:bold; color:#000;}
a.mobile:hover {text-decoration:none; font-weight:bold; color:#000;}

a.mobile span {visibility:hidden;}

/* menu bar links */
div.navlinks2 a {
  font-family:arial,helvetica,sans-serif; font-size:18px; color:#fff;
  margin:0 6px 0 6px; padding:0;
}
div.navlinks2 a:link,
div.navlinks2 a:visited {text-decoration:none; font-weight:bold; color:#fff;}
div.navlinks2 a:hover {text-decoration:none; font-weight:bold; color:#84ff3f;}

  /* Style for link "buttons" like "Save", "Go", etc */
  input.btn2 {
    line-height:20px; vertical-align:middle;
    letter-spacing:1px; color:#fff; font-weight:400;
    margin:0 1px 0 4px; padding:10px 14px 10px 14px; background:#0088ed;
    border-radius:4px; border:0;
    cursor:pointer;
  }

  a.btn2 {
    letter-spacing:1px; color:#fff;
    margin:0 1px -4px 4px; padding:10px 14px 10px 14px; background:#0088ed;
    border-radius:4px;
    cursor:pointer;
  }
  a.btn2:link,
  a.btn2:visited {text-decoration:none; font-weight:400; color:#fdfdfd;}
  a.btn2:hover   {
    text-decoration:none; font-weight:400; color:#fff; background:#00cc00;
  }

/* footer links */
#footer a:link,
#footer a:visited {text-decoration:none; color:#aaaaaa;}
#footer a:hover {text-decoration:underline; color:#ffffff;}
  
#footer p.p2 a:link,
#footer p.p2 a:visited {text-decoration:underline; color:#ffffff;}
#footer p.p2 a:hover {text-decoration:underline; color:#ffffff;}
  
/* W3C validation links */
#footer a.w3:link,
#footer a.w3:visited {text-decoration:none; color:#363636;}
#footer a.w3:hover {text-decoration:none; color:#ffffff;}

br.clr {
  clear:both;
}
br.nb { /* use on mobile */
  display:none; 
}
  
/* Separators to clear column floats */
div.xclear {
  position:relative; clear:both; height:1px; line-height:1px; 
  margin:0; padding:0;
}
div.xclearline { /* content under columns */
  position:relative; clear:both; width:90%; line-height:3px;
  margin:0; padding:0;
}


div.xbox1 { /* forms boxes */
  width:90%; 
  padding:4px 8px 4px 8px; 
  border:solid 1px #aaaaaa; background:#ffffff;
}
div.ffield { /* form fields */
  position:relative; float:left; margin:0; padding:2px 12px 4px 0;
} 
div.xbox2 { /* outline box */
  width:90%;
  margin:0 0 0 4px; padding:8px 2px 8px 2px; 
  border:solid 1px #aaaaaa; background:#ffffff;
}
div#googlemap {
  width:96%; height:400px; margin:0; padding:0; 
  background:#444; color:#000; border:4px solid #fff;
  box-shadow:2px 2px 5px rgba(0,0,0,0.75);
}
div.vendormap { /* map on dealer locator */
  width:96%; height:400px; margin:0; padding:0;
  background:#444; color:#000; border:4px solid #fff;
  box-shadow:2px 2px 5px rgba(0,0,0,0.75);
}

/* Social media buttons under photos, etc. */
div.social {
  position:relative; float:left; height:35px; width:80px;
  margin:0; padding:0;
}
div.social2 {
  position:relative; float:left; height:35px; width:120px;
  margin:0; padding:0;
}
div.socialclear {
  position:relative; clear:both; width:120px; 
  margin:0; padding:0;
}  

img.xpic {
  margin:0; padding:0;
}
img.npic {
  width:80%; border:6px solid #fff;
  margin:4px 0 0 15%; padding:0;
}
img.xthumb {
  margin:8px 5px 15px 20px; padding:10px;
  background:#ffffff; border:solid 1px #ffffff;
}
img.menu {
  width:300px; border:4px solid #fff;
  margin:10px 0 0 12px; padding:0;
}
img.xleft {  /* left aligned image */
  float:left; margin:2px 10px 2px 0;
}
img.xright {  /* right aligned image */
  float:right; margin:2px 0 2px 10px;
}
img.cater1 {
  position:relative; display:block;
  width:95%; max-width:700px; margin:2px auto 20px auto; padding:0;
  border:8px solid #3e1111; box-shadow:4px 4px 8px #444;
}
img.dleft {  /* left aligned image for use with ul.dlist */
  float:left; margin:2px 10px 2px 12px;
  border:1px solid #666666;
}
img.social {
  margin:4px 10px 0 0;
}

/* weathered borders */
div.art {
  position:relative; margin:20px 0 10px 0;
}
div.art img {
  max-width:100%; height:auto; 
  padding:2%;
  background:transparent url(images/art_frame2.png) no-repeat;
  background-size:100% 100%;
  -webkit-background-size:100% 100%;
  -moz-background-size:100% 100%;
  -o-background-size:100% 100%;
}

div.photo_main {
  position:absolute;
  left:304px; top:38px;
}
div.img_border {
  position:absolute;
  left:12px; top:4px;
  z-index:95;
}

table.hours,
table.cater1,
table.cater2 {
  width:90%; margin:0; padding:0;
}
  table.cater1 h2 {
    padding:4px 0 12px 0;
    border-bottom:4px dotted #000;
  }
  table.cater2 td {
    margin:0; padding:4px 0 4px 0; border-bottom:2px dotted #000;
  }
  
img.zthumb {
  margin:2px 4px 4px 0; padding:0;
  border:4px solid #fff;
  box-shadow:2px 2px 5px rgba(0,0,0,0.75);
}
img.cthumb {
  margin:0 0 4px 0; padding:0;
  border:4px solid #ffffff;
}

label.noshow,
h1.noshow,
h2.noshow,
span.tt,
span.noshow {display:none;}

p.c1 { /* centered */
  text-align:center; line-height:normal;
  margin:2px 6px 2px 4px; padding:0;
}
p.p1 { /* normal line height for narrow columns */
  line-height:110%;
  margin:2px 6px 2px 4px; padding:0;
}
p.location {
  line-height:130%;
  margin:4px 6px 0 4px; padding:0 0 0 12px;
}
p.p3 { /* normal right margin */
  line-height:150%;
  margin:4px 10px 0 4px; padding:0;
}
p.n1 { /* justified column like a newspaper */
  font-size:10px;
  margin:4px 2px 0 4px; padding:0; text-align:justify;
}
p.n2 { /* right column with vertical dashed line */
  font-size:10px;
  margin:0; padding:4px 2px 0 4px; border-left:1px dashed #aaaaaa;
}
p.r1 { /* used for the last updated date on links.php */
  text-align:right;
  line-height:normal;
  margin:-14px 2px 4px 0; padding:0;
}
p.r2 {
  text-align:right;
  line-height:150%;
  margin:4px 4px 4px 4px; padding:0;
}
p.nav {
  line-height:150%;
  color:#aaaaaa;
}

/* Leader Dots */
p.leader,h2.leader,h2.leader2 {
  overflow: hidden;
  margin:4px 12px 0 0;
}
span.item {
  float: left;
  padding: 0 .2em 0 0;
  margin: 0;
}
span.price {
  float: right;
  padding: 0 0 0 .4em;
  margin: 0;
}
p.leader:after {
  content: "";
  display: block;
  overflow: hidden;
  height: 1em;
  border-bottom:3px dotted;
}
h2.leader:after {
  content: "";
  display: block;
  overflow: hidden;
  height: 0.8em;
  border-bottom:6px dotted;
}
h2.leader2:after {
  content: "";
  display: block;
  overflow: hidden;
  height: 0.8em;
  border-bottom:6px dotted #c3cd4e;
}


#pagehead h1,#pagehead h2 {
  display:none;
}
#pagehead p {
  display:inline;
  text-align:left;
}
#footer p {
  position:relative;
  margin:8px 0 0 0; padding:0;
}
#footer p.xnav {
  position:relative;
  margin:0; padding:0;
}
  
pre.p2 {
  line-height:150%;
  margin:4px 4px 0 4px; padding:0;
}

table.t1 { /* no left margin */
  margin:2px 6px 2px 0; padding:0;
}
table.t2 {
  width:94%;
}
table.t3 {
  width:350px;
}

ul.alist {
  margin:4px 0 0 12px; padding:0;
}
ul.alist li {
  margin:2px 0 6px 0; padding:1px 0 0 18px; width:90%;
  background:transparent url(images/bullet2.png) 0 6px no-repeat;
}
  
ul.blist {
  margin:4px 0 0 0; padding:0;
}
ul.blist li {
  margin:2px 0 2px 0; padding:1px 0 0 18px; width:98%;
  background:transparent url(images/bullet.png) 0 3px no-repeat;
}
  
ul.clist {
  width:90%;
}
ul.clist li {
  margin:2px 0 10px 0; padding:1px 0 4px 28px; width:98%;
  background:transparent url(images/checkmark.png) 0 4px no-repeat;
}
  
/* Form fields */
.ckBox { /* checkboxes */
  margin:1px; padding:0;
}
  .boxBlur {
    font-family:courier new,courier,monospace; font-size:14px; 
    border:1px solid #bbb; color:#000; background:#ffffff;
    padding:5px;
  }
  .boxBlur:focus,.boxFocus {
    font-family:courier new,courier,monospace; font-size:14px; 
    border:1px solid #666; color:#000; background:#ffffcc;
    padding:5px;
  }

.fbutton {
  border:1px solid #000000; color:#ffffff; background:#333333;
  margin:0; padding:4px; 
  font-family:arial,helvetica,sans-serif; font-size:14px; font-weight:bold;
}

/* Newsletter form */
form#newsletter {
  text-align:right; margin:0; padding:0 22px 2px 0;   
}
form#newsletter p {
  font-size:14px; margin:0; padding:0;
}
form#newsletter #email {
  width:48%; margin:0; padding:7px 4px 8px 8px; top:-2px;
  position:relative;
}
.mailBlur {
  border:none; background:#bbb;
}
.mailFocus {
  border:none; background:#fff;
}
.submitBtn {
  position:relative; vertical-align:middle; top:-2px;
}  
  
/* Misc Classes */
.sm {position:relative; top:-4px; font-size:9px; font-weight:normal;} /* service mark (sm) */
.super {position:relative; top:-4px; font-size:10px;} /* superscript */

.xred {color:#ff0000;} /* form errors */
.xword {font-weight:bold; color:#dddddd;}

.nbox {  /* remaining characters field */ 
  text-align:right; width:250px;
  border:0; color:#000000; background:transparent;
}

span.st2 {
  display:none;
}


/* 
   Containers for this layout
   -----------------------------------------------------------------------------
*/

#pagehead {
  position:fixed; left:0; top:0; height:110px; width:100%;
  text-align:left; margin:0; padding:0;
  overflow:visible; z-index:96; /* must be less than drop menu z-index */
}
  #headerbox {
    background:rgba(0,0,0,1);
    position:relative; width:100%; min-width:480px; height:110px;
    text-align:center; margin:0; padding:0;
  }
    div.navbar {  /* width and height necessary for image replacement */
      position:relative; width:470px; height:110px;
      text-align:center; margin:0 auto 0 auto; padding:0;
    }
    /* DIVs for navigation links */
    div.navlinks {
      display:none;
    }
    div.navlinks2 {
      position:absolute; top:76px; right:40px; width:500px; height:30px;
      text-align:right; margin:0; padding:0;
    }
    div.navlinks2 div {
      margin:0; padding:0; 
    }
    div.socialicons {
      position:absolute; top:14px; right:18px; width:70px; height:34px;
      text-align:right; margin:0; padding:0;
    }
    div.socialicons img {
      margin:0; padding:0 10px 0 0;
    }
  div.mobilemenu {
    position:absolute; top:30px; left:15px; width:44px; height:44px; 
    margin:0; padding:0; overflow:hidden;
  }
#headpic {
  position:relative; left:0; top:0; height:400px; width:100%;
  text-align:left; margin:0; padding:0;
}  
  
#container {
  position:relative; 
  text-align:center; margin:0; padding:0;
  min-height:100%; margin-bottom:-120px; /* -height of footer */
}
  /* Page body, full width of container */
  #pagebody {
    position:relative; 
    text-align:left; margin:0; padding:120px 0 100px 0;
    min-height:600px;
  }
    /* Full width container CLASS for full width backgrounds */
    div.contentbg {
      position:relative; width:100%;
      text-align:left; margin:0; padding:6px 0 0 0;
    }
      /* Inner content box for centered, fixed width content */
      div.contentbox {
        position:relative; max-width:1000px;
        text-align:left; margin:0 auto 0 auto; padding:0;
      }
      div.contentbox2 {
        position:relative; width:100%;
        text-align:center; margin:0 auto 0 auto; padding:0;
      }
        /* Content above columns */
        div.contenthead {
          position:relative; margin:0; padding:0;
        }
          /* Columns, Total width must be <= 750px */
          
          /* LEFT columns */
          div.L_xxsmall,
          div.L_xsmall,
          div.L_small,
          div.L_large,
          div.L_xlarge,
          div.L_xxlarge,
          div.L_full {
            position:relative; float:left; margin:0; padding:0; text-align:left;
          }
          
          /* RIGHT columns */
          div.R_xxsmall,
          div.R_xsmall,
          div.R_small,
          div.R_large,
          div.R_xlarge,
          div.R_xxlarge,
          div.R_full {
            position:relative; float:right; margin:0; padding:0; text-align:left;
          }
          
          /* Column width combinations:  xxs+xxl, xs+xl, xs+xs+xs, s+l, full */
          div.L_xxsmall,div.R_xxsmall {width:200px;}
          div.L_xsmall,div.R_xsmall {width:280px;}
          div.L_small,div.R_small {width:330px;}
          div.L_large,div.R_large {width:450px;}
          div.L_xlarge,div.R_xlarge {width:500px;}
          div.L_xxlarge,div.R_xxlarge {width:660px;}
          div.L_full {width:100%;}
          div.R_full {width:900px;}
          
    /* exceptions */
    div.L_full2 {
      position:relative;
      width:100%; max-width:1000px; 
      margin:0 auto 0 auto; padding:0;
    }
           

    /* Footer, extends to bottom edge of window */
    #footer {
      position:relative; height:120px; min-height:120px;
      margin:0; padding:0;
      background:#000;
    }
      div.ftcenter {
        position:relative; width:96%;
        margin:0 auto 0 auto; padding:0;
      }
      div.L_footer {
        text-align:left;
        position:relative; width:40%; min-width:450px; margin:0; padding:10px 0 0 0;
      }
      div.R_footer {
        text-align:right;
        position:absolute; top:0px; right:0px; width:40%; min-width:450px; margin:0; padding:10px 0 0 0;
      }

/* 
   Page specific styles
   -----------------------------------------------------------------------------
*/

div.ctitle,
div.ctitle2 {
  position:relative; text-align:center;
  margin:0 4px 0 4px; padding:0 0 20px 0; overflow:hidden;
}
  div.ctitle img {max-width:100%; height:auto;}
  
div.ntitle {
  position:relative; text-align:left;
  margin:0; padding:0 0 10px 0;
}
  div.ctitle h1,
  div.ntitle h1,
  div.ctitle h2,
  div.ntitle h2 {display:none;}
  div.ctitle img,
  div.ntitle img {margin:0; padding:0;}
  
div.C_small,
div.C_small2,
div.C_small3,
div.C_med { /* centered column that wraps @ min-width */
  position:relative; display:inline-block; vertical-align:top;
  text-align:left; max-width:500px; min-width:460px;
  margin:0 10px 0 0; padding:0; overflow:hidden;
}
div.C_small {
  width:45%; max-width:650px;
}
div.C_small2 {
  border-left:6px solid #c3cd4e; padding:0 0 0 20px;
}
div.C_small3 {
  max-width:300px; min-width:300px;
}
div.C_med {
  width:65%; max-width:650px;
}
div.C_large {
  position:relative; display:inline-block; vertical-align:top;
  text-align:left; width:97%; max-width:800px; min-width:470px;
  margin:0; padding:0; overflow:hidden;
}

#stores {
  padding:20px 0 60px 0;
}
div.storethumb,div.storethumb2 { 
  position:relative; display:inline-block; vertical-align:top;
  text-align:left; width:450px; height:185px; 
  background:#fff url(images/green_pin.png) bottom right no-repeat;
  margin:0 4px 12px 8px; padding:6px; overflow:hidden;
  border:1px solid #aaa;
  box-shadow:2px 2px 4px #444;
}
  div.storethumb img {
    float:left; margin:0 10px 0 0; padding:4px 0 50px 4px;
  }
div.storethumb2 {
  width:300px;
}

div.tagline {
  text-align:center; padding:60px 0 40px 0;
  overflow:hidden;
}
  
#pag_home div.L_xsmall {width:320px;}
#pag_home div.L_small {width:360px;}


div#slogan div {
  position:relative; text-align:center; vertical-align:middle;
  margin:0; padding:0;
}
 
#infobar div.contentbox {
  max-width:960px;
}
          
#pag_image div.L_small {width:420px;}
#pag_image div.L_xsmall {width:320px;}    

#categories {
  min-height:400px;
}

/* Content Backgrounds */
.paper {
  color:#000;
  background:transparent url(images/paperbg.jpg) left top repeat;
}
.orange {
  color:#fff;
  background:#e4701e;
}
.orange p {color:#000;}

.green {
  background:#c3cd4e;
}
.green div p {color:#fff;}

.black {
  background:#111;
}
.chalk {
  background:#0d0d0d url(images/chalkboard01.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.chalk2 {
  background:#0d0d0d url(images/chalkboard01.jpg) center center no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.fresh {
  background:#222 url(images/made_fresh_daily.jpg) center bottom no-repeat;
}
.about1 {
  background:#222;
}
.about2 {
  background:#222 url(images/kvc-header9086.jpg) center bottom no-repeat;
}
.about3 {
  background:#222 url(images/about_bg03.jpg) center bottom no-repeat;
}
.bg-cover { 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.fullpic img {
  width:100%; margin:0; padding:0; 
  vertical-align:top; /* gets rid of "mystery space" */
}

.about1 div p,
.about2 div p,
.about3 div p,
.black div h1,
.black div p,
.black div ul,
.fresh div h1,
.fresh div p,
.fresh div ul,
.chalk2 div h1,
.chalk2 div p,
.chalk2 div ul,
.chalk div h1,
.chalk div p,
.chalk div ul {color:#fff;}

.chalk2 div h2,
.chalk div h2 {color:#fff;}

.chalk a:link,
.chalk a:visited,
.chalk2 a:link,
.chalk2 a:visited {text-decoration:underline; font-weight:bold; color:#e4701e;}
.chalk a:hover,
.chalk2 a:hover {text-decoration:underline; font-weight:bold; color:#fff;}

/* Tables used for charts */
.gray1 {background:#aaaaaa;}
table.gray1 td {background:#ffffff;}
table.gray1 td.ht1 {background:#eeeeee;}  /* td hightlight */
table.gray1 td.ht2 {background:#eeeeff;}  /* td hightlight */
table.gray1 h2 {margin:0;}

/* Design215 Guestbook/Comments v01.27.06 */
.xguest {  /* outside table */
  width:640px; margin:0;
}
table.xguest table {
  margin:0;
}
table.xtopics {
  width:90%; 
  margin:0 0 0 12px;
}
table.xtopics td {
  width:auto;
  margin:0 10px 0 0;
}
table.xtopics td p {
  margin:0 10px 0 0;
  border-bottom:1px dashed #888888;
} 

p.gb1 {
  font-family:verdana,helvetica,sans-serif; font-size:11px;  color:#ffdf4d;
  margin:2px 2px 0 12px; padding:0;
}

.gbox {  /* remaining characters field, guestbook */ 
  text-align:right; width:320px;
  border:0; color:#aaaaaa; background:transparent;
}
.cbox {  /* remaining characters field, comments */ 
  width:250px;
  border:0; color:#aaaaaa; background:transparent;
}
.guestErr {
  font-weight:bold; color:#ff8800; 
}
.gline { /* user entries separator */
  position:relative; display:block; line-height:4px;
  margin:0 20px 4px 20px; padding:0;
  border-bottom:1px dashed #888888;
}
.xquote1 {
  font-family:serif; font-size:12px; color:#274627;
  background:transparent url(/images/quote1.gif) no-repeat;
  padding:0 0 0 8px;
}
.xquote2 {
  font-family:serif; font-size:12px; color:#274627;
  background:transparent url(/images/quote2.gif) no-repeat;
  padding:0 0 0 8px; margin:0 0 0 2px;
}
p.gst1 {margin:4px 0 8px 12px; font-size:11px; color:#000000; line-height:120%;}
p.gst2 {margin:4px 60px 0 12px; font-size:11px; color:#000000; line-height:130%;}


/* Design215 Slideshow, dynamic full width */
div.slideshow {
  overflow:hidden; /* fixes strange issues with links below directly slideshow */
  margin:0; padding:0;
  font-size:0; /* gets rid of extra space at bottom */
  height:100%; background:#444;
}
#slidebg {
  display:block;
  width:100%; height:100%; 
  background:transparent url('/images/production2216.jpg') top right; 
  background-size:cover;
}
#pag_home #xssw1,
#pag_home #xssw2 {
  /* 2102 update: opacity set with css on slideshow page */
  position:absolute; visibility:hidden; 
  background:transparent top center;
  background-size:cover;
  margin:0; padding:0; border:none;
  text-align:center; /* slideshow image will be centered in the div */
  width:100%; /* div will be the full width of its container */ 
}

#pag_home #xssw1 img,
#pag_home #xssw2 img {
  width:100%;
  visibility:hidden;
}
#pag_home #xslidetext,
#pag_home #xslidenum,
#pag_home #slidecontrols {
  display:none;
}


/* Design215 Drop Menu, v11.22.2012 */
#xtooltip {
  position:absolute; left:-200px; top:5px; z-index:98;
  margin:0; padding:0 0 7px 0;
  background:transparent url(images/tooltip_pointer.png) 14px bottom no-repeat;
}
#xtooltip p.tt1,
#xtooltip p.tt2 {
  color:#ffffff; text-align:left; margin:0; padding:6px 8px 8px 8px;
  font-family:verdana,helvetica,sans-serif; font-size:11px;
  background:transparent url(images/tooltip.png);
  border-radius:4px; border:2px solid #000000;
}

#menu1 {  /* mobile menu */
  position:fixed; visibility:hidden; z-index:99;
  width:320px; left:-999em; /* removes the extra vertical space from the long menu */
  background:#fff; color:#1a57d0; padding:4px;
  border-radius:8px; border:6px solid #1a57d0;
  box-shadow:8px 8px 24px rgba(0,0,0,0.5);
}
#menu1 p {
  width:100%; /* necessary for IE7 or menu height bug */
  margin:0; padding:4px 4px 2px 4px;
}
#menu1 p span {
  display:none;
}
  /* Fix 2px whitespace under images, 04.14.2015 */
  div.dropx img,div.dropz img {
    vertical-align:top;
  }

  div.dropx {
    text-align:left;
    margin:0; padding:0;
  }
  #menu1 a {
  font-family:verdana,helvetica,sans-serif; font-size:18px;
    position:relative; display:block; height:22px; 
    font-weight:bold; color:#1a57d0; background:#fff;
    margin:0 16px 0 6px; padding:16px 3px 16px 12px;
    border-bottom:1px dotted #1a57d0;
  }
  #menu1 a:link,
  #menu1 a:visited {text-decoration:none; color:#1a57d0;}
  #menu1 a:hover {
    text-decoration:none; color:#fff; background:#1a57d0;
  }

#menu2,#menu3,#menu4 {
  position:fixed; visibility:hidden; z-index:99;
}
#menu2 {width:225px;} /* about */
#menu3 {width:225px;} /* divisions */
#menu4 {width:225px;} /* contact */

#menu2 p,#menu3 p,#menu4 p {
  width:196px; /* necessary for IE7 or menu height bug */
  background:transparent url(images/menubox1.png) top left no-repeat;
  margin:0; padding:24px 17px 2px 12px;
}
#menu2 img,#menu3 img,#menu4 img {
  background:transparent url(images/menubox1_end.png) top left no-repeat;
  width:225px; height:30px; margin:0; padding:0;
}
  div.menucat {
    position:relative; width:160px; margin:0; padding:0;
    float:left;
  }
  div.menucat2 {
    position:relative; width:190px; margin:0; padding:0;
    float:left;
  }
  div.menucat3 {
    position:relative; width:200px; margin:0; padding:0;
    float:left;
  }
    div.menucat p,div.menucat2 p {
      margin:0; padding:0; 
    }

  div.dropx {
    text-align:left;
    margin:0; padding:0;
  }
  div.dropx a {
    position:relative; display:block; height:12px; 
    font-weight:bold; color:#ffffff;
    margin:0; padding:6px 3px 6px 12px;
  }
  div.dropx a:link,
  div.dropx a:visited {text-decoration:none; color:#cccccc;}
  div.dropx a:hover {
    text-decoration:none; color:#000000; background:#84ff3f;
  }
  div.dropx span {
    display:none;
    margin:0 0 8px 0; padding:0;
    color:#ffffff;
  }
div.xclearmenu { /* content under columns */
  position:relative; clear:both; width:400px; 
  margin:0; padding:0;
}

  
/* replace or resize images */

img.rp50 { /* small footer logo v12.29.2009 */
  position:relative; margin:-12px 0 0 0; top:12px;
}

@media only screen and (max-width:980px) {
  /* Style adjustments for viewports that meet the condition */
  #slogan,
  h1 span,
  form#newsletter .submitBtn,
  div.navlinks,
  div.navlinks2 {
    display:none;
  }
  #pagehead,#headerbox {
    height:80px;
  }
  #headpic {
    height:80px;
  }
  #pagebody {
    padding:90px 0 100px 0;
  }
  #footer {
    position:relative; height:auto;
  }
  div.R_footer {
    position:relative; margin:0; padding:10px 0 20px 0;
  }
  div.mobilemenu {
    display:block; top:20px;
  }
  div.socialicons {
    top:64px;
  }
  div.navbar {
    position:relative; left:0; top:0;
    margin:0 auto 0 auto;
  }
  div.navbar img {
    height:80px; width:auto;
  }
  form#newsletter #email {
    width:130px;
  }
  div.C_small {
    width:85%; max-width:650px;
  }
  div.C_small2 {
    border-left:none; padding:40px 0 0 0;
  }
  div.C_small3 {
    max-width:420px;
  }
  img.zthumb {
    width:138px;
  }
  div.art img {
    background:none; padding:0;
  }
  .be1,.be2 {
    font-size:70px;
  }
  #menu .be1,
  #menu .be2,
  #cater .be1,
  #cater .be2 {
    font-size:90px;
  }
  .be2 span {
    font-size:24px;
  }
  .chalk2 { /* fixed backgrounds don't work on mobile */
  }
  
  p.p6,p.quote {
    font-size:16px;
  }
  br.nb {display:block;}
}

@media all and (orientation:landscape) and (max-width:640px) {
  #pagehead,#menu1 {
    position:absolute;
  }
}