* { margin: 0; padding: 0; }
.clear { clear: both; height: 1px; }

/*
Removed color codes, for future revert
new brown 5d5035
old red  6f240f
faux white f2debb
*/
body { margin: 0; padding: 0; text-align: center; background: #301005; font-family: "Verdana"; color: #f2debb; font-size: 13px;  }

#utility { } 
#utility-content { width: 867px; margin: 0 auto; text-align: right;  padding-top: 7px; font-size: 11px; }
#utility-content a { color: #f2debb; text-transform: uppercase; font-size: 11px; padding: 0 12px; text-decoration: none; }

#tell_a_friend {margin-top: 10px;}

#subscribe {margin-top: 10px;}

#home #super { background: url(/wp-content/themes/sfa/images/bg_main.jpg) top center repeat-x; min-height: 711px;  }
#sub #super { background: #efe0c9 url(/wp-content/themes/sfa/images/bg_sub.jpg) top center repeat-x; background-attachment: fixed;  background-repeat: no-repeat; min-height: 711px;  }

#wrap { width: 867px; margin: 0 auto; }


#logo { width: 301px; height: 112px; background: url(/wp-content/themes/sfa/images/logo.png); float: left; border: 0px; }


#logo a {	text-indent: -9999px; display: block; 
			left: 0pt; top: 0pt; width: 100%; height: 100%; border: 0px;}

			
/*
CENTER CONTENT PANE
---------------------
*/
#pagecontent { width: 867px; }
/*
org version
#maincontent { width: 827px; padding: 20px; background: #efe0c9 url(/wp-content/themes/sfa/images/parch.jpg); color: #43240f; line-height: 1.6; float: right; text-align: left;   }
*/
#maincontent { width: 420px; padding: 20px; background: #ffffff; color: #5d5035; line-height: 1.5; float: none; text-align: left; }
#maincontentfull { width: 500px; padding: 20px; background: #ffffff; color: #5d5035; line-height: 1.5; float: none; text-align: left; }
#maintitle {font-size: 20px;} 


/*Main Menu Navigation (across the top)
---------------------
former colors 
 #9d5d2d  
 #5d5035
 #996633
 border-bottom: 1px dotted #ffffff;
 */
 

#navigation { width: 867px; text-align: center; list-style: none; margin-top: 15px; height: 18px; padding-bottom: 15px;   }
#navigation li { float: left; border-right: 1px dotted #ffffff; margin-bottom: 15px; }
#navigation li a { color: #f2debb; display: block; text-transform: uppercase; font-size: 16px; padding-right: 14px; padding-left: 14px; text-decoration: none;}
#navigation li a.hover {text-decoration: underline;}
#navigation li a.visited {text-decoration: none;}
#navigation li a.active {text-decoration: none;}
#navigation li a.link {text-decoration: none;}
#navigation li  a.homebtn { padding-left: 0; margin-left: 0 }
#navigation .last-nav { border-right: none; }

#home-intro { background: url(/wp-content/themes/sfa/images/grey.png);  width: 867px; height: 258px; text-align: left;  }

#sub-boxes { width: 100%; height: 150px; padding-top: 20px; align: center; }
.sub-box { width: 205px; background: #7f2c01; margin-left: 55px; margin-right: 13px; float: left; height: 166px; border: 1px solid #c87201; text-align: center;   }
.sub-box h3 { font-weight: normal; text-align: center; font-size: 12px; color: #f9e9d1; background: #7f2c01; padding: 12px 8px; margin: 0; line-height: 1.8;   }
.sub-box img { border: 5px solid #fff4d5; margin: 0; padding: 0;  }



/*
Left Content Pane , i.e "Navigation"
--------------------------------------
*/
#sidebar { width: 200px; padding: 10px;  background: #ffffff; color: #5d5035; line-height: 1.5; float: none; text-align: left; height:100%;   }
#sidebar h2 { font-family: Georgia; font-weight: normal; font-size: 22px;   }
#subnav { list-style: none; }
#subnav li { /*line-height: 2; border-bottom: 1px solid #6f240f;*/ width: 180px; }
#subnav li a { display:block; text-decoration: none; color: #5d5035; 
	font-weight: bold;
	padding: 3px 0px 4px 7px;
	font-weight: bold;
	font-family: Georgia, Serif;
}
#subnav li a.hover {text-decoration: underline;}

#leftbar { width: 200px; padding: 10px;  background: #ffffff; color: #5d5035; line-height: 1.5; float: none; text-align: left;    }
#leftbar a.hover {text-decoration: underline;}
#leftbar a.visited {text-decoration: none; color: #5d5035;}
#leftbar a.active {text-decoration: none;}
#leftbar a.link {text-decoration: none;}
#leftbar_title { font-weight: bold; font-family: Georgia, Serif; }
#leftbar_list { padding-left: 25px; list-style: none; } 
#leftbar_quote { font-style: italic;}
#leftbar_author { text-align: right; }


/*
Right Content Pane 
-----------------------
*/
#rightbar { width: 200px; padding: 10px;  background: #ffffff; color: #5d5035; line-height: 1.5; float: none; text-align: left;    }
#rightbar_title { font-weight: bold; font-family: Georgia, Serif; }
#rightbar_list { padding-left: 25px; list-style: none; } 
#rightbar_quote { font-style: italic;}
#rightbar_author { text-align: right; }
#rightbar_txt { font-size: 13px; font-weight: bold; font-style: italic;}


#right-header { float: right; text-align: right; width: 300px; padding-top: 50px;   }
#right-header h3 a {  color: #f2debb; text-decoration: none; margin-left: 10px;  }
#right-header h3 {  font-weight: normal; font-size: 13px; }
#right-header h4 a {  color: #f2debb; text-decoration: none; margin-left: 10px;  }
#right-header h4 {  font-weight: normal; font-size: 13px; }


#footer { background: url(/wp-content/themes/sfa/images/footer.jpg) repeat-x ; min-height: 180px;  }
#footer a { color: #f2debb; text-decoration: none;}
#footer-content { width: 867px; margin: 0 auto; text-align: right;  padding-top: 40px; }
#footer-left { float: left; width: 400px; text-align: left; color: #f2debb; text-transform: uppercase; font-size: 11px; line-height: 1.5;   }
#footer-right { float: right; width: 400px; text-align: right; color: #f2debb; text-transform: uppercase; font-size: 12px; padding-top: 20px;   }
#footer-right a { color: #f2debb; text-transform: uppercase; font-size: 12px; padding: 0 12px; text-decoration: none;  }


/* Kwick */

.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 140px;
	height: 258px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 5px; /*Set to same as spacing option. */	
	float: left;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
}



.kwicks.horizontal #kwick_6{
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks.vertical #kwick_6 {
	margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Shopp Related Styles*/

.top20 { margin-top: 40px; padding-bottom: 30px;  }
.top20 a { margin: 0 5px; }

.bullet { list-style: circle; margin: 20px 0 0 20px; }

.entry a { color: maroon; font-size: 12px; }
.entry p { margin-bottom: 15px; }
.entry ul { margin: 20px;}

#shopp {}
#shopp ul.bullet  { list-style: none; margin: 10px 0 0 10px; }
.shopp_categories { list-style: none; }
.shopp_categories li { /*line-height: 2; border-bottom: 1px solid #6f240f; */}
.shopp_categories li a { display:block; text-decoration: underline; color: #6f240f; padding: 6px 0; }