/* 
   IMPORTANT NOTICE
   This XHTML and CSS layout is COPYRIGHT 2006-2012 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.20.06 
   for 2013 visionearth.org site, v10.25.2015
   
   RESPONSIVE layout, v07.25.0218
   
   Container layout of each page:

   body
     #pagehead
       .navbar
       .navlinks
       .navlinks2
     #menu1
     #menu2
     #menu3
     #container
       #pagebody
         .contentbg
           .contentbox
             .C_title
             .C_med
             .C_large
     #footer
      
   -----------------------------------------------------------------------------
   
   Fonts
   ----------------------------------------------------------------------------- 
   Define all fonts for the entire site in this section. 
*/

/* prevent iphone from auto sizing text */
html {
  -webkit-text-size-adjust:none;
}

body,.counter {
  font-family:verdana,helvetica,sans-serif; font-size:10px; color:#222;
}
p,dl,ul,ol,table td,pre.p2,.xword,.xtitle,div.xarticle {
  font-family:'source_sans_proregular',arial,helvetica,sans-serif; font-size:14px; color:#222;
}
p.p4 {
  font-family:'source_sans_proregular',arial,helvetica,sans-serif; font-size:16px; color:#222;
  line-height:150%; letter-spacing:1px;
}  
p.p4a {
  font-family:'source_sans_proregular',arial,helvetica,sans-serif; font-size:18px; color:#222;
  line-height:140%;
}  
p.p5,p.c1,p.leader {
  font-family:'source_sans_proregular',arial,helvetica,sans-serif; font-size:16px; color:#222;
  line-height:160%; letter-spacing:1px;
} 
h3,#footer a.w3,.xbig,.hdate {
  font-family:georgia,arial,helvetica,sans-serif; font-size:16px; font-weight:bold; color:#000;
}
h2 {
  font-family:georgia,arial,helvetica,sans-serif; 
  font-size:18px; color:#000; font-weight:500;
  margin:10px 4px 4px 4px; padding:0; 
  text-transform:uppercase; letter-spacing:1px;
}
h1 {
  font-family:georgia,arial,helvetica,sans-serif; 
  font-size:22px; color:#000; font-weight:500;
  margin:10px 4px 4px 4px; padding:0; 
  text-transform:uppercase; letter-spacing:1px;
}
h1.banner {
  font-family:arial,helvetica,sans-serif; font-size:28px; font-weight:bold; color:#000;
  text-transform:none; margin:0;
}  
table.t3 td {
  font-family:arial,helvetica,sans-serif; font-size:12px; font-weight:bold; color:#000;
}
span.price {
  font-family:arial,helvetica,sans-serif; font-size:16px; font-weight:bold; color:#000;
}
h1.g1,h1.c1 {
  font-family:arial,helvetica,sans-serif; font-size:20px; font-weight:bold; color:#002288;
}
pre,code,div.xbox3,.ckBox,.boxBlur,.boxFocus,.formula {
  font-family:courier new,courier,monospace; font-size:12px; color:#006000;
}
#footer p,.xsmall {
  font-family:arial,helvetica,sans-serif; font-size:10px; color:#aaa;
}
#footer p.p2 {
  font-family:arial,helvetica,sans-serif; font-size:12px; color:#ccc;
}
#footer p.xnav {
  font-family:arial,helvetica,sans-serif; font-size:14px; color:#fff;
}
.fbutton,ul.alist li,.spopup {
  font-family:'source_sans_proregular',arial,helvetica,sans-serif; font-size:16px; color:#222;
  line-height:130%; letter-spacing:1px;
}
a.k {
  font-family:arial,helvetica,sans-serif; font-size:12px;
}
div.dropx,div.dropx a {
  font-family:arial,helvetica,sans-serif; font-size:14px; color:#fff;
}
p.quote {
  font-family:'source_sans_proregular',arial,helvetica,sans-serif; font-size:16px; color:#000;
  line-height:160%; letter-spacing:1px;
}
span.h1b {font-size:35px;}

input.fbig {font-size:36px;}
input.fbig2 {font-size:48px; text-align:center;}

form {
  font-family:verdana,helvetica,sans-serif; font-size:12px; color:#000000;
}
  
