/* li, 1/03 for vavstuga.com

known bugs: 
 NN4 navbar width, footer border, photo margin, strange printing for navbar, 
 		extra space btw navbar & content, map border creates extra empty box,
 		map imgs won't load next to each other,
 		14px bold appears as 12px bold (highlight, listhead, contrast)
 NN4 doesn't support content centering or list-style-image
 NN4 & IE5 don't support a:hover or a:active
 IE5 ul>li margin doesn't work
 
*/

body { 
	background-color: white;
	color: black;
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	margin-left: 15px;
	margin-right: 15px;
}

#banner {
	text-align:left;
/*	background-image: url(images/greywhitetwill-tile4.jpg); */
    background-repeat: repeat-x; 
	background-image:   url(images/getz-tile.jpg);
}

#bannertest {
	text-align:left;
	background-image:   url(images/getz-tile.jpg);
    background-repeat: repeat-x; 
	margin-bottom: 0;
}
#bannertest img {  border: 0; }

#banner img {
	border:0;
}

#navbar {
	text-align: left;
	color: #fff;  /* dark red #600;  */
	background-color: #000;  /* gray #777; */
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px; 
	font-weight: bold;
/*	line-height: 20px; */
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 0;
}
/*
gray-blue #A2ABB4;
green-gold #BEAE74;
gray-green #A9BE74;
*/

div#navbar a:hover, #navbar a:active {  /* colors not working in mozilla (why?) */
	color: #fff;  /* bright red #BF0B14;    dark red #600;  */
	background-color: #000;  /* gray #777; */
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

div#navbar a:link, #navbar a:visited {  
	color: #E7C047;  /* white #fff; */
	background-color: #000;  /* gray #777; */
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#content {
	margin-top: 20px;
	margin-bottom: 30px;
	text-align: left;
}

#sidenav {
	width: 200px; 
	float:left; 
	height: auto;
	text-align: left;
	margin-right: 15px;
	border: 1px solid #404040;  /* light gray #ddd; */
	margin-bottom: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right:10px;
}
#sidehelp {
	width: 190px; 
	height: auto;
	text-align: left;
	margin-right: 10px;
	border:1px solid #900;
	margin-bottom: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}


#rightcontent {
	margin-top: 20px;
	margin-left: 230px;
	margin-right: 10px;  /* breathing space */
	text-align:left;  /* needed for NN4 */
	padding-left:10px;
}

#leftphoto {  /* front page */
	width:200px;
	float:left;
	height: auto;
	margin-right: 15px; 
}

#leftphoto img {
	border:0;
	margin-bottom:10px;   /* doesn't work in IE */
}

#righttext { /* front page */
	text-align:left;
	margin-left: 210px; 
}
#slogan { /* front page, replacing slogan from #righttext */
	text-align:center;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* front page redesign, 12/2007 */
div.rightgrid {
	float: right;
	width: 49%;
}
div.leftgrid {
	width: 49%;
}
div.topimgright {
	float: right;
}
img.floatleft { 
	float: left;
	border: 0;
}

div.borderblock {
	background-color:#eee;
	color:#000;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 20px;     /* doesn't work in IE */
	margin-bottom:20px;
}
div.borderblockright, div.borderblockleft {
	background-color:#fff;
	color:#000;
	padding-left: 8px;
	padding-right: 8px;
	border-top:1px solid #900;
	border-bottom:1px solid #900;
	min-height: 198px;  /* 198px if images 200px high /  173px;  with if 175px high */
	height: auto;
}
/* for IE */
/*\*/
* html div.borderblockright, * html div.borderblockleft {
	height: 198px;  /* 198px if images 200px high /  173px;  with if 175px high */
}
/**/

div.borderblockright { 
	margin-right: 165px;
	margin-bottom:20px;
	border-left:1px solid #900;
}
div.borderblockleft { 
	margin-left: 165px;
	margin-bottom:20px;
	border-right:1px solid #900;
}
div.clearboth { 
	clear: both;
}
div.clearleft {
	clear: left;
}
div.clearright {
	clear: right;
}


