/*

STYLE1.css for RATBERT1
by Carl Jagt April 2009

Features:
 - 2 column layout: content, subnav

*/

BODY {background-color:#998f8f;font-family:Arial,sans serif; background-image:none;}
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;}
.stylenav { margin-left:100px; display:inline;}
 
#masthead {position:relative;background:url(http://cms.ebtech.net/ratbert1/style1_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/ratbert1/style1_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/ratbert1/style1_bg_body.jpg) top center repeat-y;margin:0px;width:840px;padding:0px 20px;}

#nav {width:840px;margin:0px auto;background:url(http://cms.ebtech.net/ratbert1/style1_nav_bg.jpg) top left; font-size:12px;}
#nav UL {width:100%;overflow:auto;list-style:none;margin:0px;padding-bottom:12px;background:url(http://cms.ebtech.net/ratbert1/style1_nav_bottom.jpg) bottom left no-repeat; height:73px;}
#nav UL LI {float:left; border-right: double 1px #9a9a9a;}
#nav UL LI A {height:50px;display:block;text-align:center;width:99px;padding:10px;text-decoration:none;font-weight:bold;color:#555; background-image:none; line-height:15px;}
#nav UL LI A:hover {height:51px;background:url(http://cms.ebtech.net/ratbert1/style1_nav_on.jpg) top right; color:#000;}


#subnav {float:right;width:200px;margin-right:20px;}
#subnav H2 {height:44px;margin:0px;margin-top:20px;background:url(http://cms.ebtech.net/ratbert1/style1_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:44px;margin:20px 0px;background:url(http://cms.ebtech.net/ratbert1/style1_h1_bg.gif) top left no-repeat;padding:0px 42px;color:#2c70cf; text-align:left; line-height:44px;}
#content H2 {height:44px;margin:20px 0px;background:url(http://cms.ebtech.net/ratbert1/style1_h2_bg.gif) top left no-repeat;padding:4px 40px;color:#fff;font-weight:100; color:#71c575;text-align:left;line-height:36px;}
#content #defaultColumn1 {width:340px;float:left;margin-right:4px; }
#content #defaultColumn2 {width:450px;margin-left:345px;text-align:justify;overflow:auto;}
#content  P, #content LI {font-size:12px;padding:4px 0px;padding-right:12px;}
#content .menuItem {margin-right:10px;}
#content H3.itemPrice {float:right;font-weight:100;color:#5cb76d;background:url(http://cms.ebtech.net/ratbert1/style1_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/ratbert1/style1_bg_input.gif) top no-repeat;}
#content INPUT.submit {width:121px;height:39px;color:none;border:none !important;background:url(http://cms.ebtech.net/ratbert1/style1_submit.gif) top no-repeat;}
#content .postdate {font-size:9px;color:#999;padding:10px;}
#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/ratbert1/style1_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/ratbert1/style1_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:#eee;border-top:1px dotted #dcd6d6;margin:0px;border-bottom:1px dotted #dcd6d6;padding:12px;}
#bottomnav UL {text-align:right;list-style:none;}
#bottomnav UL LI {display:inline;}
#bottomnav UL LI A {font-size:9px;font-weight:bold;text-decoration:none;color:#333;padding-right:8px;border-right:1px solid #ccc;margin-right:8px;}
#bottomnav UL LI A:hover {color:#5cb76d; background-image:none; padding-left:0px;}


#footer {background:url(http://cms.ebtech.net/ratbert1/style1_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:#555;}
#footer a {font-size:11px !important; color:#000; text-decoration:none;}
#footer a:hover {font-size:11px !important; color:#888;}
#footer PRE {font-size:11px !important;font-family:Arial; color:#555;}
#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;}