span.price {
  font-family:arial,helvetica,sans-serif; font-size:16px; font-weight:bold; color:#000;
}
div.shoppingcart p {color:#ccc;}

p.p3 {
  font-size:14px;
  padding:0 4px 0 4px; 
}

table.xthumb td {color:#000;}

table.domainlist td {
  font-size:14px;
}
input.searchFocus {
  font-family:arial,helvetica,sans-serif; font-size:14px;
}

/* 
   Type Selectors
   ----------------------------------------------------------------------------- 
   Define the defaults for HTML elements in this section. 
*/

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

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

acronym {
  font-weight:bold; color:#888888;
  border-bottom:dashed 1px #000000; cursor:help; 
}
form {
  margin:0; padding:2px 0 0 0;
}
h3 {
  position:relative; text-align:right;
  margin:-12px 4px 0 0; padding:0;
}
img {
  margin:0; padding:0; border:0;
}
iframe {
  margin:0;
}
ol li {
  padding:2px 0 4px 0;
}
p {
  margin:2px 0 2px 4px; padding:0;  /* default is no left margin */
}
pre {
  margin:0; padding:0;
}
table {
  margin:2px 6px 2px 12px; padding:0;
}
table td,table td p {
  vertical-align:top;
  line-height:130%;
}
table td.rt {
  text-align:right;
}

ul {
  list-style:none;
  margin:4px 0 0 12px; padding:0;
}
ul li {
  margin:2px 0 2px 0; padding:1px 0 0 12px; width:98%;
  background:transparent url(images/bullet.png) 0 2px no-repeat;
}

/* nice blockquote */
blockquote {
  display:block; position:relative;
  font-size:20px; color:#000; line-height:140%;
  margin:10px 0 15px 12px; padding:4px 20px 10px 40px;
  text-align:justify;
}
blockquote::before {
  content:"\201C"; /*Unicode for Left Double Quote*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  position: absolute;
  left:2px;
  top:10px;
}
blockquote::after{
  content:"";
}
span.rt {
  display:block; padding:0;
  text-align:right;
}

embed { 
  margin:0 0 0 12px;
}
/* for Google ads */
iframe {
  padding:2px; margin:0 0 0 2px;
}

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


/* 
   Class and ID Selectors
   ----------------------------------------------------------------------------- 
   Define styles for all elements except the layout containers 
*/

/* 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.navlinks a {
  font-family:arial,helvetica,sans-serif; font-size:18px; color:#222; line-height:38px;
  margin:0 4px 0 0; padding:10px 8px 10px 8px;
}
div.navlinks a:link,
div.navlinks a:visited {text-decoration:none; font-weight:normal;}
div.navlinks a:hover {text-decoration:none; font-weight:normal; color:#000; background:#aeff00;}

/* print page links */
a.print {
  background:transparent url(images/print.gif) no-repeat;
  margin:0 12px 0 0; padding:0 0 0 18px;
}
a.print:link,
a.print:visited {text-decoration:none; font-weight:bold; color:#1a57d0;}
a.print:hover {text-decoration:underline; font-weight:bold; color:#000;}

/* shopping cart header links */
div.shoppingcart a:link,
div.shoppingcart a:visited {text-decoration:none; font-weight:bold; color:#f75d00;}
div.shoppingcart a:hover {text-decoration:none; font-weight:bold; color:#444;}

/* Style for form "buttons" like "New", "Save", "Delete", etc */
a.btn {
  line-height:20px;
  font-family:verdana,helvetica,san-serif; font-size:10px; font-weight:bold;
  margin:0 1px 0 0; padding:2px 4px 2px 4px; background:#ffffff;
  border:1px solid #000000;
}
a.btn:link,
a.btn:visited {text-decoration:none; font-weight:bold; color:#0000aa;}
a.btn:hover   {
  text-decoration:none; font-weight:bold; color:#ffffff; background:#000099;
  border:1px solid #000000;
}

  /* 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;
  }

/* Style for custom video player buttons */
a.plybtn {
  line-height:20px;
  font-family:verdana,helvetica,san-serif; font-size:14px; font-weight:bold;
  margin:0 1px 0 0; padding:4px 8px 4px 8px; background:#aaa;
  border:1px solid #0000aa; border-radius:4px;
}
a.plybtn:link,
a.plybtn:visited {text-decoration:none; font-weight:bold; color:#0000aa;}
a.plybtn:hover   {
  text-decoration:none; font-weight:bold; color:#ffffff; background:#000099;
  border:1px solid #000000;
}

/* store subcategory links */
a.sub1 {
  position:relative; display:block;
  font-weight:bold; color:#000;
  margin:0; padding:3px 3px 3px 18px;
}
a.sub1:link,
a.sub1:visited {text-decoration:none; color:#1a57d0;}
a.sub1:hover {
  text-decoration:none; color:#000000; background:#84ff3f;
}

/* video thumbnails */
a.v1 {
  display:block; position:absolute; width:220px; height:124px; left:0px; top:0px;
  margin:0; padding:0;
}
a.v1:link,
a.v1:visited {text-decoration:none; font-weight:bold; color:#909090;}  
a.v1:hover {
  text-decoration:none; font-weight:bold; color:#84ff3f;
  background:transparent url(images/media_overlay.png) no-repeat;
}
/* video thumbnails for playlists */
a.v2 {
  display:block; position:absolute; width:180px; height:100px; left:0px; top:0px;
  margin:0; padding:0;
}
a.v2:link,
a.v2:visited {text-decoration:none; font-weight:bold; color:#909090;}  
a.v2:hover {
  text-decoration:none; font-weight:bold; color:#84ff3f;
  background:transparent url(images/media_overlay.png) 0px -24px no-repeat;
}
/* text links under video thumbnails */
a.m1:link,
a.m1:visited {text-decoration:none; font-weight:bold; color:#ffffff;}
a.m1:hover {text-decoration:underline; font-weight:bold; color:#ffffff;}


/* 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; 
}
  
code.bx {  /* outlined code like an input box */
  border:1px solid #999999; background:#eeeeee;
  padding:1px;
}
code.t2 {  /* indented block of example code */
  display:block;
  margin:4px 0 2px 8px; padding:0;
}     

/* Separators to clear column floats */
div.xclear {
  clear:both; height:1px; line-height:1px; 
  margin:0; padding:0;
}
div.xclearline { /* content under columns */
  position:relative; clear:both; width:820px; 
  margin:0; padding:0;
}

div.xline { /* accent line */
  height:1px; line-height:1px;
  margin:3px; padding:0 0 3px 0;
  border-top:solid 1px #aaaaaa;
}
div.xbox1 { /* forms boxes */
  width:90%; padding:2px 8px 0px 4px; border:solid 1px #0080ca;
  background:#bee7ff;
  border-radius:6px;
}

div.xboxt { /* topics boxes */
  position:relative;
  display:inline-block; width:300px; height:300px;
  padding:2px 2px 8px 0; margin:2px 0 6px 0;
  vertical-align:top;
}
  div.xboxt p {color:#000;}
  h2.xboxt {margin:0 0 0 8px;}

div.xboxv { /* video playlist boxes */
  position:relative;
  display:inline-block; width:300px; height:300px; 
  padding:2px 2px 8px 0; margin:2px 0 6px 4px;
  background:#eee;
  border-radius:3px;
  border:1px solid #ccc;
  vertical-align:top;
}
  div.xboxv p {color:#000;}

div.vwrap { /* wrapper for youtube player */
  position:relative;
  width:100%;
  padding-bottom:55%; 
  padding-top:15px; 
  margin:0;
  height:0; 
  overflow:hidden; 
}
div.vwrap iframe,
div.vwrap object,
div.vwrap embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

div.xbox2 { /* outline box */
  width:90%;
  margin:0 0 0 12px; padding:8px 2px 8px 2px; 
  border:solid 1px #aaaaaa; background:#ffffff;
}
div.xbox3 { /* email form */
  width:420px; padding:2px 8px 0px 4px; border:solid 1px #000000;
  background:#eee;
  border-radius:6px;
}
  div.xbox3 table {
    margin:0 0 0 12px;
  }
div.emailbox { /* email form2 */
  position:absolute; top:120px; left:150px;
  width:420px;
  padding:2px 8px 0px 4px; border:solid 1px #000000;
  background:#eee;
  border-radius:6px;
}
  div.xbox3 form {
    margin:0; padding:0;
  }
  
div.xbox_scroll { /* outline scroll box */
  width:400px; height:300px; overflow:scroll;
  margin:0 0 0 12px; 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);
}

div.gadvert { /* Google ads */
  margin:0 0 0 12px;
}
div.gsearch { /* Google search box */
  position:absolute; width:500px; left:250px; top:20px;
}

div.ffield { /* form fields */
  position:relative; float:left; margin:0; padding:2px 12px 4px 0;
}
div.dthumb { /* product thumbs */
  float:left;
  margin:0 8px 4px 0;
  text-align:center;
}
div#listthumbs {
  height:160px; 
  overflow-x:scroll;
  overflow-y:hidden;
  margin:0 0 30px 0;
}
  div#listthumbs table,div#listthumbs h2 {
    margin:0;
  }
/* new, like Donzi site */
#thumbbar {
  position:relative; max-height:150px; 
  overflow-x:auto; overflow-y:hidden;
  text-align:center;
  padding:4px;
  white-space:nowrap;
}

  
/* Social media buttons, tweet, like, pinit */
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;
}  

dl.alist {
  margin:0; padding:4px 0 0 0;
}
dl.alist dt {
  font-size:12px; color:#000099; line-height:150%;
  margin:0; padding:0 0 0 12px;
}
dl.alist dd {
  line-height:120%;
  margin:0; padding:0 0 16px 20px;
}
dl.t2 {  /* lists used inside table td's */
  margin:0; padding:0;
}
dl.t2 dt {margin:0; padding:0;}
dl.t2 dd {margin:0; padding:4px 0 2px 8px;}
  
dl.links {
  margin:0; padding:4px 0 0 0;
}
dl.links dt {
  line-height:150%;
  margin:0; padding:0 4px 0 20px;
}
dl.links dd {
  line-height:120%;
  margin:0; padding:0 10px 4px 28px;
}
  
h1.m1 {
  margin:2px 2px 0 4px;
}
/* create an h1 for the left column for standards compliance so h2 doesn't come before h1 */
h1.translator {
  width:300px; height:35px; 
}
div.contenthead h1 span {display:none;} /* replace text with an image */

img.xpic {
  margin:1px 3px 3px 1px; padding:0;
  border:solid 1px #444444;
}
img.xthumb {
  margin:2px; padding:0;
  border:solid 1px #888888;
}
img.prodthumb {
  margin:1px 3px 3px 1px; padding:0;
  border:solid 1px #888888;
  width:160px;
}
img.prodthumb2 {
  margin:1px 5px 3px 1px; padding:0;
  border:solid 1px #888888;
  width:140px;
}
img.topicthumb {
  margin:6px 8px 4px 8px;
  padding:0; width:286px;
  border-radius:4px;
} 
img.lf {
  position:relative; float:left;
  margin:4px 10px 4px 12px;
} 
img.rt {
  position:relative; float:right;
  margin:4px 10px 4px 12px;
} 

image.overlay {
  width:220px; height:124px; margin:0; padding:0;
}
image.overlay2 {
  width:180px; height:100px; margin:0; padding:0;
}

/* stackable thumbnail blocks that wrap */
table.xthumb {
  position:relative;
  width:220px; height:170px;
  float:left;
  padding:0px; margin:0 4px 12px 6px;
}

/* stackable thumbnail blocks for playlist thumbnails */
table.vthumb {
  position:relative;
  width:180px; height:120px;
  float:left;
  padding:0px; margin:0 0 4px 12px;
}

/* stackable thumbnail blocks for dvds */
table.xthumb2 {
  position:relative;
  width:140px; height:260px;
  float:left;
  padding:0px; margin:0 4px 12px 4px;
}

/* categories */
table.xthumb4 {
  position:relative;
  width:190px; height:170px;
  float:left;
  padding:0px; margin:0 0 5px 5px;
  background:#dddddd;
  border-radius:8px; 
  border-right:1px solid #888888;
  border-bottom:1px solid #888888;
}
table.xthumb td,
table.vthumb td,
table.xthumb2 td,
table.xthumb3 td,
table.xthumb4 td {
  text-align:center;
  vertical-align:top;
}
table.xthumb td,
table.vthumb td {
  text-align:left;
  margin:0; padding:0 8px 0 0;
}

table.xthumb td span,
table.vthumb td span,
table.xthumb2 td span,
table.xthumb3 td span {
  position:relative;
  display:inline-block;  /* this has no effect in IE7 */
  margin:0; padding:0; margin:0;
}
img.vthumb {
  margin:0; padding:0; background:#dddddd;
  border-radius:4px; width:180px;
}
img.zthumb {
  margin:0; padding:0; background:#dddddd; width:220px;
  border-radius:4px;
}

img.art {
  padding:1px; background:#666666;
  border:solid 20px #000000;
}
   
table.catalog { 
  margin:2px 6px 2px 8px; padding:0;
  width:94%;
}
  table.catalog td,table.catalog td p {
    margin:0; padding:0;
  }

table.prodopt {
  float:right;
  margin:2px; padding:0;
}
  
table.t2 {
  width:94%;
}
table.t3 {
  width:270px;
}

table.hours {
  width:90%; padding:0; 
  max-width:200px;
}
  table.hours td {
    margin:0; padding:4px 0 4px 0; border-bottom:2px dotted #aaa;
  }

table.chart {
  margin:2px 2px 2px 12px; padding:0;
  background:#888888;
}
  table.chart td {
    background:#ffffff; padding:2px 4px 2px 2px;
  }

td.col2 {
  width:350px;
}

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.bleft {  /* left aligned image, border */
  float:left; margin:2px 10px 2px 0;
  border:1px solid #666666;
}
img.bright {  /* left aligned image, border */
  float:right; margin:4px 10px 4px 10px;
  border:1px solid #666666;
}
img.dleft {  /* left aligned image for use with ul.dlist */
  float:left; margin:2px 10px 2px 12px;
  border:1px solid #666666;
}

img.social {
  margin:0 8px 0 0;
}

iframe.noshow {visibility:hidden;}

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

object.p1 {
  margin:2px 6px 2px 4px; padding:0;
}

p.c1 { /* centered */
  text-align:center; line-height:normal;
  margin:2px 6px 2px 4px; padding:0;
}
p.p1 { /* normal line height for narrow columns */
  margin:2px 6px 2px 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;
  font-size:10px; line-height:normal;
  margin:-16px 12px 0 0; padding:0;
}
p.r2 {
  text-align:right;
  line-height:150%;
  margin:4px 4px 4px 4px; padding:0;
}

.pleft {
  text-align:left;
}

#pagehead p {
  display:inline;
  text-align:left;
}
#footer p {
  position:relative;
  text-align:right; margin:0; padding:0 0 0 4px;
}
#footer p.xnav {
  position:relative;
  text-align:left; margin:0; padding:0 0 0 4px;
  line-height:130%;
}
  
pre.p2 {
  line-height:150%;
  margin:4px 4px 0 12px; padding:0;
}

table.t1 { /* no left margin */
  margin:2px 6px 2px 0; padding:0;
}
table.t2 { /* no left margin */
  margin:2px 6px 2px 0; padding:0;
  width:80%;
}
table.gsearch { /* Google Search box */
  width:480px;
  border:0; margin:0; padding:0;
}
table.gsearch table {
  margin:0; padding:0;
}

table.domainlist {
  width:800px;
}
tr.hbar {
  background:#303030;
}
  
ul.alist {
  margin:4px 0 0 12px; padding:0;
}
ul.alist li {
  margin:2px 0 2px 0; padding:1px 0 0 22px; width:90%;
  background:transparent url(images/bullet2.png) 0 7px no-repeat;
}
  
ul.clist {
  margin:4px 0 0 10px; padding:0;
}
ul.clist li {
  margin:2px 0 4px 0; padding:1px 2px 2px 0; width:94%;
  background:transparent;
  border-bottom:1px solid #333333;
}
ul.clist li.sx { /* selected item */
  margin:2px 0 4px 0; padding:4px 2px 4px 18px; 
  color:#ffffff; background:#444444;
  border:1px solid #888888;
}


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;
}
  
/* left aligned image with bullet list on the right */
ul.dlist {
  margin:4px 0 0 0; padding:0;
}
ul.dlist li {
  margin:2px 0 2px 0; padding:1px 0 0 12px; width:250px;
  background:transparent url(004/bullet.gif) 0 4px no-repeat;
}
#pagehead ul {
  display:none;
}

/* Form fields */
.ckBox { /* checkboxes */
  margin:1px; padding:0;
}
.boxBlur {
  font-family:courier new,courier,monospace; font-size:12px; 
  border:1px solid #c9c9c9; color:#181818; background:#fcfcfb;
  padding:6px;
}
.boxBlur:focus,.boxFocus {
  font-family:courier new,courier,monospace; font-size:12px; 
  border:1px solid #444; color:#181818; background:#ffffdd;
  padding:6px;
}
.boxDisable {
  border:1px solid #cccccc; color:#cccccc; background:#ffffff;
  margin:0 0 2px 0; padding:6px;
}
.boxError {
  font-family:courier new,courier,monospace; font-size:12px; 
  border:1px solid #ff0000; background:#ffcccc; padding:6px; 
}
.searchFocus {
  border:1px solid #fff; color:#000; background:#fff;
  margin:0 0 2px 0; padding:4px; width:170px;
}
.fbutton {
  border:1px solid #666666; color:#0047EA; background:#eeeeee;
  margin:0; padding:0;
}

/* forms on other pages */
textarea#textcount {
  width:500px;
}
textarea#compress1,
textarea#text1,
textarea#text2 {
  width:600px;
}
input#flines {
  width:250px;
}

input.xradio {
  padding:0; margin:4px 4px 4px 0;
}
  
/* Misc Classes */

.border1 {  /* used for images instead of border="1" */
  border:1px solid #666666;
}

.counter {color:#aaaaaa;}

.dash2 {
  position:relative; display:block; color:#000000; font-weight:bold;
  margin:0 10px 4px 12px; padding:0 0 2px 0;
  border-bottom:1px dashed #888888;
}
.dash3 {  /* p2 paragraph separator, extra right margin */
  position:relative; display:block; line-height:4px;
  margin:0 80px 4px 20px; padding:0;
  border-bottom:1px dashed #888888;
}
.dash4 {  /* p3 paragraph separator */
  position:relative; display:block; line-height:4px;
  margin:0 20px 4px 20px; padding:0;
  border-bottom:1px dashed #888888;
}
.hdate { /* dates under H2 headings (articles, etc) */
  position:relative; display:block; color:#008800; font-weight:bold;
  margin:0 10px 4px 12px; padding:0 0 2px 0;
}
.sm {position:relative; top:-4px; font-size:9px; font-weight:normal;} /* service mark (sm) */
.super {position:relative; top:-4px; font-size:10px;} /* superscript */

.xbig {  
  font-size:18px; color:#000099;
}
.xdash {border:1px dashed #000000;} 

.xline {
  position:relative; display:block; line-height:4px;
  margin:0 2px 8px 12px; padding:0;
  border-bottom:1px solid #888888;
}
.xred {color:#ff0000;} /* form errors */
.xhighlt {color:#f75d00;} /* search highlights */
.xword {font-weight:bold; color:#dddddd;}

span.st2 {
  display:none;
}


/* 
   Containers for this layout
   -----------------------------------------------------------------------------
   For this site, #container needs a fixed width so all of the backgrounds and other
   divs inside it line up. Otherwise there are some 1px rounding issues depending on the 
   size of the browser window.
*/

/* Page Header, full width of container, OUTSIDE OF CONTAINER */
#pagehead {
  position:fixed; left:0; top:0; height:170px; width:100%;
  text-align:center; margin:0; padding:0;
  overflow:visible; z-index:96; /* must be less than drop menu z-index */
  background:#fff url(images/header_blue.png) center -78px repeat-x;
}
  #pagehead div.navbar {  /* width and height necessary for image replacement */
    position:absolute; top:4px; left:4px; width:400px; height:64px;
    text-align:left; margin:0; padding:0;
    /* overflow:visible; */
  }
    #pagehead div.navbar img {
      width:230px;
    }
  /* DIVs for navigation links */
  div.navlinks {
    position:absolute; top:80px; left:260px; width:720px; height:40px;
    text-align:left; margin:0; padding:0;
  }
  div.bannerad728 {
    position:absolute; top:2px; right:8px; width:468px; height:60px; 
  }
  div.shoppingcart {
    position:absolute; top:132px; right:10px; width:350px;
    text-align:right;
  }
    div.shoppingcart img {
      position:relative; top:3px;
    }
  div.searchbox {
    position:absolute; top:130px; left:10px; width:220px; height:30px;
    background:#fff; border:1px solid #ccc;
    text-align:left;
  }
    div.searchbox input {
      position:relative; top:-6px;
    }
  div.donate {
    position:absolute; top:20px; right:10px; width:170px; height:64px;
    text-align:right;
  }
  div.social {
    display:none;
    position:absolute; top:124px; left:820px; width:180px;
    text-align:right;
  } 
  div.mobilemenu {
    position:absolute; top:24px; left:15px; width:44px; height:44px; 
    margin:0; padding:0; overflow:hidden; display:none;
  }
  div.eventbanner {
    position:relative; top:130px; width:50%; min-height:80px;
    margin:0 auto 0 auto; padding:4px; overflow:visible;
    background:#ccffdd; border:2px solid #00cc00;
    border-radius:4px;
    visibility:hidden;
  }

#container {
  position:relative; 
  min-height:100%; margin-bottom:-260px; /* -height of footer */
  text-align:center; padding:0;
}
#container:after {
  content:""; display:block; height:260px; /* height of footer */
}   
  #pagebody {
    position:relative; 
    text-align:left; margin:0; padding:180px 0 0 8px;
  }
    /* Full width container CLASS for full width backgrounds */
    div.contentbg {
      position:relative; width:100%;
      text-align:left; margin:0; padding: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;
      }
          /* Columns, Total width must be <= 980px */
          
          /* LEFT columns */
          div.L_xxsmall,
          div.L_xsmall,
          div.L_small,
          div.L_large,
          div.L_xlarge,
          div.L_xxlarge,
          div.L_full,
          div.L_full2 {
            position:relative; float:left; margin:0; padding:0;
          }
          
          /* 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;
          }
          
          /* 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:300px;}
          div.L_small,div.R_small {width:360px;}
          div.L_large,div.R_large {width:490px;}
          div.L_xlarge,div.R_xlarge {width:500px;}
          div.L_xxlarge,div.R_xxlarge {width:600px;}
          div.L_full {width:994px;}
          div.R_full {width:970px;}
          div.L_full2 {width:1000px;}
          
          div.N_full {position:relative; margin:0; padding:0; width:994px;}
          
    /* Footer, extends to bottom edge of window */
    #footer {
      position:relative; height:260px; min-height:260px;
      margin:0; padding:0;
      background:#444;
      border-top:5px solid #000000;
    }
      div.ftcenter {
        position:relative;
        margin:0; padding:15px 8px 0 8px;
      }
      div.L_footer {
        position:relative; float:left; width:140px; margin:0; padding:0;
      }
      div.L_footer2 {
        position:relative; float:left; width:120px; margin:0; padding:0;
      }
      div.R_footer {
        position:relative; float:right; width:300px; margin:0; padding:0;
      }

      
