/* light cyan is 0,255,255 */
/* dark cyan is 0,128,128 */
/* light orange is 250,220, 170 */
/* dark orange is 250,190, 125 */
/* purple is 128, 0, 128 */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {background-color: #00FFFF;}

#wrapper {
	font: 1em Helvetica;
	margin: auto;
	width: 816px;
	background-color: rgb(250,220,170);
	border: 1px solid rgb(0,128,128);
}

#banner {
	padding: 5px;
	text-align: center;
}

#leftnav { 
	padding: 0;
	margin: 0;
	margin-left: 1px;
	float: left;
	width: 140px;
}


#leftnav ul {
	padding: 1px;
	width: 140px;
}

#leftnav a:hover {color: #FFFFFF;
	background: rgb(0,128,128)}


#leftnav a {
	display: block;
	width: 140px;
}

#leftnav li {
	width: 140px;
	position: relative;
	margin-top: -1px;
	list-style: none;
}
#leftnav li > a {
	line-height: 26px;
}

#leftnav li ul {
	position: absolute;
	left: -99999px;
}
#leftnav li ul li a{
	width: 140px;
}


#leftnav li:hover ul {
	left: auto;
	margin-top: -20px;
	margin-left: 80px;
	z-index: 99;
}


#leftnav li:hover ul li {
	border: 1px solid rgb(0,128,128);
}


#leftnav ul ul a{
	display: block;
	width: 80px;
	line-height: 1.4em;
	font: italic bold .7em/1em "Arial";
	text-decoration: none;
	color: rgb(0,128,128);
	background-color: rgb(250,220,170);
	text-indent: 4px;
}

#content {
	padding: 3px;
	float: right;
	width: 645px;
	border-left: 2px solid rgb(0,128,128);
}

#content p {
	font: 10px verdana;
	color: black;
}

#content li {
	font-weight: normal;
	font: 10px verdana;
	padding: 0;
	list-style-image: url(images/bobbin.png);
	color: rgb(0,64,64);
	margin-left: 16px;
}


#middlebig { 
	border: 2px solid rgb(0,128,128);
	background-color: rgb(0,255,255);
	background-position: top center;
	background-repeat: no-repeat;
	padding: 2px;
	width: 488px;
	float: right;
	margin: 0px 2px 2px 2px;
}

#middle { 
	border: 2px solid rgb(0,128,128);
	background-color: rgb(250,220, 170);
	padding: 2px;
	width: 480px;
	float: right;
}

#middle p {
	font: 10px verdana;
	color: black;
}

#middle li {
	font-weight: normal;
	font-align: left;
	font: 10px verdana;
	padding: 0;
	list-style-image: url(images/bobbin.png);
	color: rgb(0,64,64);
	margin-left: 16px;
}

#leftcontent, #rightcontent, #leftcontentshort, #rightcontentshort {
        width: 315px;
	margin-top: 12px;
	margin-left: 5px;
	border-right: 2px solid rgb(0,128,128);
	border-bottom: 2px solid rgb(0,128,128);
	min-height: 220px;
}

#leftcontent, #leftcontentshort {
	float: left;
}

#rightcontent, #rightcontentshort {
	float: right;
}

#leftcontentshort, #rightcontentshort {
	min-height: 120px;
}

#rightsideline { 
	float: right;
	width: 150px;
	border: 1px solid rgb(0,128,128);
	margin: 0px 2px 2px 2px;
	padding: 1px;
	background-position: top center;
	background-repeat: no-repeat;
	background-color: rgb(0,255,255);
}

#rightsideline2 { 
	width: 144px;
	border: 1px solid rgb(0,128,128);
	margin: 1px 1px 1px 1px;
	padding: 1px;
	background-position: top center;
	background-repeat: no-repeat;
	background-color: rgb(250,220,170);
}

#leftsideline { 
	float: left;
	width: 150px;
	border: 1px solid rgb(0,128,128);
	margin: 0px 2px 2px 2px;
	padding: 1px;
	background-position: top center;
	background-repeat: no-repeat;
	background-color: rgb(0,255,255);
}

#leftsideline2 { 
	width: 144px;
	border: 1px solid rgb(0,128,128);
	margin: 1px 1px 1px 1px;
	padding: 1px;
	background-position: top center;
	background-repeat: no-repeat;
	background-color: rgb(250,220,170);
}

#footer { 
	clear: both;
	padding: 5px;
	text-align: center;
	font-size: 10pt;
	border-top: 1px solid rgb(0,128,128);
}


h1, h2 {
	text-align: center;
	padding: 4px;
}


h3, h4, h5, h6 { 
	text-align: center;
	padding: 1px;
}

h6 { 
	text-align: left;
	padding: 1px;
}

h1, h2, h3 {color: rgb(0,128,128);}

h1 {font: bold 24px verdana;}

h2 {font: bold 16px verdana;}

h3 {font: bold 10px verdana;}

h4 {font: bold 12px verdana;}

h5 {
	font-weight: normal;
	font: 10px verdana;
}

h6 {
	font-weight: bold;
	font: 16px verdana;
}

.cyan {color: rgb(0,128,128);}

