html  {
margin: 0;
padding: 0;
}

body {
background: #CCCC99;
color: #333333;
font-family : Arial, sans-serif;
margin: 10px;
font-size: 90%;
}

html > body {
  font-size: 10pt;
}

p, td, table {
vertical-align: top;
}

a:link {
color : #336699;
background-color: transparent;
text-decoration: underline;
}
a:visited {
color : #666666; 
background-color: transparent;
text-decoration: underline;
}
a:hover {
color : #FFFFFF;
background-color: #666633;
text-decoration: none;
}
.pic a:hover {
color : #FFFFFF;
background-color: #FFFFFF;
text-decoration: none;
}
a:active {
color : #FFFFFF;
background-color: #666633;
}

table#top {
  width: 100%
  }

td {
  padding: 0.25em;
  }

#topnav {
  width: 230px;
  vertical-align: top;
  }
  
#topnav p {
  list-style: none;
  }
  
td#topnav p {
  text-align: center;
  font-weight: bold;
  margin-top: 1px;
  margin-left: 0;
  margin-bottom: 1px;
  margin-right: 0;
  font-size: 90%;
  }
td#topnav p a:link {
  color: #333333;
  text-decoration: none;
  }
td#topnav p a:visited {
  color: #333333;
  text-decoration: none;
  }
td#topnav p a:hover {
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  background-color: #666633;
  }
body.home #topnav p#nav-home a, body.about #topnav p#nav-about a, body.lessons #topnav p#nav-lessons a, body.links #topnav p#nav-links a, body.merit #topnav p#nav-merit a, body.order #topnav p#nav-order a, body.book #topnav p#nav-book a, body.products #topnav p#nav-products a, body.price #topnav p#nav-price a, body.top10 #topnav p#nav-top10 a, body.knives #topnav p#nav-knives a, body.blocks #topnav p#nav-blocks a, body.walk_top #topnav p#nav-walk_top a, body.beg #topnav p#nav-beg a, body.adv #topnav p#nav-adv a, body.boards #topnav p#nav-boards a, body.articles #topnav p#nav-articles a, body.tip_youth #topnav p#nav-tip_youth a, body.tip_adults #topnav p#nav-tip_adults a, body.tip_carvers #topnav p#nav-tip_carvers a, body.tip_knives #topnav p#nav-tip_knives a, body.gallery #topnav p#nav-gallery a, body.projects #topnav p#nav-projects a, body.slides #topnav p#nav-slides a, body.sandpaper #topnav p#nav-sandpaper a
{
  display: block;
  color: white;
  background-color: #336699;
}


/*  SALE PAGE ONLY */
td#topnav p#nav-sale a:link {
  color: #ff0000;
  text-decoration: none;
  }
 td#topnav p#nav-sale a:visited {
  color: #ff0000;
  text-decoration: none;
  }
td#topnav p#nav-sale a:hover {
  display: block;
  color: #ffffff;
  text-decoration: none;
  background-color: #ff0000;
  }
body.salepage #topnav p#nav-sale a
{
  display: block;
  color: white;
  background-color: #ff0000;
}

div.sale {color: red; font-weight: bold;}

.subnav {
  margin-top: 3px;
  margin-left: 0;
  margin-bottom: 3px;
  margin-right: 0;
}

#content {
  width: 90%;
  vertical-align: top;
  text-align: left;
  background-color: white;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 5em;
  }

h1 {
font-size : 130%;
font-weight : bold;
color : #336699;
background-color: transparent;
text-align: left;
margin-bottom: 1em;
}

h2 {
clear: both;
font-size : 115%;
font-weight : bold;
color : #666633;
background-color: transparent;
margin-bottom: 2px;
padding-bottom: 0px;
}

h3 {
font-size : 110%;
font-weight : bold;
color : #669966;
background-color: transparent;
}


p {
margin-top: 2px;
padding-top: 0px;
}

.textSm {
font-size: 85%;
}

.grey {
color: #666666;
}

.returntotop {
text-align: left;
font-size: 85%;
padding-left: 30px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 30px;
  clear: both;
}

img {
  border: 0;
  }

body.links ul.links li {
  margin: 1em 0;
  }
  
#footer {
  margin-top: 3em;
  padding-bottom: 20em;
  border-top: 1px solid #333333;
  font-size: 75%;
  }
 
div.photo_right {
  float: right;
  border: 1px gray solid;
  padding: 5px;
  font-style: normal;
  text-align: center;
  margin: 6px 0 6px 6px;
  font-size: 80%;
  }

div.photo_left {
  float: left;
  border: 1px gray solid;
  padding: 5px;
  font-style: normal;
  text-align: center;
  margin: 6px 6px 6px 0;
  font-size: 80%;
  }
  
.subtotal {
  padding-left: 4em;
  font-weight: bold;
  }

.price {
  text-align: right;
  }

.order_form {
  font-size: 80%;
  }
  
.styles {
  margin: 1em;
  clear: left;
  display: inline;
  }

.ret {
  width: 75%;
  }
.ret_thumb {
  width: 50%;
  }
.ret_page {
  width: 25%;
  }

.motto {
  padding: 1em;
  padding-top: 0;
  font-size: 100%;
  color: #FF6633;
  font-style: italic;
  font-weight: bold;
  }

.upcoming_events {
  margin: 1em 0;
  padding: 0.5em;
  padding-top: 0;
  border: solid #336699 1px;
  clear: both;
  }

.upcoming_events h2 {
  margin-top: 0;
  margin-left: -0.25em;
  font-style: italic;
  color: #FF6633;
  }
  
.sale {
  font-weight: bold;
  color: #FF0000;
  }
  
.internalselected {
  color: #FF6633;
  }

span.newsnote {font-weight: bold; color: red;}

/* global buttons */
.btnGrey { background-color:#ccc; border-width:1px; border-style:solid; border-color:#000000; font:bold 10.5px Verdana,Arial,Helvetica,sans-serif;cursor: pointer; }
.btnGreyOn { background-color:#666; border-width:1px; border-style:solid; border-color:#000000; color:#fff; font:bold 10.5px Verdana,Arial,Helvetica,sans-serif;cursor: pointer; }


.DoNotDisplay {
  display: none;
  }
  
/* Galley View -- everything but the div, which changes on each page */
div.pic ul {margin: .25em; padding: 0.1em; font-size: 90%; }
div.pic li.title {display: block; list-style: none; text-align: center; font-weight: bold;}
div.pic li.price {display: block; list-style: none; text-align: center; font-weight: normal;}
div.pic li.catno {display: block; list-style: none; text-align: center; font-weight: normal; font-size: 80%;}
.catno {display: block; list-style: none; text-align: center; font-weight: normal; font-size: 80%;}
div.pic li.diff {display: block; list-style: none; text-align: center; font-weight: normal; font-size: 80%;}
div.pic li.addtocart  {display: block; list-style: none; text-align: center; margin-top: 4px;}
div.pic li.pic { display: block;  list-style: none; text-align: center; margin-top: 5px;}



div.pic li.title a:hover, div.pic li.title a:active {
color : #FFFFFF;
background-color: #666633;
text-decoration: none;
}
 
div.pic li.diff a:hover, div.pic li.diff a:active {
color : #FFFFFF;
background-color: #666633;
text-decoration: none;
}
 
  
  
  
@media print {
  .DoNotDisplay {
    display: block;
    }
  #topnav {
    display: none;
    }
  #footer {
    display: none;
    }
    }