/* Cambridge Hog Roast Styles */

/* LAYOUT STYLES */
body                { margin:0px; text-align:center; background: url(../images/bg.jpg) #fff fixed repeat-x center top; }
.image              { border:solid 1px #333; }
blockquote          { margin-top:3px; margin-bottom:3px; }

/* HEADER */
#header             { width:760px; height:110px; margin:0px auto 0px auto; text-align:left; background-color:#fff; }

/* TOP AREA */
#logo a             { background: url("../images/logo.gif") left top; float:left; width:295px; height:85px; margin-left:14px; margin-top:12px; }
#logo h1		  { display:none; }
#hogroast     	  { float:right; width:334px; height:85px; margin-right:10px; margin-top:12px; text-align:left; background: url(../images/details.gif) #fff; }

/* NAVIGATION */
#navcontainer       { margin:0px auto 0px auto; width:760px; height:30px; background:url("../images/nav_bg.gif") repeat-x; background-color:#8a5c1d; }
#navigation         { width:760px; height:30px; margin:0px auto 0px auto; text-align:left; }
#navigation ul      { list-style-type:none; margin:0px; padding:0px;overflow: hidden;  }
#navigation ul li   { display:inline; padding:0px; }
#navigation ul li a { display:block; float:left; line-height:27px; height:30px; color:#FFF; padding-right: 12px; padding-left: 16px; padding-bottom: 0em; padding-top:0em; text-align:center; font-weight:normal; text-decoration:none; font-size:120% }
#navigation ul li a:hover, #navigation ul li a.selected, #navigation ul li a.noborder_selected { background:url("../images/nav_bg_rollover.gif") repeat-x; }
#navigation ul li a.noborder, #navigation ul li a.noborder_selected { border-right:solid 0px }

/* PANELS */
#panel              { width:760px; height:60px; margin:0px auto 0px auto; padding: 0px; text-align:left; background: url("../images/panel.jpg") left top; }

/* CONTENT AREA */
#container          { margin:0px auto 0px auto; text-align:left; width:760px; background:url("../images/bg_content.gif") repeat-y; overflow:auto; }
#contentarea        { width:552px; float:left; text-align:center; }
#subnavigation      { width:208px; float:left; text-align:center; }
#subbody            { margin:20px auto 20px auto; text-align:left; width:168px; }
#body               { margin:20px auto 20px auto; text-align:left; width:512px; padding-bottom:2px; }

/* CONTENT AREA HOME */
#container_home     { margin:0px auto 0px auto; text-align:left; width:760px; background-color:#fff; overflow:auto; }
#contentarea_home   { width:440px; float:left; text-align:center; }
#home_intro		  { margin:20px 0px 0px 5px; padding-bottom:20px; width:294px; float:left; text-align:center; }
#body_home          { margin:20px auto 20px auto; text-align:left; width:400px; padding:0 0 2px 0; }
#body_home a        { color:#8b3a11; text-decoration:none; border-bottom:solid 1px #CCC; }
#body_home a:hover  { color:#be874f; text-decoration:none; border-bottom:solid 1px #CCC; }

/* SUBNAVIGATION */
#subnavigation ul   { list-style-type:none; margin:0px; margin-top:20px; padding:0px; text-align:left; }
#subnavigation ul li a { display:block; text-indent:20px; line-height:28px; height:30px; width:207px; color:#fff; padding:0px; text-decoration:none; background:url("../images/subnav_normal.gif") repeat-x; }
#subnavigation ul li a:hover { color:#fff; background-color:#b26b30; }
#subnavigation ul li a.selected { color:#fff; background:url("../images/subnav_select.gif") repeat-x; }
#subnavigation ul li.highlight { display:block; color:#fff; background:url("images/sub_navigation.gif") repeat-x; text-indent:10px; line-height:28px; height:30px; width:207px; padding:0px; text-decoration:none; }

/* FOOTER */
#footercontainer    { margin:0px auto 0px auto; width:760px; height:125px; background:url("../images/bg_footer.gif") repeat-x; clear:both; }
#footer             { width:747px; line-height:1.4em; height:20px; padding-top:16px; padding-right:13px; margin:0px auto 0px auto; text-align:center; }

/* DATA TABLES */
.table_header       { background-color:#F1F4FC; }
.table_row          { border-bottom:solid 1px #CCC; }

/* FONT STYLES */
body                { font-family: Arial, Tahoma, Geneva, Helvetica, sans-serif; font-size:80%; line-height:140%; color:#000; }
input, textarea, select { font-family:Arial, Tahoma, Geneva, Helvetica, sans-serif; font-size:80%; }
h1                  { color:#e7aa58; font-size:180%; font-weight:normal; line-height:100%; letter-spacing:1px; text-indent:17px; padding-top:18px; }
h2                  { display:inline; font-size:140%; font-weight:normal; color:#7d3a1d; line-height:120%; }
h3                  { font-size:100%; }
#footer             { color:#8a5c1d; }
#footer a           { color:#bc8e4f; text-decoration:none; }
#footer a:hover     { color:#d3b07f; }
hr                  { color:#313963; height:1px; }
.caption            { color:#999; text-align:center }
#body a             { color:#8b3a11; text-decoration:none; border-bottom:solid 1px #CCC; }
#body a:hover       { color:#be874f; text-decoration:none; border-bottom:solid 1px #CCC; }
#body a.img         { text-decoration:none; }
.nodisplay          { display:none; }
.locations          { color:#c1812a; font-weight:normal; }
.white              { color:#fff; font-weight:bold; }
.red			  { color:#f00; font-weight:bold; }