.knitting {color: rgb(128,0,128);}

.stitching {color: rgb(0,128,128);}


input {	border: 1px solid rgb(0,128,128);
	margin-left: 5px;
}


ul { padding: 2px;}


table { 	
	border-collapse: collapse; 
	border: solid 2px rgb(0,128,128);
	margin: 0px;
}

th {
	border: 1px solid rgb(0,128,128);
	color: rgb(0,128,128);
	font-weight: bold;
	font-size: 8pt;
	vertical-align: center;
	width: 160px;
	background-color: rgb(250,220,170);
}

.weekday {background-color: rgb(250,190, 125);}

td {
	vertical-align: top;
	text-align: left;
	padding: 5px;
	border: 1px solid rgb(0,128,128);
	height: 36px;
	color: black;
	font-size: 10px;
	font-weight: bold;
	width: 160px;
}

.right {text-align: right; }

.left {	text-align: left; }

.leftnobar, .rightnobar, .rightnarrownobar {
	padding:0;
	padding-right: 8px;
	margin: 0;
	border: 0;
	height: 0;
}

.rightnobar {
	text-align: left;
	width: 100px;
}

.rightnarrownobar {
	text-align: left;
	width: 0;
}

.leftnobar {
	width: 90px;
	text-align: right; 
}

.nopadding {
	padding: 0px;
}

.product {
	color: rgb(0,128,128);
	font-weight: bold;
	font-size: 8pt;
	vertical-align: left;
	width: 150px;
	background-color: rgb(250,220,170);
}

.links {
	border: 0px solid rgb(0,128,128);
	padding: 2px;
}

a#home, a#products, a#classes, a#groups, a#schedule, a#reachus, a#newsletter,a#blog, a#links
{
	display: block;
	width: 135px;
	color: rgb(0,128,128);
	font-weight: bold;
	text-decoration: none;
	
}


a#visitus
{
	display: block;
	margin: 1px;
	border: 2px solid rgb(0,128,128);
	width: 130px;
	height: 70px;
}
a#calendar
{
	display: block;
	margin: 1px;
	border: 2px solid rgb(0,128,128);
	width: 130px;
	height: 70px;
}


a#threads, a#floss, a#fabrics, a#beads, a#charts, a#kits, a#stands, a#lamps, a#accessories, a#books, a#magazines
{
	display: block;
	width: 250px;
	height: 24px;
	color: rgb(0,128,128);
	background-repeat: no-repeat;
	font-weight: bold;
	text-decoration: none;
	text-align: center;

}



/*
a#home 		{background-image: url(images/n_home.png);}
a#home:hover	{background-image: url(images/o_home.png);}
a#products 	{background-image: url(images/n_products.png);}
a#products:hover {background-image: url(images/o_products.png);}
a#classes 	{background-image: url(images/n_classes.png);}
a#classes:hover {background-image: url(images/o_classes.png);}
a#groups 	{background-image: url(images/n_groups.png);background-repeat: no-repeat;}
a#groups:hover 	{background-image: url(images/o_groups.png);background-repeat: no-repeat;}
a#schedule 	{background-image: url(images/n_schedule.png);}
a#schedule:hover {background-image: url(images/o_schedule.png);}
a#reachus	{background-image: url(images/n_reachus.png);}
a#reachus:hover {background-image: url(images/o_reachus.png);}
a#newsletter 	{background-image: url(images/n_newsletter.png);}
a#newsletter:hover {background-image: url(images/o_newsletter.png);}
a#blog 		{background-image: url(images/n_blog.png);}
a#blog:hover 	{background-image: url(images/o_blog.png);}
a#links 	{background-image: url(images/n_links.png);}
a#links:hover 	{background-image: url(images/o_links.png);}
a#floss 	{background-image: url(images/pn_floss.png);}
a#floss:hover 	{background-image: url(images/po_floss.png);}
a#threads 	{background-image: url(images/pn_threads.png);}
a#threads:hover {background-image: url(images/po_threads.png);}
a#fabrics 	{background-image: url(images/pn_fabrics.png);}
a#fabrics:hover {background-image: url(images/po_fabrics.png);}
a#charts 	{background-image: url(images/pn_charts.png);}
a#charts:hover 	{background-image: url(images/po_charts.png);}
a#kits 		{background-image: url(images/pn_kits.png);}
a#kits:hover 	{background-image: url(images/po_kits.png);}
a#beads 	{background-image: url(images/pn_beads.png);}
a#beads:hover	{background-image: url(images/po_beads.png);}
a#stands 	{background-image: url(images/pn_stands.png);}
a#stands:hover 	{background-image: url(images/po_stands.png);}
a#lamps 	{background-image: url(images/pn_lamps.png);}
a#lamps:hover 	{background-image: url(images/po_lamps.png);}
a#accessories 	{background-image: url(images/pn_accessories.png);}
a#accessories:hover {background-image: url(images/po_accessories.png);}
a#books 	{background-image: url(images/pn_books.png);}
a#books:hover 	{background-image: url(images/po_books.png);}
a#magazines 	{background-image: url(images/pn_magazines.png);}
a#magazines:hover {background-image: url(images/po_magazines.png);}

*/