@charset "utf-8";
body  {
	font: 100.1% Verdana, Arial, Helvetica, sans-serif;
	margin: 7px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #f4f3f5;
}
a:link, a:visited {
	color:#333399;
}
a:hover, a:active {
	color:#606060;
}
h1 {
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	padding: 0px;
	margin: 0px;
}
h2 {
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	padding: 0px;
	margin: 0px;
}	
h3 {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	padding: 0px;
	margin: 0px;
}
h4 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	padding: 0px;
	margin: 0px;
}
p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 3px;
	margin: 0px;
}		
#container {
	width: 960px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: #ffffff;
	position: relative;
} 
#header {
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 184px;
	margin: 0px;
	position: relative;
	width: 960px;
	background-color: #edf3f7;
	background-image: url(Images/ImagesCSS/Header.jpg);
} 
#header h1 {
	margin: 0px 0px 0px -9000px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#header #signup {
	height: 96px;
	width: 261px;
	left: 681px;
	position: absolute;
	top: 9px;
	padding-top: 5px;
	color: #CA0938;
}
#header #search {
	position: absolute;
	width: 252px;
	height: 25px;
	top: 139px;
	left: 681px;
	background-color: #D58483;
}
/*navbar 1, 2, 3, 4 - CURRENT page styling    the first part is the id(#) of each page that is put in the body id (in the template properties), the second part is the name of the link.  So when the id name and the link name match, the styling shows up on that link in the navbar*/
#artsupplies .artsuppliesLink, #beads .beadsLink, #craftsupplies .craftsuppliesLink, #quiltcorner .quiltcornerLink, #frameshop .frameshopLink, #floral .floralLink, #kidscrafts .kidscraftsLink, #yarn .yarnLink, #papercrafts .papercraftsLink, #imagingcenter .imagingcenterLink, #espresso .espressoLink{
	cursor:default;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CA6366;
}
#blog .blogLink, #blank .blankLink, #home .homeLink, #calendar .calendarLink, #giftcards .giftcardsLink, #craftideas .craftideasLink, #services .servicesLink, #tipslist .tipslistLink, #specials .specialsLink, #index .indexLink, #aboutus .aboutusLink, #associates .associatesLink, #map .mapLink, #feedback .feedbackLink, #policies .policiesLink, #sitemap .sitemapLink, #storehours .storehoursLink, #faq .faqLink, #customerservice .customerserviceLink, #testimonials .testimonialsLink, #usefullinks .usefullinksLink, #vendorsheet .vendorsheetLink, #winners .winnersLink, #eventsclubs .eventsclubsLink {
	cursor:default;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CA6165;
}
#navbar1 {
	font: 12px  Verdana, Arial, Helvetica, sans-serif;
	height: 30px;
	width: 960px;
	padding: 0px;
	margin: 0px;
	background-color: #000000;
}
#navbar1 ul {
	width: 960px;
	list-style: none;
	margin: 0px;
	padding: 6px 0px 0px 5px;
}
#navbar1 ul li{
	float: left;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 1px;
}
#navbar1 ul li a:link, #navbar1 ul li a:visited{
	display: block;
	text-decoration: none;
	color: #EDE7D1;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #94923f;
}
#navbar1 ul li a:hover, #navbar1 ul li a:active {
	color: #D88C8C;
}
#navbar1 ul li a.first{
	border-left:none;
	}
#navbar2 {
	height: 29px;
	padding: 0px;
	width: 960px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #e1c6e9;
}
#navbar2 ul {
	margin: 0px 0px 0px 80px;
	padding: 6px 0px 0px 3px;
	list-style: none;
}
#navbar2 ul li {
	float: left;
	padding: 1px 0px 0px;
}
#navbar2 ul li a:link, #navbar2 ul li a:visited {
	display: block;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BBA253;
}
#navbar2 ul li a:hover, #navbar2 ul li a:active {
	color: #C90031;
}
#navbar2 ul li a.first{
	border-left:none;
}
#navbar2 ul li a.current, #navbar2 ul li a.current:hover, #navbar2 ul li a.current:active {
	cursor: default;
}
#navbar2BL {
	height: 29px;
	padding: 0px;
	width: 960px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #e1c6e9;
}
#navbar2BL ul {
	margin: 0px 0px 0px 80px;
	padding: 6px 0px 0px 3px;
	list-style: none;
}
#navbar2BL ul li {
	float: left;
	padding: 1px 0px 0px;
}
#navbar2BL ul li a:link, #navbar2BL ul li a:visited {
	display: block;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BBA253;
}
#navbar2BL ul li a:hover, #navbar2BL ul li a:active {
	color: #CE0332;
}
#navbar2BL ul li a.first{
	border-left:none;
}
#navbar2BL ul li a.current, #navbar2BL ul li a.current:hover, #navbar2BL ul li a.current:active {
	cursor: default;
}
#navbar3 {
	height: 25px;
	width: 960px;
	margin: 0px;
	padding: 0px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background-color: #E1C6E9;
}
#navbar3 ul {
	margin: 2px 0px 0px 90px;
	padding: 3px 0px 0px 2px;
	list-style: none;
}
#navbar3 ul li {
	float:left;
	padding: 1px 0px 0px;
}
#navbar3 ul li a:link, #navbar3 ul li a:visited {
	display: block;
	text-decoration: none;
	color: #000000;
	border-left: 1px solid #826556;
	padding: 2px 7px;
}
#navbar3 ul li a:hover, #navbar3 ul li a:active {
	color: #C90031;
}
#navbar3 ul li a.first{
	border-left:none;
}
#navbar3BL {
	height: 30px;
	width: 960px;
	margin: 0px;
	padding: 0px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background-color: #E1C6E9;
}
#navbar3BL ul {
	list-style: none;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 4px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#navbar3BL ul li {
	float:left;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}