/* 
   Page specific styles
   -----------------------------------------------------------------------------
   Define styles and style groups that are only used on certain pages
*/

div.C_small,
div.C_small2,
div.C_small3,
div.C_small4,
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:470px;
  margin:0 10px 0 10px; padding:0; overflow:hidden;
}
div.C_small2 {
  max-width:460px; min-width:460px;
}
div.C_small3 {
  max-width:300px; min-width:300px;
}
div.C_small4 {
  max-width:200px; min-width:200px;
}
div.C_med {
  width:65%; max-width:650px;
}
div.C_large,
div.C_large2,
div.C_title {
  position:relative; display:inline-block; vertical-align:top;
  text-align:left; width:97%; max-width:960px; min-width:470px;
  margin:0; padding:0; overflow:hidden;
}
div.C_title {
  margin:20px 0 0 0;
}
div.C_large2 {
  width:96%;
  max-width:100%;
  margin:0 2px 0 10px;
}
div.C_small3 img,
div.C_small2 img,
div.C_med img,
div.C_large img,
div.C_large2 img,
div.C_title img {
  max-width:100%;
}

div.imgbar {
  position:relative; display:inline-block; vertical-align:top;
  text-align:center; max-width:28%;
  margin:0; padding:2%; overflow:hidden;
} 
  div.imgbar img {
    width:100%; max-width:100%;
  }   
      
