body {background-image:url(img/bg1.gif);background-repeat: repeat-y;background-position: center top;padding: 0px;margin: 0px;text-align: center;background-color: #F2F2F2;}
/*\*/
* html body {margin-left: 1px;}
/**/
a:link,a:visited {color: #666666;text-decoration: underline;}
a:hover {color: #990000;}

h1{margin: 0px;padding: 0px 0px 14px;}
h2{margin: 0px 4px;padding-top: 7px;padding-bottom: 7px;background-image: url(img/line1.gif);background-repeat: repeat-x;background-position: left bottom;font-size: 12px;}
h2 a:link,h2 a:visited {background-repeat: no-repeat;background-position: left top;display: block;text-decoration: none;}
.m1{background-image: url(img/m1.gif);height: 28px;}
.m2{background-image: url(img/m2.gif);height: 41px;}
.m3{background-image: url(img/m3.gif);height: 28px;}
.m4{background-image: url(img/m4.gif);height: 27px;}
.m5{background-image: url(img/m5.gif);height: 42px;}
h3{margin: 0px;padding: 0px 0px 12px;}
h4 {margin: 0px;padding: 12px 0px 20px;background-image: url(image/mid1.gif);background-repeat: no-repeat;background-position: right bottom;}
h5 {margin: 0px;padding: 0px 0px 5px;font-size: 12px;line-height: 160%;color: #4474B4;}
p {font-size: 12px;line-height: 160%;margin: 0px;color: #666666;padding-top: 0px;padding-bottom: 10px;}
img{border: none;}
em {visibility: hidden;}
ul {margin: 0px;padding: 0px 0px 15px;list-style-type: none;}
/* \*//*/
/**/
/* NO Mac IE 5.x \*/
ul {display:inline-table;}
ul:after {content:".";display:block;height:0;visibility:hidden;clear: left;}
/*\*/
* html ul {height:1%;}
/*all Brauzer */

ul li {padding: 0px 3px 3px 0px;float: left;}
ul li img {vertical-align: bottom;}

ol {font-size: 12px;margin: 0px;padding: 8px 0px 42px 5px;list-style-type: none;line-height: 140%;}
ol li {margin: 0px;padding: 0px 0px 2px 9px;background-repeat: no-repeat;background-position: 0px 4px;background-image: url(img/tri1.gif);}

/* ------ layout ------ */
#wrapper {width: 700px;margin-right: auto;margin-left: auto;text-align: left;background-image: url(img/bg2.gif);background-repeat: repeat-x;background-position: 0px 164px;}
#cont {padding-left: 19px;padding-right: 19px;}

/* ------ right ------ */
#right {width: 160px;float: right;padding-top: 16px;}
#right p {text-align:center;background-color: #FFFFFF;padding-top: 8px;padding-bottom: 0px;}

#menu1 {background-image: url(img/right1.gif);background-repeat: repeat-y;background-position: left top;}
#menu2 {background-image: url(img/right2.gif);background-repeat: no-repeat;background-position: left top;}
#menu2 div {background-image: url(img/right3.gif);background-repeat: no-repeat;background-position: left bottom;padding-top: 26px;padding-right: 4px;padding-left: 4px;padding-bottom: 5px;}

/* ------ main ------ */
#main {width: 484px;padding-top: 10px;}
.btn {text-align: right;padding-bottom: 0px;}

/* ------ foot ------ */
#foot {clear: both;background-image:  url(img/line2.gif);background-repeat: repeat-x;background-position: 0px 30px;padding-bottom: 7px;padding-top: 31px;}
#foot ol {font-size: 10px;padding-bottom: 0px;padding-right: 8px;margin: 0px;padding-top: 5px;line-height: 12px;}
#foot ol li {background-image: url(img/tri3.gif);float: right;margin-left: 10px;background-position: 0px 4px;}
#foot p{color: #999999;font-size: 10px;clear: right;margin: 0px;padding: 13px 8px 0px;background-image: url(img/line3.gif);background-repeat: repeat-x;background-position: 0px 4px;line-height: 12px;vertical-align: bottom;font-weight: normal;}
#foot p img {float: right;}
/*\*/
* html #foot p {padding-top: 8px;}
#foot a:link,#foot a:visited{text-decoration: none;}
#foot a:hover{color: #95BE57;}
/**/

/* ------ blog2 lesson ------ */
#main ol {padding-bottom: 0px;float: left;display: block;padding-right: 15px;margin: 0px;padding-top: 0px;padding-left: 0px;color: #333333;}
#main ol li {background-image: url(image/tri1.gif);padding-left: 12px;padding-bottom: 4px;}
#main div a:link,#main div a:visited {color: #4474B4;}

#rescipe1,#rescipe2,#rescipe3,#rescipe4,#rescipe5,#rescipe6,#rescipe7,#rescipe8 {padding-top: 50px;background-repeat: no-repeat;background-position: left top;padding-bottom:20px;clear: left;}
#rescipe1 {background-image: url(image/titbg1.gif);}
#rescipe2 {background-image: url(image/titbg2.gif);}
#rescipe3 {background-image: url(image/titbg3.gif);}
#rescipe3 h4 {background-image: none;}
#rescipe4 {background-image: url(image/titbg4.gif);}
#rescipe5 {background-image: url(image/titbg5.gif);}
#rescipe6 {background-image: url(image/titbg6.gif);}
#rescipe7 {background-image: url(image/titbg7.gif);}
#rescipe8 {background-image: url(image/titbg8.gif);}


.item {background-image: url(image/bg1.gif);background-repeat: repeat-y;background-position: left top;width: 482px;display: block;padding: 10px 10px 6px;margin-bottom: 0px;}
/* \*//*/
/**/
/* NO Mac IE 5.x \*/
.item {display:inline-table;}
.item:after {content:".";display:block;height:0;visibility:hidden;clear: left;}
/*\*/
* html .item {height:1%;}
/*all Brauzer */

.cook {clear: left;padding-top: 15px;}
.cook h4 {padding-top: 0px;}
.cook p {background-repeat: no-repeat;background-position: left top;padding-left: 32px;}

.no1 {background-image: url(image/no1.gif);}
.no2 {background-image: url(image/no2.gif);}
.no3 {background-image: url(image/no3.gif);}
.no4 {background-image: url(image/no4.gif);}
.no5 {background-image: url(image/no5.gif);}
.no6 {background-image: url(image/no6.gif);}
.no7 {background-image: url(image/no7.gif);}

.pict1 {padding: 2px;float: left;border: 1px solid #4474B4;margin-right: 7px;}
.pict2,.cook p.pict2  {padding: 2px;float: right;border: 1px solid #4474B4;margin-bottom: 10px;margin-left: 10px;}
.pict1 img,.pict2 img {vertical-align: bottom;}

.point {background-image: url(image/point1.gif);background-repeat: no-repeat;background-position: left top;}
.point p {background-image: url(image/point2.gif);background-repeat: no-repeat;background-position: left bottom;padding: 25px 10px 12px 15px;margin-bottom: 15px;}

.line {background-image: url(img/line1.gif);background-repeat: repeat-x;background-position: left top;padding-top: 15px;margin-top: 10px;font-size: 10px;}
.line2 {background-image: url(img/line1.gif);background-repeat: repeat-x;background-position: left bottom;padding-bottom: 15px;margin-bottom: 15px;}
.line3 {background-image: url(img/line1.gif);background-repeat: repeat-x;background-position: left top;padding-top: 14px;margin-top: 10px;}
.lisp {border-top-width: 1px;border-top-style: dotted;border-top-color: #BDB19D;padding-top: 5px;background-position: 0px 10px;margin-top: 2px;}
.btnback {text-align: center;padding-top: 30px;padding-bottom: 0px;}