

body {
	background-color:#fff;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #000;
	
}	


#wrapper{
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	/*padding-bottom:15px;*/
	background-color:#ffc;
}
#top{
	float: left;
	width: 750px;
	background-color:#ffc;
	}
#pages_content{
	width:750px;
	float:left;
	background-color:#ffc;
	padding-bottom:15px;
	
}
#content_panel_merch{
	background-image:url(images/bground_merchandise.jpg);	
	background-repeat:no-repeat;
	width:425px;
	float:left;
	background-color:#ffc;
	border: 1px dashed #f90;
	margin-top:5px;

}
#content_panel_frame{
	background-image:url(images/bground_frame.jpg);	
	background-repeat:no-repeat;
	width:425px;
	float:left;
	background-color:#ffc;
	border: 1px dashed #f90;
	margin-top:5px;

}
#content_panel_needle{
	background-image:url(images/bground_needlework.jpg);	
	background-repeat:no-repeat;
	width:425px;
	float:left;
	background-color:#ffc;
	border: 1px dashed #f90;
	margin-top:5px;

}
#content_panel_fabric{
	background-image:url(images/bground_fabric.jpg);	
	background-repeat:no-repeat;
	width:425px;
	float:left;
	background-color:#ffc;
	border: 1px dashed #f90;
	margin-top:5px;

}
#content_panel_fibers{
	background-image:url(images/bground_fiber.jpg);	
	background-repeat:no-repeat;
	width:425px;
	float:left;
	background-color:#ffc;
	border: 1px dashed #f90;
	margin-top:5px;

}
#content_panel_knitting{
	background-image:url(images/bground_knitting.jpg);	
	background-repeat:no-repeat;
	width:425px;
	float:left;
	background-color:#ffc;
	border: 1px dashed #f90;
	margin-top:5px;
	}
#content_panel_classes{
	background-image:url(images/bground_classes.jpg);	
	background-repeat:no-repeat;
	width:425px;
	float:left;
	background-color:#ffc;
	border: 1px dashed #f90;
	margin-top:5px;

}
#content_panel_contact{
	background-image:url(images/bground_contact.jpg);	
	background-repeat:no-repeat;
	width:425px;
	float:left;
	background-color:#ffc;
	border: 1px dashed #f90;
	margin-top:5px;

}
#content_panel_location{
	background-image:url(images/bground_location.jpg);	
	background-repeat:no-repeat;
	width:425px;
	float:left;
	background-color:#ffc;
	border: 1px dashed #f90;
	margin-top:5px;

}
#content_panel_newsletter{
	background-image:url(images/bground_newsletter.jpg);	
	background-repeat:no-repeat;
	width:425px;
	float:left;
	background-color:#ffc;
	border: 1px dashed #f90;
	margin-top:5px;

}
table.frame{width: 400px; padding:5px;}
table.needlework{width: 415px;}
#info_panel{
	float:left;
	width: 130px;
	margin: 5px 0 0 10px;
	
}
#header{
	BACKGROUND-IMAGE: url(images/header.gif);
	background-repeat:no-repeat;
	height: 74px;
	width: 750px;
	
}
#title{	
	width: 95px;
	height: 38px;
	padding-top: 25px; 
	padding-left: 600px;
}

#contents{
	float:left;
	margin-top:5px;
	width: 560px; 
	border: 1px dashed #f90;
	
}

#nav{
	float:left;	
	width: 125px;
	border: 1px dashed #f90;
	margin: 5px 10px 5px 10px;
}


ul{
	border:0; 
	margin:10px 10px 40px 10px;
	padding:0;
	list-style: none;
	}
	
li {

	border-bottom: 1px dashed #663;
	margin: 0;
	padding: 10px 0px 5px 0px;
	text-indent: 0px;
	}
	span{
	margin-left: 25px;
	}
ul.table{list-style:none;}
ul.table li{border:0px;}

#bottom{
	float:right;
	width: 750px;
	background-color:#ffc;
	/*margin-right:35px;*/
	padding-bottom:15px;
	
}
#hours{
	float:right;
	background-image:url(images/h_hours.gif);
	background-repeat: no-repeat;
	width: 310px;
	border: 1px dashed #f90;
	margin-right:40px;
	margin-top:10px;
}
.bottom_content{margin: 30px 10px 10px 10px;}

#special_events{
	float:right;
	background-image:url(images/h_events.gif);
	background-repeat: no-repeat;
	border: 1px dashed #f90;
	width: 230px;
	margin-top:10px;
	/*margin-top:-80px;
	margin-left: 478px;*/
	margin-right:20px; 
}	
	


#store_hours{
	background-image:url(images/h_small.gif);
	background-repeat: no-repeat;
	width: 125px;
	border: 1px dashed #f90;
	padding: 25px 5px 5px 5px;
	margin-bottom:5px;
	
}
#address{
	background-image:url(images/address.gif);
	background-repeat: no-repeat;
	width: 125px;
	border: 1px dashed #f90;
	padding: 25px 5px 5px 5px;
	margin-bottom:5px;
}
#email{
	background-image:url(images/email.gif);
	background-repeat: no-repeat;
	width: 130px;
	border: 1px dashed #f90;
	padding: 25px 2px 5px 2px;
}
#padding_bottom{
	width:750px; 
	height:15px;
	float:left;
	background-color:#fff;
	
	}

.padding{margin:170px 5px 5px 5px;}
.padding_index{padding:8px;}
a:link {
	font-weight: normal; font-size: 11px; color: #663; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;
}
a:visited {
	font-weight: normal; font-size: 11px; color: #663; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;
}
a:hover {
	font-weight: normal; font-size: 11px; color: #f90; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline;
}

img#storefront{
	float: right;
	margin-left: 15px;
	margin-bottom:5px;
	z-index:2;
	border: 1px solid #666;
	
}




img#canvas{
	float:left;
	margin-right: 15px;
	}
.title{
	font-size: 12px; 
	font-weight: bold;
	margin-left: 0px;
	}		
.clear_floats{clear:both;}	
.line{width:405px; margin:10px 5px 5px 5px; height:5px; border-top:1px dashed #f90;}	
/*adds scrollbars in firefox*/
html{overflow:-moz-scrollbars-vertical;}
/*adds scrollbars in opera*/
html { height: 100%; margin-bottom: 1px;}

table.classes{
	width:400px;
	font-size: 10;
	cellpadding: 55px;
}
table.classes td{border-top: 1px solid #999; padding:5px;}	
td.white{background-color:#ffe;}
td.gray{background-color:#eee;}
.title{text-align: center; font-size: 12px; font-weight:bold;}
h1{font-size:14px; font-weight:bold; color:#240;}
ul.classes{list-style-type:disc; padding:0 0 0 15px;}
ul.classes li{border:0; padding-bottom:0;}
.class_list{border-bottom: 1px solid #ccc; width:100%; padding:5px 0;}