/* homepage */
#fullphoto {
  position:relative; width:100%;
  margin:0; padding:170px 0 0 0; 
  text-align:center;
  overflow:hidden;
}
#pag_home #pagebody {
  padding:0; min-height:100px;
}
#fullphoto img.leafpic {
  width:100%; margin:0; padding:0;
}
#photocredit {
  position:absolute; width:100%;
  left:0px; top:90px; margin:0; padding:0;
  z-index:95;
}
#photocredit img.slidecover {
  width:100%;
}


#pag_livingfoodfilms img#nomidvd {width:400px;}

#pag_channel h1 {font-size:30px;}


/* channel video player: div id="pag_vidplayer" */
#pag_vidplayer iframe {
  margin:4px 0 0 0;
}

.blankbox h1 {
  margin:0;
}
      
    
/* Tables used for charts */
table.gray1 {background:#aaaaaa; width:95%}
table.gray1 td {background:#ffffff; padding:4px;}
table.gray1 td.ht1 {background:#eeeeee;}  /* td hightlight */
table.gray1 td.ht2 {background:#eeeeff;}  /* td hightlight */
table.gray1 td.ht3 {background:#ffee66;}  /* td hightlight */
table.gray1 h2 {margin:0;}

/* Design215 Guestbook/Comments v01.26.06 */
table.xguest {  /* outside table */
  width:520px; margin:0;
}
table.xguest table {margin:0;}

.gbox {  /* remaining characters field, guestbook */ 
  text-align:right; width:250px;
  border:0; color:#000000; background:transparent;
}
.cbox {  /* remaining characters field, comments */ 
  width:250px;
  border:0; color:#000000; background:transparent;
}
.guestErr {
  font-weight:bold; color:#ff0000; 
}
.gline { /* user entries separator */
  position:relative; display:block; line-height:4px;
  margin:0 20px 4px 20px; padding:0;
  border-bottom:1px dashed #888888;
}
.xquote1,.xquote2 {display:none;}

h2.cmttot,
h2.gstbk {margin:2px 2px 2px 12px; padding:0; background-image:none;}

p.gst1 {margin:0 0 8px 12px}
p.gst1 span {font-weight:bold;}
p.gst2 {margin:0 60px 0 12px}

/* _getcomments.php */
input#gname,
input#gemail {
  width:240px;
}
textarea#gtext {
  width:500px;
}

/* Design215 Slideshow, index.php */
#pag_home #xssw1,
#pag_home #xssw2 {
  /* 2012 update: opacity set with css on slideshow page */
  position:absolute; visibility:hidden;
  background:transparent;
  margin:0; padding:170px 0 0 0;
  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%;
}
#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:rgba(0,0,0,0.8); color:#fff; padding:4px;
  border-radius:2px; border:1px solid #666;
  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:'source_sans_proregular',arial,sans-serif; font-size:22px; 
    position:relative; display:block; height:22px;
    font-weight:bold; color:#ffffff; text-transform:uppercase;
    margin:0 16px 0 6px; padding:14px 3px 14px 12px;
    border-bottom:1px dotted #666;
  }
  #menu1 a:link,
  #menu1 a:visited {text-decoration:none; color:#ccc;}
  #menu1 a:hover {
    text-decoration:none; color:#000; background:#ddd;
  }