#navbar3BL ul li a:link, #navbar3BL ul li a:visited {
	display: block;
	text-decoration: none;
	color: #000000;
	border-left: 1px solid #826556;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#navbar3BL ul li a:hover, #navbar3BL ul li a:active {
	color: #C90031;
}
#navbar3BL ul li a.first{
	border-left:none;
}
#navbar4 {
	height: 25px;
	width: 960px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	background-color: #E1C6E9;
}
#navbar4 ul {
	margin: 0px 0px 0px 172px;
	padding: 2px 0px 0px 2px;
	list-style: none;
}
#navbar4 ul li {
	float:left;
	padding: 1px 0px 0px;
}
#navbar4 ul li a:link, #navbar4 ul li a:visited {
	display: block;
	text-decoration: none;
	color: #000000;
	border-left: 1px solid #826556;
	padding: 2px 7px;
}
#navbar4 ul li a:hover, #navbar4 ul li a:active {
	color: #C90031;
}
#navbar4 ul li a.first{
	border-left:none;
}
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 156px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px 0px 0px 10px;
	height: 450px;
	clear: both;
	margin: 0px;
}
#sidebar1 h3 a:link, #sidebar1 h3 a:visited, #sidebar1 h3 a:hover, #sidebar1 h3 a:active{
	margin: 0px;
	padding-bottom: 5px;
	text-decoration: none;
	color: #000;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}
#sidebar1   #beadMenu  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
#sidebar1   #beadMenu   ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebar1   #beadMenu   ul   li   a:link, #sidebar1   #beadMenu   ul   li   a:visited {
	display: block;
	background: #ffffff;
	padding: 0.4em 0.1em;
	text-decoration: none;
	font: 13px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
}
#sidebar1   #beadMenu   ul   li   a:hover, #sidebar1   #beadMenu   ul   li   a:active {
	color: #BD0730;
}
#mainContent {
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 782px;
	margin-top: 12px;
	float: right;
} 
#mainContent h1 {
	padding: 0px;
	margin: 0px;
	color: #333333;
	font: 18px Verdana, Arial, Helvetica, sans-serif;
}
#mainContent h2 {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	margin: 0px;
	padding: 0px;
}
#mainContent h3 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	margin: 0px;
	padding: 0px;
}	
#mainContent p {
	margin: 0px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 3px 3px 3px 0px;
}
#mainContent #tabletop {
	height: 12px;
	width: 782px;
	background-image: url(Images/ImagesCSS/TableTop.jpg);
	background-repeat: no-repeat;
}
#mainContent #tablecenter {
	width: 747px;
	padding-left: 12px;
	padding-right: 23px;
	background-image: url(Images/ImagesCSS/TableCenter.jpg);
	background-repeat: repeat-y;
}
#mainContent #tablecenter #tablecenterBox {
	width:747px;
}
#mainContent #tablecenter #contentTempBox {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 10px;
}
#mainContent #tablebottom {
	margin: 0px;
	padding: 0px;
	height: 44px;
	width: 782px;
	background-image: url(Images/ImagesCSS/TableBottom.jpg);
	background-repeat: no-repeat;
}
#mainContent #BottomExtra {
	width: 775px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
#NoSideBarContentBox  {
	margin: 0px;
	padding: 10px 0px 0px 20px;
	width: 925px;
}
#NoSideBarContentBox h2 {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
#NoSideBarContentBox h3 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
}
#NoSideBarContentBox p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 3px 3px 3px 0px;
}
#footer {
	padding: 0px;
	margin: 0px;
	height: 178px;
	width: 960px;
	position: relative;
	background-color: #f4f3f5;
	background-image: url(Images/ImagesCSS/Footer.gif);
} 	
#footer #address {
	font-size: 12px;
	color: #000;
}
#footer #address a:link, #footer #address a:visited {
	color:#000;
	text-decoration: underline;
}
#footer #address a:hover, #footer #address a:active {
	color:#EDE7D1;
	text-decoration: underline;
}
#whitelink a:link, #whitelink a:visited {
	color:#FFF;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.style1 {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.style2 {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.style3 {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.style4 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.style5 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.style6 {
	font: 24px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.redText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CC3300;
}
.RecipeCardBox {
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #000;
	width: 560px;
	margin-right: auto;
	margin-left: auto;
}
#RCSignupBox {
	position: absolute;
	left: 691px;
	width: 255px;
	height: 104px;
	top: -7px;
}