html {height: 100%;}

body {background: #393939 url(img/bg.gif) repeat-y top center; color: black; font-family: arial; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; top: 0px; left: 0px; height: 100%;}

a {color: black; text-decoration: underline;}
a:hover {}

img {border: 0px;}
img.png {behavior: url(iepngfix.htc);}
img.hr {clear: both; display: block; margin: 0px 0px 20px 0px; padding-top: 20px; text-align: left;}
img.floatleft {float: left; margin: 0px 20px 5px 0px;}
img.floatleft_smallmargin {float: left; margin: 10px 5px 5px 0px;}
img.floatright {float: right; margin: 0px 0px 5px 20px;}

th {font-size: 12px;}
td {color: black; font-family: arial; font-size: 12px;}
p {margin-bottom: 0px;}
blockquote {margin: auto 5%;}
hr {clear: both; display: block; width: 100%; height: 1px; margin: 20px 0px; #margin: 14px 0px; border: 0px; border-bottom: 1px solid #F1F0F2;}
ul.nomargin {margin: 0px; margin-left: 15px; padding: 0px;}
ol.nomargin {margin: 0px; margin-left: 30px; padding: 0px;}
form {margin: 0px;}
input, textarea, select {font-family: arial; font-size: 12px;}

.fullw {width: 100%;}
.fullh {height: 100%;}
.fixedw {width: 766px;}
.collapse {margin: 0px; border: 0px; border-collapse: collapse;}
.collapse td {padding: 0px; vertical-align: top;} /* set another class td to have padding to override */
.taleft {text-align: left;}
.tacenter {text-align: center;}
.taright {text-align: right;}
.vamiddle {vertical-align: middle;}
.vamiddle img {margin: 0px 10px; vertical-align: middle;}
.floatleft {float: left;}
.floatright {float: right;}
.clearboth {clear: both;}
.displaynone {display: none;}
.row {clear: both; width: 100%; overflow: hidden;}
.bold {font-weight: bold;}
.em {font-style: italic;}

#body_outer {width: 984px; background: #f4b739; margin: 0px auto; height: 100%;} /* url(img/bg_body_outer.gif) bottom no-repeat */

#body {width: 984px; background: url(img/bg_body.jpg) no-repeat bottom center; margin: 0px auto; min-height: 100%; position: relative; border: 0px solid red;}
* html #body {height: 100%; background: url(img/bg_body.jpg) no-repeat bottom center;}

.rowcontent {width: 984px; margin: 0px auto; padding: 0px; overflow: hidden; border: 0px solid red;}

#top {height: 155px; background: url(img/bg_top.jpg) no-repeat; position: relative;}
#top #logo {width: 207px; height: 116px; position: absolute; top: 15px; left: 33px;}
#top .menu {float: right; width: 90px; height: 22px; background: url(img/bg_top_menu.png) no-repeat; padding-right: 16px; behavior: url(iepngfix.htc);}
#top .menu a {margin-left: 27px;}
#top .menu img {padding-top: 5px;}

#menu2 {}
#menu2 .menu {padding-left: 15px; position: relative;}
#menu2 a.section {display: block; margin: 10px 0px 4px 0px; font-size: 12px; font-weight: normal; text-decoration: none;}
#menu2 a.section:hover {color: #4FA900;}
#menu2 .hr {height: 2px; margin: 10px 0px; display: none;}
#menu2 .hr img {display: block;}

.nomfx {float: left; height: 12px; width: 12px; background: url(img/menu2_arrow_close_off.gif) center no-repeat; margin-top: 7px;}
.nomfx_first {float: left; height: 12px; width: 12px; background: url(img/menu2_arrow_close_off.gif) center no-repeat; margin-top: 0px;}
.mfx_link {width: 12px; height: 12px; background: url(img/menu2_arrow_close_off.gif) no-repeat; cursor: pointer; position: absolute; top: 0px; left: 0px;}
.mfx_link:hover {background: url(img/menu2_arrow_close_on.gif);}
.mfx_link_active {width: 12px; height: 12px; background: url(img/menu2_arrow_open_off.gif) no-repeat; cursor: pointer; position: absolute; top: 0px; left: 0px;}
.mfx_link_active:hover {background: url(img/menu2_arrow_open_on.gif);}
.mfx_content {}
.mfx_content ul {margin: 0px 0px 0px 15px; padding: 0px;}
.mfx_content ul li {margin-bottom: 3px;}
* html .mfx_link {left: -15px;}
* html .mfx_link_active {left: -15px;}
* html .mfx_content ul {margin-left: 15px;}

#contentrow {/*background: url(img/wooded.png) top center no-repeat;*/}
#contentrow .rowcontent {padding: 6px 0px 50px 0px;}

#content_left {float: left; width: 174px; margin: 9px 2px 0px 0px; padding-left: 10px; font-size: 11px; line-height: 14px;}
#content_mid {float: left; width: 611px; padding-top: 7px;}
#content_right {float: right; width: 177px; margin-top: 2px; padding-right: 9px;}

.contentleft_box {width: 174px; position: relative;}
.contentleft_box_top {width: 174px; height: 3px; background: url(img/contentleft_box_top.png) no-repeat; position: absolute; top: 0px; behavior: url(iepngfix.htc);}
.contentleft_box_bot {width: 174px; height: 14px; background: url(img/contentleft_box_bot.png) no-repeat; position: relative; top: 3px; behavior: url(iepngfix.htc);}
.contentleft_box_mid {width: 174px; background: url(img/contentleft_box_mid.png) repeat-y; position: relative; top: 3px; behavior: url(iepngfix.htc);}
.contentleft_box_mid .content {width: 136px; background: url(img/contentleft_box_bg.gif) no-repeat bottom right; margin: auto 6px; padding: 13px;}
.contentleft_box_mid .header {margin-bottom: 8px; border-bottom: 1px solid #F1F0F2; padding-bottom: 8px;}
.contentleft_box_mid div.image {margin-top: 5px;}

.contentmid_box {width: 611px; position: relative;}
.contentmid_box_top {width: 611px; height: 9px; background: url(img/contentmid_box_top.png) no-repeat; position: absolute; top: -6px; behavior: url(iepngfix.htc);}
.contentmid_box_bot {width: 611px; height: 19px; background: url(img/contentmid_box_bot.png) no-repeat; position: relative; top: 2px; behavior: url(iepngfix.htc);}
.contentmid_box_mid {width: 611px; background: url(img/contentmid_box_mid.png) repeat-y; position: relative; top: 2px; behavior: url(iepngfix.htc);}
.contentmid_box_mid .content {width: 573px; margin: auto 9px; padding: 10px;}
.contentmid_box_mid .topimg {display: block; margin-bottom: 29px;}
.contentmid_box_mid .toptxt {width: 523px; margin: 0px 25px; overflow: hidden;}
.contentmid_box_mid .title {margin-bottom: 2px;}

#box_mailinglist {width: 136px; height: 72px; background: url(img/box_mailinglist_bg.png) no-repeat; padding: 18px 19px 27px 19px; behavior: url(iepngfix.htc);}
#box_mailinglist .header {margin-bottom: 6px; border-bottom: 1px solid #F1F0F2; padding-bottom: 6px;}

#facebook {margin-top: 8px; margin-bottom: 2px;}

.canopy_gallery {margin-left: -5px; margin-top: 22px; margin-bottom: 5px;}
.canopy_gallery img {margin-right: 14px;}
.canopy_gallery img.tn_last {margin-right: 0px;}

#twitter_div {width: 100%; margin-top: 20px; overflow: hidden;}
#twitter_div ul {margin: 5px 0px 0px 15px; padding: 0px; line-height: normal;}
#twitter_div li {margin-bottom: 10px;}
#twitter_div a {}
#twitter_div a.twitter {float: right; text-decoration: none;}
#twitter_div a.twitter img {margin-bottom: -2px;}

.canopy_menu {font-weight: bold;}

.canopy_logo {margin-bottom: 5px;}

.extrainfo {clear: both; background: #e9a222 url(img/bg_extrainfo.gif) no-repeat bottom center; margin-top: 20px; padding: 12px 15px; color: white; font-size: 11px; line-height: 14px; margin-bottom: -10px; overflow: hidden;}
.extrainfo .header {font-size: 12px; font-weight: bold;}
.extrainfo .col-01 {float: left; width: 277px; background: url(img/extrainfo_divider.gif) repeat-y right; margin-right: 16px;}
.extrainfo .col-02 {float: left; width: 248px;}

.promo {margin-bottom: 15px; border: 1px solid #E9A222; padding: 12px 15px; overflow: hidden;}

.menu_list {width: 430px; background: #EEEEEE url(img/bg_menulist.gif) no-repeat bottom center; margin: 25px auto 0px auto; padding: 20px 30px 8px 30px;}
.menu_list .titlerow {padding: 20px 0px 10px 0px; position: relative;}
.menu_list .titlerow_first {margin-top: -20px;}
.menu_list .title {color: #545454; font-size: 14px;}
.menu_list .unit {color: #545454; font-size: 14px; font-weight: bold; position: absolute; top: 20px; left: 371px;}

.menu_item {margin-bottom: 15px;}
.menu_item_icon {background: url(img/greenroomcafe_menu_icon.gif) no-repeat;}
.menu_item_icon_gf {/* background: url(img/greenroomcafe_menu_icon_gf.gif) no-repeat 4px 2px; */}
.menu_item_icon_v {/* background: url(img/greenroomcafe_menu_icon_v.gif) no-repeat 10px 2px; */}
.menu_item .titlerow {padding: 0px;}
.menu_item .title {width: 350px; color: #e9a222;}
.menu_item .title img {vertical-align: bottom;}
.menu_item .title .icon {color: #4FA600;}
.menu_item .subtitle {color: #e9a222; font-size: 13px;}
.menu_item .price {color: #e9a222; font-size: 14px; font-weight: bold; position: absolute; top: 0px; left: 371px;}
.menu_item .description {width: 350px; font-size: 11px; line-height: 14px;}
.menu_item .descriptionsub {width: 100%; font-size: 11px; line-height: 14px; overflow: hidden;}
.menu_item .descriptionsub .sub_item {float: left; width: 371px; font-size: 11px; line-height: 14px;}
.menu_item .descriptionsub .sub_price {float: left; font-size: 11px; line-height: 14px; font-weight: normal;}

.title {color: black; font-size: 16px; font-weight: bold;}
.subtitle {color: #4E4650 /* #00A7D4 */; font-size: 14px; font-weight: bold;}
.subtitle_mb {margin-bottom: 6px;}
.header {font-weight: bold;}
.underline {text-decoration: underline;}
.small {font-size: 11px;}
.hr {width: 100%; height: 1px; background: #F9CA74; margin-top: 10px; margin-bottom: 10px; overflow: hidden;}

#footerrow {width: 984px; height: 30px; background: #EAE9E8; margin: -30px auto auto auto; position: relative;}
#footerrow .rowcontent {width: 964px; padding: 6px 10px 0px 10px;}
#footerrow a {color: black; text-decoration: none;}