#menu2,#menu3,#menu4 {
  position:fixed; visibility:hidden; z-index:99;
}
#menu2 {width:225px;} /* about */
#menu3 {width:225px;} /* store */
#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:#fff;
    margin:0; padding:6px 3px 6px 12px;
  }
  div.dropx a:link,
  div.dropx a:visited {text-decoration:none; color:#ccc;}
  div.dropx a:hover {
    text-decoration:none; color:#000; background:#aeff00;
  }
div.xclearmenu { /* content under columns */
  position:relative; clear:both; width:400px; 
  margin:0; padding:0;
}


/* gallery page, images.php */
#xpic {  
  position:relative;
}

/* info box for full size images */
div#infobox {
  position:absolute; left:150px; top:200px;
  background:#eeeeee;
  border:4px solid #444444;
  margin:0; padding:10px;
  text-align:center;
  visibility:hidden;
  z-index:999;
}

/* iframe box for adding items to cart */
div#cartbox {
  position:absolute; left:150px; top:200px;
  background:#222222;
  border:1px solid #84ff3f;
  margin:0; padding:10px;
  text-align:center;
  visibility:hidden;
  z-index:999;
}
#pag_popup {
  margin:0; padding:0; height:100%; 
  background:#222222;
}
#pag_popup div#container {
  width:100%; margin:0; padding:0;
  text-align:left;
}


