* { padding: 0; margin: 0; z-index: 2;  }
img { border: 0 }
html { overflow-y: scroll }
*:focus { outline: 0 }

body { font-family: Sans-Serif; font-size: 62.5%; margin: 20px 0 0 0 }

#wrap0{ text-align:left; width: 1003px; margin: 0 auto; overflow: hidden}

#wrap1{ float:left; background:#FFFFFF url(../images/common/left.jpg) repeat-y top left; position: relative; z-index: 1}
#wrap2{ float:left; background:url(../images/common/top.jpg) repeat-x top left; position: relative; z-index: 1}
#wrap3{ float:left; background:url(../images/common/right.jpg) repeat-y top right; position: relative; z-index: 1}
#wrap4{ float:left; background:url(../images/common/bottom.jpg) repeat-x bottom left; position: relative; z-index: 1}
#wrap5{ float:left; background:url(../images/common/topleft.jpg) no-repeat top left; position: relative; z-index: 1}
#wrap6{ float:left; background:url(../images/common/topright.jpg) no-repeat top right; position: relative; z-index: 1}
#wrap7{ float:left; background:url(../images/common/bottomleft.jpg) no-repeat bottom left; position: relative; z-index: 1}
#wrap8{ float:left; background:url(../images/common/bottomright.jpg) no-repeat bottom right; padding:3px; width: 997px; position: relative; z-index: 1 }


#logo { float: left; z-index: 3; height: 90px; width: 233px; margin-bottom: -105px; padding: 15px 0 0 7px;  position: relative }
#logo * { z-index: 3 }
#header { float: left; width: 997px; height: 93px; z-index: 1; position: relative }
#localfood { float: right; padding-top: 10px; padding-right:11px }
#nav { float: left; width: 997px; height: 42px; background: url(../images/common/nav-bg.jpg) repeat-x; margin-top: 6px }
#nav ul { list-style-type: none; float: left; padding: 0 0 0 242px }
#nav li { float: left; }
#nav a { display: block; float: left; width: auto; color: #FFF; font-size: 12px; letter-spacing: 3px;  }

#main { float: left; width: 986px; padding: 0 0 37px 11px; background: url(../images/common/green.jpg) repeat-x bottom left;    }

#text { float: left; width: 502px; padding: 29px 111px 0 82px; position: relative; overflow-x: hidden }
#text h1 { font-size: 48px; color: #c0da89; font-weight: normal; margin-bottom: 26px; height: 60px;  }
#text h2 { font-size: 18px; color: #c0da89; font-weight: normal; border-bottom: solid 1px #c0da89; width:517px; padding-bottom: 5px; margin-bottom: 10px; position: relative; z-index: 2  }
#text p { font-size: 11px; color: #575757; margin-bottom: 15px }
#text ul, #text ol  { font-size: 11px; color: #575757; margin-bottom: 15px; margin-left: 15px }
#text a, #mid a { color: #003802; text-decoration: none }

#right { float: left; width: 282px; }
#chalkboard { cursor: pointer; float: left; width: 254px; height: 187px; padding: 15px 0 0 25px; background: url(../images/home/chalkboard.jpg) no-repeat; margin-bottom: 0px; overflow: hidden }
#chalkboard p { color: #FFF; font-size: 11px }
#right img { float: left }

#right .rightbox { float: left; width: 282px }
#right .boxtitle { float: left }
#right .boxmain strong { color: #003400 }

#right .rightboxmid { float: left; width: 263px; height: 119px; overflow: hidden; position: relative; padding: 5px 0 0 16px }
#right .rightbox { float: left; width: 279px; height: 132px; background: url(../images/common/rboxmid.gif) repeat-y; margin: 4px 4px 0 0 }
#right .rightboxmid .go { position: absolute; bottom: 2px; right: 3px }
#right .boxmain p { float: left; width: 144px; font-size: 11px; color: #575757;  }
#right .rtop, .rbot { float: left; clear: left; width: 279px }


#footer { float:left; width: 997px; margin: 0 auto; padding: 2px 0 5px 0 }
#fleft { float: left; width: 450px; padding-left: 3px; color: #575757; font-size: 10px; }
#fleft a { color: #575757; text-decoration: none }
#fleft a:hover { color: #000 }
#fright { float: right; width: 300px; padding-left: 3px; color: #575757; font-size: 10px; text-align: right }
#fright a { color: #575757; text-decoration: none }
#fright a:hover { color: #000 }