/*

STYLE3.css for RATBERT1
by Carl Jagt April 2009

Features:
 - 2 column layout: content, subnav

*/

BODY {background-color:#87b139;font-family:Arial,sans serif; background-image:url(style3_background-image.jpg); background-repeat:no-repeat; background-position: top;}
TD	{vertical-align:top;}
UL {margin-left:32px;}

#page {width:880px;margin:0px auto;}

#fixme {/* IE 5.0/Win and other lesser browsers will use this */position: absolute; right: 0px; bottom: 0px;}
body > div#fixme {/* used by Netscape6+/Mozilla, Opera 5+, Konqueror, Safari, OmniWeb 4.5+, ICEbrowser */position: fixed;}

#masthead {position:relative;background:url(http://cms.ebtech.net/ratbert3/style3_masthead_bg.jpg) center center; height:130px; padding:0px 60px; padding-top:40px;}
#masthead #mask {position:absolute;top:0px;left:0px;width:150px;height:150px;background:url(http://cms.ebtech.net/ratbert3/style3_masthead_mask.png);}
#masthead #logo {position:absolute;top:20px;left:20px;width:840px;}
#masthead  #logo IMG {float:left; margin-right:20px;}
#masthead #logo H1 {margin-top:20px;color:#fff; margin-left:20px; font-size:30px; line-height:34px;}
#masthead #logo H2 {color:#333;font-weight:100; margin-left:20px;font-size:22px; line-height:26px;}


#wrapper {background:url(http://cms.ebtech.net/ratbert3/style3_bg_body.jpg) top center repeat-y;margin:0px;width:840px;padding:0px 20px;}

.stylenav { margin-left:100px; display:inline;}
#valign { vertical-align:middle;}

#nav {width:840px;margin:0px auto;background:url(http://cms.ebtech.net/ratbert3/style3_nav_bg.jpg) top left; font-size:12px;}
#nav UL { height:86px; width:100%;overflow:auto;list-style:none;margin:0px;padding-bottom:2px; background:url(http://cms.ebtech.net/ratbert3/style3_nav_bottom.jpg) bottom left no-repeat;}
#nav UL LI {float:left;}
#nav UL LI A { height:58px;display:block;text-align:center;width:106px;padding:6px;text-decoration:none;font-weight:bold;color:#999; font-size:12px; line-height:14px; background-image:url(style3_nav-OFF.png); background-repeat:no-repeat; padding-top:22px;}
#nav UL LI A:hover {color:#000; background-image:url(style3_nav-ON.png); padding-top:10px;}


#subnav {float:right;width:200px;margin-right:20px;}
#subnav H2 {height:44px;margin:0px;margin-top:20px;background:url(http://cms.ebtech.net/ratbert3/style3_subnav_h2_bg.gif) top left no-repeat;padding:4px 20px;color:#fff;font-weight:100;}
#subnav UL {list-style:none;margin:0px;padding:0px;}
#subnav UL LI {border-bottom:1px dotted #aaa;}
#subnav UL LI A {display:block;font-size:12px;font-weight:bold;text-decoration:none;color:#000;padding:4px 10px;}
#subnav UL LI A:hover {background-color:#cad471;}


#content {width:800px;padding-bottom:30px !important;padding:0px 20px;}
#content H1 {height:45px;margin:20px 0px;background:url(http://cms.ebtech.net/ratbert3/style3_h1_bg.gif) top center no-repeat;color:#111; font-size:28px; font-weight:100; text-align:center;}
#content H2 {height:44px;margin:20px 0px;background:url(http://cms.ebtech.net/ratbert3/style3_h2_bg.gif) top center no-repeat;color:#000; font-size:22px; font-weight:100; text-align:center; line-height:44px;}
#content #defaultColumn1 {width:340px;float:left;margin-right:4px; text-align:justify;}
#content #defaultColumn2 {width:440px;margin-left:350px;text-align:justify;}
#content  P, #content LI {font-size:12px;padding:4px 0px;padding-right:12px; color:#000;}
#content .menuItem {margin-right:10px;}
#content H3.itemPrice {float:right;font-weight:100;color:#5cb76d;background:url(http://cms.ebtech.net/ratbert3/style3_menuItem_itemPrice_bg.gif) left center no-repeat;padding-left:18px;}
#content H3.itemName {border-top:1px dotted #666;}
#content .menuItem P {font-size:11px !important;}
#content INPUT, #content TEXTAREA {border:1px solid #999;border-bottom:1px solid #fff;border-right:1px solid #fff;margin:4px;padding:4px 8px;background:#ffffec url(http://cms.ebtech.net/ratbert3/style3_bg_input.gif) top no-repeat;}
#content INPUT.submit {width:121px;height:39px;color:none;border:none !important;background:url(http://cms.ebtech.net/ratbert3/style3_submit.gif) top no-repeat;}
#content .postdate {font-size:9px;color:#888;padding:10px; text-align:right;}
#content .label {text-align:right;font-family:Georgia,serif;padding:4px 12px;}

#logout { margin-left:40px; width:700px; height:220px;background-position:center; background-image:url(http://cms.ebtech.net/ratbert3/style3_logout.jpg);}

#specials {width:540px;overflow:auto;}
#specials DIV {width:49%;float:left;border-left:1px dotted #ccc;}
#specials H2 {clear:left;margin:0px;}
#specials H3.itemPrice {padding:4px;color:green;float:right;background:url(http://cms.ebtech.net/ratbert3/style3_menuItem_itemPrice_bg.gif) left center no-repeat;padding-left:18px;}
#specials H3.itemName {padding:4px;border:none;line-height:1em;}
#specials P {font-size:11px !important;padding:2px 8px !important;clear:right;}


#defaultColumn1 BLOCKQUOTE {font-size:11px;padding:10px 30px;}
#defaultColumn2 .description  {font-family:Georgia !important;font-size:12px;}
#defaultColumn2 H2 {background:none !important;color:#333;padding:0px 0px 20px 0px;line-height:1em;}


#bottomnav {clear:both;background-color: #CCC;border-top:1px dotted #dcd6d6;margin:0px;border-bottom:1px dotted #dcd6d6;padding:12px;}
#bottomnav UL {text-align:right;list-style:none; height:30px;}
#bottomnav UL LI { display:inline;}
#bottomnav UL LI A {font-size:9px; font-weight:bold;text-decoration:none;color:#57616f;padding-right:8px;border-right:1px solid #ccc;margin-right:8px;}
#bottomnav UL LI A:hover {color:#000;padding-left:16px; background-image:url(style3_arrow.png); background-position:left; background-repeat:no-repeat;}


#footer {background:url(http://cms.ebtech.net/ratbert3/style3_footer_bg-LRG.jpg) bottom center no-repeat;margin:0px 0px;padding:20px 60px;padding-bottom:30px; margin-bottom:40px;}
#footer P {font-size:11px !important; color:#DDD;}
#footer a {font-size:11px !important; color:#888; text-decoration:none;}
#footer a:hover {font-size:11px !important; color:#FFF;}

#footer PRE {font-size:11px !important;font-family:Arial; color:#CCC;}}
#footer TABLE {width:100%;}
#footer TABLE TR TD {width:33%;padding-right:20px;vertical-align:bottom;}

.label { font-family:Arial, Helvetica, sans-serif; color:#555;font-weight:bold; }
.photo {margin-bottom:10px;}