/* modal dialog */
.modal-overlay {
  position:fixed;
  width:100%; height:100%; left:0; top:0;
  background:rgba(255,255,255,.6);
  overflow:auto;
  transition:opacity .2s;
  z-index:-1;
}
.modal-overlay[aria-hidden="true"] {
  opacity:0;
  visibility: hidden;
}
.modal-overlay[aria-hidden="false"] {
  opacity:1;
  visibility:visible;
  z-index:999;
}
.modal-content {
  position:relative; top:20%;
  margin:auto;
  width:94%; min-height:360px; max-width:600px;
  background:#fff; color:#e4701e; padding:4px;
  border-radius:8px; border:6px solid #00cc00;
  box-shadow:8px 8px 24px rgba(0,0,0,0.5);
}
.modal-content p {
  padding:0 20px 0 20px;
}
.modal-overlay[aria-hidden="false"] .modal-content {
  transform: scale(1);
}
.btn-close {
  position:absolute;
  background:none; border:0; cursor:pointer; color:#000;
  font-family:arial; font-size:30px; font-weight:800;
  line-height:12px; padding:0;
  right:.25em; top:.3em;
  z-index:2;
}
.btn-close:hover {color: #ff0000;}


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

div.navlinks2 .noshow {display:inline;}


/* PCart Shopping Cart Styles and Overrides */
p.pcart {
  position:relative; max-width:470px;
  line-height:normal;
  margin:2px 6px 2px 12px; padding:0;
}
div.pclear {
  position:relative; clear:both;
  margin:0; padding:0;
}

iframe#pcframe1 {
  border:1px solid #ddd;
  margin:0 0 0 12px;
  display:none;
}

