body { font-size: 12px; font-family: verdana; line-height: 22px; background-color: #ffffd4; margin: 0; }
html { min-height: 100%; margin-bottom: 1px; }
a { border-width: 0; outline: none 0; }
#wrapper1{ background-image: url(images/body-fade.jpg); background-repeat: repeat-y; width: 940px; margin-right: auto; margin-left: auto; }
#wrapper2{ width: 900px; margin-right: auto; margin-left: auto; }
/*------------ NAVIGATION -------------*/
.top { margin-bottom: 0; padding-bottom: 0; }
#navbar { background-color: #bb9654; width: 840px; margin-top: 0; padding-top: 8px; padding-bottom: 8px; padding-left: 60px; }
#undernav { background-image: url(images/nav-fade.jpg); background-repeat: repeat-x; width: 900px; height: 20px; }
#nav_home { width: 52px; height: 23px; }
#nav_directory { width: 167px; height: 23px; }
#nav_specials { width: 83px; height: 23px; }
#nav_directions { width: 110px; height: 23px; }
.nav-divider { width: 3px; height: 23px; padding-right: 15px; padding-left: 15px; }
/*------------ CONTENT -------------*/
#content { width: 520px; margin-top: 30px; margin-left: 60px; padding-bottom: 30px; }
#content-inside { width: 540px; margin-top: 30px; margin-left: 60px; padding-bottom: 30px; }
#content-directory { width: 500px; margin-top: 30px; margin-left: 60px; padding-bottom: 30px; }
#content-directory a { color: #676665; font-size: 10px; padding-left: 5px; }
#map { font-size: 9px; }
#map a { color: #5c3b20; }
#underpage { background-image: url(images/bottom-fade.jpg); background-repeat: no-repeat; width: 940px; height: 30px; }
#photo { background-color: #284d0f; text-align: center; width: 530px; }
#midmad { text-align: center; padding: 10px; border: double 2px #2c3557; }
/*------------ COLUMN -------------*/
#column-home { position: relative; width: 220px; float: right; margin-top: -120px; margin-right: 35px; }
#column-directions { position: relative; width: 220px; float: right; margin-top: -120px; margin-right: 35px; }
#column-specials { position: relative; width: 220px; float: right; margin-top: -120px; margin-right: 35px; }
#column-directory { position: relative; width: 270px; float: right; margin-top: -120px; margin-right: 30px; border: solid 1px #7a5d18; }
#directory-map { width: 260px; height: 404px; border: solid 5px #fff;}
#thanks { line-height: 18px; background-color: #e0cf9a; /*background-image: url(images/holly-bottom.jpg); background-repeat: no-repeat; background-position: 5px 97%;*/ text-align: center; width: 214px; padding-bottom: 12px; border: solid 3px #7a5d18; display: block; }
#thanks .header { color: #fff; font-weight: bold; background-color: #7a5d18; text-align: center; width: 214px; padding-top: 6px; padding-bottom: 8px; }
#thanks .text { text-align: center; width: 194px; padding-right: 10px; padding-left: 10px;  }
#coupon { line-height: 18px; background-color: #e0cf9a; text-align: center; width: 214px; margin-top: 12px; border: solid 3px #144276; display: block; /*change backto "none" when coupon book is no longer available*/}
#coupon .header { color: #fff; font-weight: bold; background-color: #144276; text-align: center; width: 214px; padding-top: 6px; padding-bottom: 8px; }
#coupon .text { text-align: center; width: 194px; padding-right: 10px; padding-left: 10px;  }
#coupon a { color: #000;  }
#clarion { margin-top: 12px; }
#couponform { font-size: 10px; line-height: 12px; }
.coupon-print { font-weight: bold; line-height: 26px; text-align: center; width: 480px; padding: 20px; border: dashed 6px #284d0f; }
.specials a { color: #000;  }
/*------------ STYLING -------------*/
ul { margin-left: 0.8em; padding-left: 0.8em; margin-top: 0; padding-top: 0px; }
.red { color: #b50003; }
.green { color: #265f00; }
.bold { font-weight: bold; }
.boldorg { color: #c14c30; font-weight: bold; }
.lgbold { font-size: 15px; font-weight: bold; }
.notbold { font-weight: normal; }
h1 { color: #265f00; font-size: 14px; font-weight: bold; }
h2 { color: #265f00; font-size: 13px; font-weight: bold; }
.fl-left { float: left; padding-right: 12px; }
.fl-right { float: right; padding-bottom: 12px; padding-left: 12px; }
.fl-right2 { float: right;  padding-left: 12px; }
#clear { color: #5c3b20; font-size: 10px; text-align: center; width: 900px; clear: both; padding-top: 12px; }
td { line-height: 16px; text-align: left; vertical-align: top; margin-top: -4px; margin-bottom: 12px; padding-right: 15px; }
.underline { text-decoration: underline; }
.small { font-size: 10px; line-height: 16px; }
.rule { background-color: #7a7a7a; height: 1px; margin-top: 10px; margin-bottom: 10px; }
.clear { clear: both; }
/*-------------- FOR SHADOWS --------------*/
.shadow{ position:relative; display:inline; background:white; z-index:100 ; }
.shadow_inner{ overflow:hidden; position:absolute; top: -1000px; filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/ opacity:0.1; /*firefox 1.5 opacity*/ -moz-opacity:0.1; /*mozilla opacity*/ -khtml-opacity:0.1; /*opacity*/ z-index:10 ; }
/*-------------- FOR LEADERS --------------*/
.dots { background:url(images/dot.gif) repeat-x 50% bottom; text-align: left; height: 20px; padding-top: 20px; }
.field {
background-color: #FFFFFF;
}