div.formsubmit {
	background-color:#eee;
	color:#000;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 20px;     /* doesn't work in IE */
	margin-bottom:20px;
}
h2 {  /* classes, guest teachers */
	font-size: 14px;
	font-weight: normal;
	color: #900;
}
h2.formsubmithead {
	font-size: 12px; 
	color: #900;
	background-color:#eee;  /* appears only in div.formsubmit */
}
h2.moviegroup {
	font-size: 14px;
	font-weight: bold;
	background-color: #ccc;
	padding-top: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	color: #900;
	border-top: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 0px;
}
h3.movielist {
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	margin-top: 0px;
	background-color: #eee;
	color: #000;
	padding: 2px 2px 2px 2px;
}
object {  /* embedded movies */
/*	margin-bottom: 20px; */
	margin-top: 20px;
}

/*div.book {
	clear:left;
}
div.bookphoto {
	float:left;
	border:1px solid blue;
}
.book img { 
	float: left; 
	padding-right: 10px; 
	padding-bottom: 10px; 
}
div.bookinfo {
	margin-left:160px; 
	border:1px solid red;
}*/


#righttext a:link, #righttext a:visited  {
	text-decoration: none;
	color:#000; 
	background-color:#eee;  /* appears only in div.borderblock */
}
#grid a:link, #grid a:visited  {
	text-decoration: none;
	color:#000; 
	background-color:#fff;  /* appears only in div.borderblock */
}

#righttext h2>a:link, #righttext h2>a:visited  {  /* doesn't work in IE5.5win, which displays black text */
	text-decoration: none;
	color:#900;
	background-color:#eee;  /* appears only in div.borderblock */
}
#grid h2>a:link, #grid h2>a:visited  {  /* doesn't work in IE5.5win, which displays black text */
	text-decoration: none;
	color:#900;
	background-color:#fff;  /* appears only in div.borderblock */
}


#article {  /* tie-up */
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border: 1px solid #ddd;
}


#copyright { 
	clear:both;   /* affects spacing in opera */
	border-top: 1px solid #ccc;
	margin-top: 0px; 
	padding-top: 2px;
	text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #666;
	background-color: #fff;
}