iframe#pcframe2 {
  position:relative;
  margin:0; padding:0; border:0;
  display:none;
}

/* iframe box for adding items to cart */
div#cartbox {
  position:fixed; left:50%; top:50%;
  width:460px; min-height:240px;
  background:#fff;
  border:1px solid #888;
  margin:-120px 0 0 -235px; padding:8px 2px 2px 2px;
  text-align:left;
  visibility:hidden;
  z-index:999;
  border-radius:4px;
  box-shadow:2px 2px 16px rgba(0,0,0,0.4);
}

#pcartItemCount {
  position:relative; 
  text-align:center;
  margin:0; 
}
#pcartItemCount a {
  font-family:verdana,helvetica,sans-serif; font-size:14px; color:#f75d00;
  text-decoration:none; font-weight:bold;
  background:none;
  padding:0; margin:0px;
  border-radius:none;
}
#pcartItemCount a:hover {
  text-decoration:none; font-weight:bold; color:#fff;
}
img.pccarticon {
  vertical-align:middle;
}

form.pcartAddBtn table {
  float:right;
  margin:2px; padding:0;
}
form.pcartAddBtn table td {
  vertical-align:bottom;
  padding:2px;
}

.addBtnQuan {
  font-size:14px; font-weight:bold;
  border:1px solid #c9c9c9; color:#181818; background:#fcfcfb;
  padding:5px;
}
.addBtnQuan:focus {
  font-size:14px; font-weight:bold;
  border:1px solid #8fd700; color:#181818; background:#ffffdd;
  padding:5px;
}
p.pcitemprice {
  padding:0 0 8px 0;
  font-family:arial,helvetica,sans-serif; font-size:24px; 
  font-weight:bold; color:#000;
}

div#pcartLogin {
  position:relative;
  width:100%; max-width:400px; min-height:400px;
  padding:0; margin:0;
}
div#pcartAccount {
  position:relative;
  width:100%; max-width:420px; min-height:400px;
  padding:0; margin:0;
}
div#errmsg h2,
div#errmsg p {
  color:#ff0000;
}

img.pcprodimg {
  margin:0; padding:4px 0 8px 0;
  width:120px; height:auto;
}  
img.pcplaceholder {
  margin:1px 3px 3px 1px; padding:0 20px 0 20px;
  border:solid 1px #dddddd;
}  
div#pcartDiv {
  position:relative;
  width:100%;
  padding:0; margin:0;
}
.pcbg1 {
  background:#eee;
}
.pcbg2 {
  background:#fff;
}
.pcdivline {
  border-bottom:1px solid #ccc;
}

