/* gobal style */
body{ padding:0; margin:0; background: #57595d;}
.spacer{ clear:both; font-size:1px; line-height:1px;}
.content-spacer{ background:url(images/content-spacer.gif) no-repeat center; height:50px; padding:0 0 30px 0}
img{ border:none;}

/* wrap style */
#wrap {width:1036px;background:url(images/wrap-sideleft-top_bg.gif) no-repeat left top;margin:0 auto;padding:0px 0 0 0; }
#wrap-bot{ position: relative; padding:0 0 60px 0;background:url(images/wrap-side-right_bg.gif) no-repeat 100% 100%;  }
#wrap-in-top{ width:840px; margin:0 auto; background:#FFFFFF}
#wrap-in-bot{ background:url(images/wrap-bot_bg.gif) no-repeat bottom center}

#top-menu{ height:20px; text-align:right; padding:12px 0 0 0; width:840px; margin:0 auto; }
#top-menu a{ text-decoration:none; color:#ebe4e4; font:bold 15px "Times New Roman", Times, serif}

/* header style */
#header{ height:107px; background:url(images/header-top_bg.gif) no-repeat top left }
#header ul{ margin:0; padding:36px 0 0 0; list-style:none; }
#header ul li{ float:left}
#header ul li a{ display:block; padding:0 15px 0 56px; color:#663333; text-decoration:none; font:bold 14px "Times New Roman", Times, serif}
#header ul li a:hover, #header ul li a.active{ background:url(images/lia_bg.gif) no-repeat 20px 5px;}
#header ul li a span{ display:block; color:#ebe4e4;font:bold 22px "Times New Roman", Times, serif }


/* content wrap style */
#content-wrap{ background:url(images/content-wrap-top_bg.jpg) no-repeat 0 2px;  }


/* content style */
#content{ padding:0 48px 50px 248px; color:#663333;font:normal 14px/20px "Times New Roman", Times, serif   }
#content h1{ margin:0; padding:36px 0 30px 0; text-align:center}
#content h2{font:bold 20px/20px "Times New Roman", Times, serif; color:#cc6633}
#content h3{padding:16px 0 0 0;font:bold 16px/16px "Times New Roman", Times, serif; color:#663333}
.content-header{ width:112px; float:left; font:bold 16px "Times New Roman", Times, serif; color:#cc6633; z-index:1;}
.content-box{ width:390px; float:left;}
ul.spec{ margin:0; padding:0; list-style:none}
ul.spec li{ padding:10px 0}
ul.recipes{margin:0; padding:0; list-style-type:circle}
ul.recipes li{padding:0;}
ul.states{margin:30px; padding:0px; list-style-image: url(images/left.gif)}
ul.states li{padding:0px; font:bold 15px "Times New Roman", Times, serif}
/*
ul.states{margin:10px; padding:0px; list-style-type:circle}
ul.states li{padding:0px; font:bold 15px "Times New Roman", Times, serif}
*/
ol.stores{margin:0; padding:0; list-style-type:numeric}
ol.stores li{padding:0; font:bold 15px "Times New Roman", Times, serif}
ul {margin:0; padding:0 0 15px 20px; list-style:circle}
ul li{padding:0}
a{text-decoration:none; color:#cc3333;}
a:hover{text-decoration:none}

/* footer style */
#footer { padding:10px 0 25px 0; height:56px;}
* html #footer { padding:10px 0 10px 0;}
#footer ul,#footer ul.inner{ list-style:none; padding:0 0 10px 0; margin:0;}
#footer ul li{ padding:0 35px; float:left}
#footer ul li.first{ padding-left:13px}
#footer ul.inner li{ padding:0 13px; float:left}
#footer ul.inner li.first{ padding-left:13px}


.participants-box{ padding:10px 0 0 0; margin:0;}
#content .participants-box h2{ text-transform:uppercase; color:#663333; text-align:center; padding:10px 0; margin:0 }
.participant{ float:left; text-align:center; width:180px; padding:10px 0}
.participant a{text-decoration:none; color:#663333;}
.participant a:hover{ text-decoration:underline}
.participant .name,.participant .name a{color:#cc6633}