h1 {
	font-size: 14px; 
	color: #900;
	background-color: #fff;
    margin-bottom: -10px;
}
h1.tablefollows {  /* what to bring, sunday sched */
    margin-bottom: 0px;
}
h1.slogan {  /* front page */
	margin-top: 20px;
    margin-bottom: 0px;
	margin-left: 40px; 
	font-size:18px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
h1.sloganschool {  /* front page */
	font-size:18px;
}
h1.sloganexperts {  /* front page */
	font-size: 18px; 
}


h1.clubinstr {  /* instructions for club calendar */
	margin-bottom: 10px;
}
.subtitle {  /* video */
    font-size: 12px; 
}

h2.tagline {  /* front page */
	font-size:14px;
	color:#363;
	background-color: #fff;
    margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 40px; 
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
h2.taglinehaven {  /* front page */
	font-size: 16px;  /* 14px */
	font-weight: normal;
	font-style: italic;
	color:#363;
	background-color: #fff;
}

h2.listhead {  /* front page */
	font-size: 12px; 
	color: #900;
	background-color:#eee;  /* appears only in div.borderblock */
}
h2.listheadnew {  /* front page */
	font-size: 14px; 
	color: #900;
	background-color:#fff;  /* appears only in div.borderblock */
}
h2.listhead>a:link, h2.listhead>a:visited  {  /* doesn't work in IE5.5win, which displays black text */
	text-decoration: none;
	color:#900;
	background-color:#eee;  /* appears only in div.borderblock */
}
h2.listheadnew>a:link, h2.listheadnew>a:visited  {  /* doesn't work in IE5.5win, which displays black text */
	text-decoration: none;
	color:#900;
	background-color:#fff;  /* appears only in div.borderblock */
}

h2.instr, h2.instrclose {/* tie-up, new class descr */
	font-size: 14px; 
	font-weight: normal;
	color:#900;
	background-color:#fff; 
}
h2.instrclose { /*new class descr */
   margin-bottom: -10px;
}
h2.classsample {  /* e.g. Choice (not currently in use) */
	color: #000;
	background-color: #fff;
	margin-top: 15px;
	margin-bottom: 5px;	
}
h2.classgallery {  /* extended sample photos, e.g. Choice */
	color: #000;  /* green = nextlabel  #363; */
	background-color: #fff;
	margin-top: 15px;
	margin-bottom: 5px;	
}
h2.event { /* main page of classes */
	margin-bottom: -10px;
}

div.club {  /* club project photos */
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	width: 160px;   /* testing **** orig 260 px */
	height: 200px;
}
div.club img { /* testing ******  orig files 250px square */
/*	width: 150px; height: 150px; */
}

p.club-loom {
	margin: 0;
	padding: 0;
}
p.club-proj {
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
}
p.club-descr {
	margin: 0;
	padding: 0;
	margin-top: 2px;
}
p.class-proj  {
	margin: 0;
	padding: 0;
}
p.class-yarn {
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
	font-size: 0.8em;
	height: 2.5em;
	color:#363;
	background-color:#fff;
}



h2.howto {  /* club calendar */
	font-size: 11px; 
	color: #900;
	background-color:#fff;
}
div.clubinstr {
	margin-top: 20px;
	margin-left: 20px;
}
div.clubinstr > h1 {
	margin-left: -10px;
	border-top: 1px solid #900;
	padding-top: 5px;
}
div.clubinstr > h2 {  /* instructions for club calendar */
	font-size: 12px; 
	font-weight: normal;
	color: #900;
	background-color:#fff;
}
div.clubinstr > h3 { 
	font-size: 12px; 
	font-weight: normal;
	color: #900;
	background-color:#fff;
}


hr.light {  /* new class descr */
	width: 25%;
	color: #900;
	margin-left: 0px;
}
hr.regform {  /* class registr form */
	width: 200px;
	height: 0.5px;
	color: #666;
	margin-left: 0px;	
}


.prereqlabel {
	font-weight: bold;
	color:#363;
	background-color:#fff;
}.costlabel {
	font-weight: bold;
	color:#363;
	background-color:#fff;
}
.nextlabel {
	font-weight: bold;
	color:#363;
	background-color:#fff;
}

/* new classdata block at top, 10/09 */
div.classdata {
	margin-top: 20px;
	margin-bottom: 15px;
	margin-left: 5px;
/*	border-left: 3px double #900; 
	padding-left: 6px; */
	border: 1px solid #900;
	padding: 15px;
	width: 90%;
}
div.classdata p {
	margin: 0;
}
.classlabel {
	color:#900;
}

.highlight {  /* location, by car ; news update 11/04 */
	font-size: 12px; 
	font-weight: bold;
	color:#900;
	background-color:#fff;
}
.emph {  /* publishing, "released" ; yarn order form */
	color:#900;
	background-color:#fff;
}

.labelhead { /* class registr form */
	font-weight: bold;
	color:#900;
	background-color:#fff;
}
.label { /* class registr form */
	font-weight: bold;
	color: #333;
	background-color:#fff;
}

tr.color2 > td > .emph {  /* publishing, "released" */
	color:#900;
	background-color:#eee;
}

.normal {  /* contact page, link to form */
	font-weight: normal;
}

.rom {    /* 4/06: used once in books page */
	font-style: normal;
}

.admin {  /* club calendar */
	font-style: italic;
	color: green;
}

dl.example { /* home page */
	margin-top: 4px;
	margin-bottom: 4px; 
	margin-left: 4px;
	border-left: 1px solid #900;
	padding-left: 8px;
}
dl.mm {  /* mini-movies */
	margin-left: 20px;
}
dl.mm dt {
	margin-top: 6px;
}
dl.mm dd {
}

dl.howto {  /* club calendar */

}
dl.howto > dt {
	font-weight: bold;
	font-size: 11px;
}
dl.howto > dd {
	margin-left: 10px;
	margin-top: 4px;
	margin-bottom: 2px; 
}

ul.howto {
	margin-left: -5px;
}
				
p {
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px; 
}

p.indent {  /* for class costs &c */
   margin-left: 25px;
   margin-top: -10px;
}
p.indent2 {  /* becky-location */
   margin-left: 25px;
   margin-top: 0px;
}
p.quote {  
	margin-left: 25px;
	font-style: italic;
	color: #363;
	background-color: #fff;
}
.attrib {
	color:#666;
	background-color: #fff;
}
.attrib a:link, .attrib a:visited {
	color: #666;
	background-color: #fff;
	text-decoration: underline;
}
div.classtestim {  /* indiv class testimonials */
	margin-top: 20px;
	border: 1px solid #666;
	padding-left: 10px;
	padding-right: 10px;
}


p.bq {   /* address on "how to register" */
	padding-left: 50px;  
	font-weight: bold;
}

p.contact { 
	padding-left:20px;
	font-weight: bold;
}

p.imgwrapper {
   margin-top: 0px;
   margin-top: 0px;
}

.proprietor {
	margin-top: 20px;
	color:#900;
	background-color: #fff;
/*	text-align: center; */
	margin-left: 300px;
}
.proprietor p {
	margin-top: 2px;
	margin-bottom: 0px;
}

.newsupdate {
	font-style: italic;
	color: #900;
	background-color: #fff;
}

th {
	font-size: 12px; 
	text-align:left;
}

 
td {
  font-size: 12px; 
	
}

td.formlabel, .formlabel {  /* class registration form, schol app form */
	text-align:right;
	vertical-align:text-bottom;
	color: #333;
	background-color:#fff;
	font-weight:bold;
}
span.formlabel, .ref2 { /* schol app form */
	margin-left: 30px;
}
span.formlabel {  /* yarn + book order forms */
	vertical-align:text-bottom;
	color: #333;
	background-color:#fff;
	font-weight:bold;
}
th.collabel {  /* book order form */
	text-align:center;
	vertical-align:text-bottom;
	color: #333;
	background-color:#fff;
	font-weight:normal;
}
th.colhead {  /* yarn order form */
	text-align:center;
	vertical-align:text-bottom;
	color: #333;
	background-color:#fff;
	font-weight:bold;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
.formhelp {  /* schol app form */
	font-style: italic;
	vertical-align: top;
}
th.schol {
	font-weight:normal;
	font-size: 14px;
	color: #900;
}


/* for books page; gave up on using real css layout */
/*tr.spacebefore {
	padding-bottom: 20px;
	border-bottom: 2px dashed red;
}*/
table.books td {
	vertical-align:top;
}
table.classlist {
	padding-top: 10px;
}
table.classlist td {
	padding-right: 15px;
}

table.newsbox {
	border: 1px solid #900;
	padding: 10px;
	margin: 0px 200px 0px 20px;
	
}
table.newsbox th {
	color: #900;
	background-color: #fff;
	font-weight:  normal;
	font-size: 13px;
}
table.newsbox p {   /* for 3/07 open house */
	margin-bottom: 0px;
}
table.shipping {
	margin-left: 20px;
	margin-bottom: 10px;
}
table.shipping td {
	padding: 5px;
	border: 1px solid #ccc;
}

/* ----------------------------
        yarn pricelist  
   ---------------------------- */

table.pricelist {
	border:1px solid #aaa;  /* was ddd, same as leftnav */
	margin-bottom: 20px;
/*	margin-left: 20px; */
}
table caption {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #900;
	background-color: #fff;
	white-space: nowrap;
	margin-top: 10px;
	margin-bottom: 2px;
}
caption .price {
	font-weight: normal;
	padding-left: 10px;
}
p.yarnnote {
	margin-top: -15px;
}
table.pricelist th {
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	line-height: 18px;
	color: #fff;
	background-color: #aaa;  /* quotes are 363 */  /* c66 lt red    696 med green */
	font-weight: normal;
}
tr.color1 {
	background-color: #fff;
}
tr.color2 {
	background-color: #eee;
}
table.pricelist td {
	padding-left: 10px;
	padding-right: 10px;
}
/* works in IE5.2mac but not in mozilla; deprecated as of css2.1
td.aligndec {
	text-align: "."; 
}
*/
.footnote {
	margin-top: -20px;
/*	margin-left: 25px;  if table indented 20px */
	margin-left: 5px;
}
/* (end yarn pricelist) */


/* ----------------------------
        looms page  
   ---------------------------- */
div.loom {
	margin-left: 10px;
}
h2.loomhead {   /* orig using table.pricelist > caption  */
	font-size: 13px;
	font-weight: bold;
	color: #900;
	background-color: #fff;
	white-space: nowrap;
	margin-top: 20px;
}
img.loomright {
	border:0;
}
.tablenote { 
	margin-top: -10px;
	margin-left: 5px;
}
.tablenotefollow { 
	margin-top: 0px;
	margin-left: 5px;
}
/* (end looms page) */


img.floatright {  /* not currently used (6/8/05) */
	float: left; 
	margin-top: 20px;
	margin-right: 10px;
}

img.catalogright {
	margin-top: 25px;
	border:0;
}
img.toolright {
	border:0;
}
img.border {  /* for maps */
	border: 1px solid #cc9;
}
img.tieup {
	border: 1px solid #ddd;
}
img.noborder {
	border:0;
}
img.classpic {  
	margin-top: 15px;
}
h2.classpic {   /* follow descr on indiv class page, 10/09 */
	margin-top: 15px;
	margin-bottom: -5px;  /* div club margin-top 10px */
}
img.headshot {  /* apprentice photos */
	margin-top: 10px;
}

div.listfloat {  /* class list */
	float: left;
}

ul { 
   font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
   font-size: 12px;
   list-style-type: square;   /* solid in mozilla, hollow in opera */
   list-style-image: url(/images/sdi_rd.gif); 
}
ul.frontpage { 
	margin-left: -15px;
}
ul.line {
	list-style-type: square; 
    list-style-image: url(/images/sdi_rd.gif); 
}
ul.line li {
	display: inline;
	list-style-type: square; 
    list-style-image: url(/images/sdi_rd.gif); 
	padding-left: 5px;
}

/*
#header ul {
        clear:left;
        float:left;
	width:100%;
        list-style:none;
        margin:5px 0 5px 0;
        padding:0;
        font-size: 125%;
        font-weight: bold;
        letter-spacing: 2px;
}
#header ul li {
	display:inline;
        list-style:none;
        margin:0;
	padding:0;
}
*/


ul.level2 {  /* extra layer of list, store/parts */
	margin-left: -20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
ul.level3 {  /* extra layer of list, store/parts */
	margin-left: -20px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 11px;
}

div#sidenav ul.nospacebefore {  /* follow ul.level2 */
    margin-top: 5px;  /* (well, almost none) */
}
div#sidenav ul.nospaceafter {
    margin-bottom: 0;
}
div#sidenav ul.nospacebeforeafter {
	margin-top: 0;
	margin-bottom: 0;
}
div#sidenav p.listhead {  /* wordpress */
	margin-top: 0;
}
ul.level-2 {  /* extra layer of list, store/parts -- newer paradigm, 1/09 */
	list-style-type: none;
	margin-left: 18px;
	margin-top: 0;
	margin-bottom: 0;
}
ul.level-2 li {
   list-style-image: url(/images/sdi_rd.gif); 
}
ul.level-3 {  /* extra layer of list, store/parts -- newer paradigm, 1/09 */
/*	margin-left: -20px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 11px; */
	list-style-type: none;
	margin-left: 35px;
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 11px;
}
ul.level-3 li {
   list-style-image: url(/images/sdi_rd.gif); 
}



ul.plain {  /* 4/06: used only for second-level side nav in store; doesn't work in IE6win */
	list-style: none; 
	margin-top: -10px;
	margin-bottom: -8px;
}
ul.plain3 {  /* 4/06: used only for 3rd-level side nav in store/parts */
	list-style:none; 
	margin-top: 0px;
	margin-bottom: 0px;
}
li.plain {  /* 1/08: test */
	list-style: none; 
}


ol { 
   font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
   font-size: 12px;
}

ul>li {
	margin-bottom: 3px;
}

.smallcaps {
	font-variant: small-caps;
}

a {
	text-decoration: underline;
}

#copyright a.subtle {  /* link to infotamers */
	background-color: white;
	color: #666;
	text-decoration: underline;
}

a.press { /* link to press from books */
	text-decoration: underline;
	font-weight: bold;
/*	color: #900;
	background-color: #fff; */
}
span.note {  /* "class full" */
	color: #BF0B14;
}


/* ------ printable pricelist experiment ------ */
.noprint {
/*	display: none; */
}


/* =Hoverbox Code
  from http://sonspring.com/journal/hoverbox-image-gallery
----------------------------------------------------------------------*/
/*
.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 150px;
}
*/