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

p {
margin: 10px 0px 10px 0px; }

ul {
margin: 10px 0px 10px 0px; }

li, dd {
margin-left: 5%; }

dd, dt {
font-size: 10px;
color: #ffcc33; }

dt {
font-weight: bold; }

input, textarea {
margin: .25em 0;
padding: 3px 5px;
background: #ECF3DD;
border: 1px solid #ABABAB;
font: normal normal 14px/1.5 Arial, Helvetica, sans-serif;
color:#545454; }

input:hover, textarea:hover {
background: #FFF; }

fieldset{
padding: 0.5em;
color: #545454; }

legend {
color: #545454; }

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #545454;
background: #fff; }

blockquote {
margin-left: 20px;
background: #fff6b9; }

h1 {
color: #01461A;
font-weight: bold;
font-size: 22px; }

h2 {
color: #01461A;
font-weight: bold;
font-size: 22px; }

#side-nav h2 {
color: #ffcc33; }

h3 {
margin: 2px 0px 0px 0px;
color: #01461A;
font-weight: bold;
font-size: 22px; }

h4 {
margin: 2px 0px 0px 0px;
color: #ffcc33;
font-weight: bold;
font-size: 14px; }

small, .small {
font-size: 10px; }

a {
color: #CB5451;
background-color: inherit;
text-decoration: none; }

#side-nav a {
color: #FFF; }

a:link {
text-decoration: none; }

a:visited {
text-decoration: none; }

a:hover {
text-decoration: underline; }

a:active {
text-decoration: none; }

h1 a, h2 a, h3 a {
border: none; }

.fl img {
float: left;
margin: 0px 5px 0px 5px; }

.fr img {
float: right;
margin: 0px 5px 0px 5px; }

#fr {
float: right;
margin: 0px 5px 0px 5px; }

#container {
width: 900px;
margin-left: auto;
margin-right: auto;
background: transparent url(../i/container-home-bg.png) repeat-y; }

#container2 {
width: 900px;
margin-left: auto;
margin-right: auto;
background: transparent url(../i/container-second-bg.png) repeat-y; }

#head {
width: 900px;
height: 127px;
margin: 0px;
padding: 0px;
border: none;
text-decoration: none ! important ;
outline: none;
background: none; }

#banner {
clear: both;
text-align: right;
height: 51px;
padding-top: 35px;
padding-right: 23px;
background: transparent url(../i/logo-bg.png) no-repeat; }

#fill {
height: 11px;
clear: both;
background: transparent url(../i/fill-home-bg.png) no-repeat; }

#fill2 {
height: 11px;
clear: both;
background: transparent url(../i/fill-second-bg.png) no-repeat; }

#company-info {
float: right;
padding-top: 10px;
margin-left: 20px;
margin-right: 20px;
width: 293px; }

#company-info img {
margin-top: 4px;
border: none; }

#side-nav {
float: left;
padding-top: 10px;
margin-left: 36px;
margin-right: 20px;
width: 182px; }

#articles {
float: right;
margin-left: 0px;
margin-right: 5px;
width: 216px; }

#articles img {
border: none; }

#content {
padding-top: 10px;
margin-left: 36px;
margin-right: 20px;
width: 511px; }

#content2 {
padding-top: 10px;
margin-left: 258px;
margin-right: 20px;
width: 622px; }

#hours {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #545454;
background: #fff;
padding: 5px 0px 10px 20px; }

#hrs {
float: right;
padding-right: 20px; }

.about {
padding: 1px 1px 1px 1px;
background: #ffcc33; }

#content2 img {
border: none; }

#sticky {
float: left;
width: 218px;
height: 183px;
padding: 5px 30px 40px 40px;
background: transparent url(../i/sticky.png) no-repeat; }

#scont {
width: 218px;
height: 183px;
overflow: hidden;
background: transparent; }

#foot {
clear: both;
height: 51px;
padding-top: 20px;
padding-left: 36px;
padding-right: 20px;
background: transparent url(../i/footer-home-bg.png) no-repeat;
color: #fff;
font-size: 10px; }

#foot a, #foot a:link, #foot a:visited, #foot a:hover, #foot a:active {
color: #fff;
background: transparent; }

#foot img {
border: none; }

