body { padding:15px; color:#fff; font-family:tahoma, verdana, sans-serif; font-size:70%; background:#373737; }
/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */
table { font-size:1em; clear:both}
a { color:#f3b700;  font-weight:bold; }
a:hover { color:#d8d8d8; }
h1 { color:#f3b700; font-size:1.8em; border-bottom:1px solid #1b1b1b;  margin-top:0; font-weight:normal; margin-bottom:20px; padding-bottom:8px; letter-spacing:1px;}
h2 { color:#f3b700; font-size:1.3em; background:#555555; line-height:25px; margin:0; font-weight:normal; padding-left:7px; clear:both; border-right:2px solid #f3b700; letter-spacing:1px; }
h3 { color:#f3b700; font-size:1.1em; line-height:25px; letter-spacing:1px; clear:both; font-weight:bold;}
h4 { color:#f3b700; font-size:1.3em; background:#373737; line-height:25px; margin:0; font-weight:normal; padding-left:7px; clear:both; border-right:2px solid #000; letter-spacing:1px; }

img.clsleft { margin-right:10px; margin-bottom:10px; }
img.clsmiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsright { margin-left:10px; margin-bottom:10px; }
img.clsborderleft { border:2px solid #000; margin-right:10px; margin-bottom:10px; }
img.clsbordermiddle { border:2px solid #000; margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsborderright { border:2px solid #000; margin-left:10px;  margin-bottom:10px;}

.datatable { border:1px solid #000000; }
.datatable input {  }
.datatable th { background:#B062D1; color:white; font-weight:bold;  border:1px solid white; padding:4px; }
.datatable td { background:#555555;  padding:6px; }
.datatable p { padding:0; margin:0; }

.notes { font-size:0.8em; }
.shout { font-size:1.2em; color:#f3b700; font-weight:normal;  line-height:1.8em;}
.shout2 { font-size:1.1em; color:#000000; font-weight:bold; padding:10px; background:#f8c62d; border:1px solid #000000; text-align:justify; }
.submit { background:#555555; color:white; border:0; cursor:pointer; font-weight:bold; font-size:1em; padding:2px; }
.reset { background:#000000; color:white; border:0; cursor:pointer; font-weight:bold; font-size:1em; padding:2px; }
.quote { border:1px solid #107e36; padding:4px; color:#107e36;  font-size:1.1em; line-height:1.6em;}
.caption { font-weight:bold; background:#B062D1; float:right; width:200px; padding:10px 8px; margin:0 0 10px 10px; color:white; font-size:0.9em; }
.custom1 {}
.custom2 {}
.border { border:2px solid #000; }
.noborder { border:0; }
#container { width:776px; margin:0 auto; margin-bottom:10px; text-align:left;  }

#sitelogo { color:#7B2E9C; height:90px; line-height:85px; font-size:1.7em; font-weight:bold; float:left; }
#hbc { float:right; padding:38px 15px 0 0; height:52px; text-align:right; }
#hbc a { padding-left:18px; }
#hbc a:hover { border:0; }
#main_pic { height:180px; margin:4px 0;  background:url(top_pic.jpg) no-repeat; }
#date { height:25px; line-height:24px; background:#E6BEF7; border-bottom:1px solid white; border-top:1px solid white; text-align:right; color:#7B2E9C; padding-right:10px; }

#pagebody { background:#373737; border:2px solid #000000; padding:20px; }
#pagebody form img { border:0; }

#bottom { height:25px; line-height:24px; background:#B062D1; text-align:center; font-size:1em; color:white; clear:both; }
#end, #end a { color:#000000; font-size:0.9em; font-weight:normal; }
#end a:hover { color:#fff; border:0; }

#nav {text-align:center; margin:0; padding:0; font-weight:bold; color:white; clear:both; height:25px; line-height:25px; margin-top:4px; background:url(menu_back.jpg) no-repeat}

/** positioning the drop-down menu **/
#nav ul, #nav ul ul { text-align:left; list-style-type:none; }
#nav li { display:inline; position:relative; top:0; margin-right:-3px /* fixes inline list bug */; }
#nav li a { padding:6px 15px; text-decoration:none; border:0;   }
#nav li ul { margin:0; padding:0; display:none; position:absolute; top:25px/* distance away from the main nav bar */;  }
#nav li>/**/ul { top:19px /* distance away from the main nav bar for firefox */ ; }
#nav ul ul { margin:0 0 0 180px /* moves second drop down away from first */; display:block; padding:0; display:none; position:absolute; top:0;  } 
#nav li:hover ul ul, #nav li.over ul ul { display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li.over ul, #nav li li.over ul, #nav ul li a { display:block; width:164px /* width of the drop-downs */; left:0; }

/** styling the drop-down menu **/

#nav li a { color:white; font-weight:bold; }
#nav li a:hover { color:#f3b700; }
#nav ul li a:hover, #nav ul ul li a:hover { background:#555; }
#nav .nav_parent a { background:url(nav_parent_out.gif) #B062D1 no-repeat right; padding-right:18px; }
#nav .nav_parent a:hover { background:url(nav_parent_over.gif) #B062D1 no-repeat right; }
#nav .nav_child a { background:#B062D1; padding:0 8px; border-top:1px solid #C48DDB; }
#nav .nav_child a:hover { background:#E6BEF7; border-bottom:0; }
#nav .nav_parent2 a { background:url(nav_parent2_out.gif) #B062D1 no-repeat right; }
#nav .nav_parent2 a:hover { background:url(nav_parent2_over.gif) #E6BEF7 no-repeat right; }
#nav .nav_child2 a { background:#B062D1; }
#nav .nav_child2 a:hover { background:#E6BEF7; }

#nav .nav_parent #active { color:#E6BEF7; cursor:default; background:url(nav_parent_out.gif) #B062D1 no-repeat right; }
#nav .nav_child #active, #nav .nav_child2 #active, #nav .nav_parent2 #active { background:#B062D1; }

#pagebody p, #pagebody li { font-size:1.1em; line-height:1.6em; list-style:square;}

.right_list ul {margin-left:20px;}
.right_list li { margin-bottom:5px;color:#0a732f; }

.right_list {background:#f8f8f8;  padding:5px; border:1px solid #001852;}

.contactform { margin:10px 0; border:1px solid #0c7631; font-size:1.1em; line-height:1.6em;}
.contactform input, .contactform textarea { width:300px }
.contactform textarea { height:130px; }
.contactform select { width:306px }
.contactform td { padding:5px; }

.right_col { background:#414141; padding:0 7px 0 7px; }

.right_col h2 { margin:0px -3px ; }

.address_area { height:57px; width:200px; }

.10_button { margin-bottom:25px; }
.hog_roast { margin-top:15px; margin-bottom:15px;}