table.pctotal {
  position:relative; float:right;
  width:300px; margin:0 4px 0 0; padding:0;
}
  table.pctotal td {
    font-size:14px;
  }
  
.pcNavBtns {
  position:relative;
  text-align:right;
}

input.btn2 {
  line-height:20px;
  font-family:verdana,helvetica,san-serif; font-size:14px; font-weight:bold; 
  letter-spacing:1px; vertical-align:middle; color:#fff;
  margin:0 1px 0 4px; padding:2px 8px 3px 8px; background:#0088ed;
  border:2px solid #000; border-radius:6px;
  cursor:pointer;
}
input.btn2:hover {
   background:#00cc00;
}

a.pcBtn {
  line-height:20px;
  font-family:verdana,helvetica,san-serif; font-size:14px; font-weight:bold; 
  letter-spacing:1px; vertical-align:middle; color:#fff;
  margin:0 1px 0 4px; padding:4px 12px 6px 12px; background:#0088ed;
  border:2px solid #000; border-radius:6px;
  display:inline-block;
  cursor:pointer;
}
a.pcBtn:link,
a.pcBtn:visited {text-decoration:none; font-weight:bold; color:#fdfdfd;}
a.pcBtn:hover   {
  text-decoration:none; font-weight:bold; color:#fff; background:#00cc00;
}

div.topR {
  position:absolute; top:6px; right:8px;
  padding:0; margin:0; width:24px; height:24px;
}
a.boxClose {
  display:block; width:24px; height:24px;
  font-family:verdana,helvetica,san-serif; font-size:16px; font-weight:bold; 
  text-align:center; vertical-align:middle; color:#666;
  margin:0; padding:0; background:#fff;
  border-radius:5px;
  cursor:pointer;
}
a.boxClose:link,
a.boxClose:visited {text-decoration:none; font-weight:bold; color:#666;}
a.boxClose:hover   {
  text-decoration:none; font-weight:bold; color:#fff; background:#cc0000;
}

span.req {
  font-family:verdana,helvetica,sans-serif; font-size:12px; font-weight:bold; color:#ff0000;
} 
/* PCart Styles End */


@media only screen and (max-width:980px) {
  /* Style adjustments for viewports that meet the condition */
  h1 span,
  div.navlinks,
  div.navlinks2,
  div.bannerad728 {
    display:none;
  }
  #pagehead {
    height:140px;
    border-bottom:1px solid #aaa;
    background:#fff url(images/header_blue.png) center -108px repeat-x;
  }
  #pagehead div.navbar {  /* width and height necessary for image replacement */
    position:relative; top:4px; left:-10px; width:240px; height:70px;
    text-align:center; margin:0 auto 0 auto; padding:0;
  }
    #pagehead div.navbar img {
      width:170px;
    }
  div.mobilemenu {
    display:block; top:6px;
  }
  div.shoppingcart {
    position:absolute; top:104px; right:8px; width:350px;
    text-align:right;
  }
    div.shoppingcart img {
      position:relative; top:3px;
    }
  div.searchbox {
    position:absolute; top:100px; left:10px; width:220px; height:30px;
    background:#fff; border:1px solid #ccc;
    text-align:left;
  }
    div.searchbox input {
      position:relative; top:-6px;
    }
  div.donate {
    position:absolute; top:6px; right:2px;
    text-align:right;
  }
  div.eventbanner {
    position:relative; top:68px; width:80%;
  }

  #pagebody {
    padding:150px 0 0 4px;
  } 
  #headpic {
    height:300px;
  }
  #footer {
    height:450px;
    padding:12px 0 0 0;
  }
  div.navbar {
    position:relative; left:0; top:4px;
    margin:0 auto 0 auto;
  }

  div.C_med {
    width:96%;
  }
  div.C_large {
    width:96%;
    margin:0;
  }
  div.C_large2 {
    width:98%;
    margin:0 2px 0 4px;
  }
  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;
  }
  
  img.topicthumb {
    margin:2px 2px 4px 4px;
    padding:0; width:220px;
    border-radius:4px;
  } 
  div.xboxv { /* video playlist boxes */
    position:relative;
    display:inline-block; width:420px; height:auto;
    background:transparent;
    border:0; 
  }
  div.xboxt { /* video playlist boxes */
    position:relative;
    display:inline-block; width:230px; height:auto;
  }
  p.p6,p.quote {
    font-size:16px;
  }
  br.nb {display:block;}

  div.rdifference {
    display:none;
  }
  div.fnav {
    top:14px; left:20px;
  }
  div.xsocial {
    top:44px; left:10px;
  }
  div.fcredits {
    width:60%; top:14px; right:10px;
  }
  br.nb {display:block;}

  /* slideshow */
  #fullphoto {
    padding:140px 0 0 0;
  }
  #pag_home #xssw1,
  #pag_home #xssw2 {
    padding:140px 0 0 0;
  }
  
  /* menus */
  div.dropx a {
    font-family:'source_sans_proregular',arial,sans-serif; font-size:24px; 
    text-transform:uppercase; letter-spacing:1px;
    height:24px; font-weight:normal; color:#000;
    margin:0; padding:12px 3px 12px 20px;

  }
}

/* @media all and (max-width:640px) { */
@media all and (orientation:landscape) and (max-width:640px) {
  #pagehead {
  }
}