#foot2 {
clear: both;
height: 51px;
padding-top: 20px;
padding-left: 36px;
padding-right: 20px;
background: transparent url(../i/footer-second-bg.png) no-repeat;
color: #fff;
font-size: 10px; }

#foot2 a, #foot2 a:link, #foot2 a:visited, #foot2 a:hover, #foot2 a:active {
color: #fff;
background: transparent; }

#foot2 img {
border: none; }

/* main navigation */

#nav {
clear: both;
margin-top: 0px;
background: transparent url(/i/nav-bg.png) no-repeat;
width: 900px;
height: 27px;
list-style: none none;
border: none; }

#nav ul {
width: 900px;
height: 27px;
background: url(/i/nav-bg.png);
margin: 0;
padding: 0;
position: relative;
display: block; }

#nav ul li {
margin: 0;
padding: 0;
list-style: none;
position: absolute; }

#nav ul li, #nav a {
height: 27px;
display: block; }

#nav ul li a {
border: none;
text-indent: -9999px;
text-decoration: none; }

/* main navigation normal */

#nav-home {left: 0px; width: 128px;}
#nav-about {left: 128px; width: 110px;}
#nav-products {left: 238px; width: 110px;}
#nav-classes {left: 348px; width: 110px;}
#nav-newsletter {left: 458px; width: 110px;}
#nav-recipes {left: 568px; width: 110px;}
#nav-scrapbook {left: 678px; width: 110px;}
#nav-contact {left: 788px; width: 112px;}


/* main navigation hover */

#nav-home a:hover {background: transparent url(/i/nav-bg.png) 0px -27px no-repeat;}
#nav-about a:hover {background: transparent url(/i/nav-bg.png) -128px -27px no-repeat;}
#nav-products a:hover {background: transparent url(/i/nav-bg.png) -238px -27px no-repeat;}
#nav-classes a:hover {background: transparent url(/i/nav-bg.png) -348px -27px no-repeat;}
#nav-newsletter a:hover {background: transparent url(/i/nav-bg.png) -458px -27px no-repeat;}
#nav-recipes a:hover {background: transparent url(/i/nav-bg.png) -568px -27px no-repeat;}
#nav-scrapbook a:hover {background: transparent url(/i/nav-bg.png) -678px -27px no-repeat;}
#nav-contact a:hover {background: transparent url(/i/nav-bg.png) -788px -27px no-repeat;}

 /* main navigation context */

body#home #nav-home, body#home #nav-home a:hover {background: transparent url(/i/nav-bg.png) 0px -54px no-repeat;}
body#about #nav-about, body#about #nav-about a:hover {background: transparent url(/i/nav-bg.png) -128px -54px no-repeat;}
body#products #nav-products, body#products #nav-products a:hover {background: transparent url(/i/nav-bg.png) -238px -54px no-repeat;}
body#classes #nav-classes, body#classes #nav-classes a:hover {background: transparent url(/i/nav-bg.png) -348px -54px no-repeat;}
body#newsletter #nav-newsletter, body#newsletter #nav-newsletter a:hover {background: transparent url(/i/nav-bg.png) -458px -54px no-repeat;}
body#recipes #nav-recipes, body#recipes #nav-recipes a:hover {background: transparent url(/i/nav-bg.png) -568px -54px no-repeat;}
body#scrapbook #nav-scrapbook, body#scrapbook #nav-scrapbook a:hover {background: transparent url(/i/nav-bg.png) -678px -54px no-repeat;}
body#contact #nav-contact, body#contact #nav-contact a:hover {background: transparent url(/i/nav-bg.png) -788px -54px no-repeat;}

#side-list {
list-style: none;
font-size: 10px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 150%; }

#side-list li {
line-height: 150%;
margin: 2px 0px 0px 0px;
padding: 0px 0px 0px 0px; }

#side-list .active, #side-list .active a {
color: #ffcc33; }

#tour {
float: left;
margin: 0px 20px 0px 20px; }

#tour2 {
margin: 0px 0px 0px 20px; }

#cell {
margin: 0px 20px 20px 30px; }

#cell2 {
margin: 0px 20px 20px 30px; }

.pics {
float: left;
border: 1px solid #ABABAB;
background: transparent;
margin: 0px 20px 20px 0px; }

.pics img {
background: #FFF;
padding: 5px 5px 5px 5px; }

.pics a:hover img {
background: #FFF6B9; }

a { outline:none; }