@charset "utf-8";
/* We pulled out the body definition so it could be set
   differently on certain pages easily. You can find it
   in main.master and print.aspx. */
.twoColFixRtHdr #container {
	width: 960px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(/images/background.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.twoColFixRtHdr #header {
	margin: 0;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:130px;
}
.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 9px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 250px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin: 7px 0 0 0;
	padding: 0px;
	color: #FFFFFF;
}
.twoColFixRtHdr #mainContent {
	margin: 60px 250px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 5px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image: url(/images/contentBG.gif);
	background-repeat: repeat-y;
	background-position: left top;
	color: #333333;
}
#bottom {
	margin: 0;
	padding: 0;
	background-image: url(/images/contentBottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 13px;
}
.twoColFixRtHdr #footer {
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	text-align: center;
}
.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: .75em;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
a, a:link {
	color: #cc6600;
	text-decoration: none;
}
a:visited {
	/*color: #800080;*/
	color: #cc6600;
	text-decoration: none;
}
a.green, a.green:link {
	color: #669900;
	text-decoration: none;
}
a.green:visited {
	color: #669900;
	text-decoration: none;
}
a:active, a:hover, a.green:active, a.green:hover {
	text-decoration: underline;
	color: #663300;
}
h1 {
	color: #ad9d54;
	font-size: 1.75em;
}
h2 {
	color: #414141;
	font-size: 1.5em;
}
/************* HEADER ****************/

#header h1 {/*for logo & link*/
	height: 75px;
	width: 200px;
	text-indent:-9999px;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;
	left: 140px;
	float:left;
}
#searchForm {
	float: right;
	position: relative;
	top: 64px;
	margin: 2px 0 0 0;
	padding: 0;
}
input#txtSearch, input#ctl00_txtSearch {
	width: 200px;
	margin: 0;
	padding: 2px;
	vertical-align: top;
}
/************* NAVIGATION ****************/

#nav {
	margin: 7px 0 0 0;
	padding:0px;
	background-image: url(/images/navBg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 893px;
	height: 30px;
	float: right;
}
#nav ul {
	padding: 7px 0;
	margin: 0;
	list-style-type: none;
	color: #FFF;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	text-align: left;
}
#nav ul li {
	display: inline;
}
#nav ul li a {
	text-decoration: none;
	color: #FFF;
	margin: 0px;
	padding: 0.38em 2em;
	background-image: url(/images/navBullet.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#nav ul li#last a {
	background-image: none;
}
#nav ul li a:hover {
	color: #ffff99;
}
/*********** Sidebar ***************/

#sidebar1 h3, #sidebar1 p, #sidebar1 ul {
	margin: 0 10px;
}
#sidebar1 p, #sidebar1 ul {
	font-size: .8em;
}
#sidebar1 h3 {
	margin-bottom: 10px;
	padding: 1px 0;
	color: #FFF;
	text-transform: uppercase;
	background-image: url(/images/headSidebar.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#sidebar1 a, #sidebar1 a:link {
	color: #FFF;
	text-decoration: underline;
}
#sidebar1 a:visited {
	/*color: #6633ff;*/
	text-decoration: underline;
}
#sidebar1 a:active, #sidebar1 a:hover {
	text-decoration: none;
	color: #FFF;
}
#sidebar1 ul {
	margin:10px 20px;
	padding: 0;
	list-style:none;
}
#sidebar1 ul li {
	margin:5px 0;
	padding: 0;
}
.sidebarContent {
	background: #7ea900;
	background-image: url(/images/sidebarBg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0 0 2px 0;
	padding: 10px 0;
}
.ad {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}
#footerAds {
	margin-left: 50px;
	height: 15px;
}
#content {
	margin-left: 42px;
	font-size: .85em;
}
.txtrt {
	text-align:right;
}
img {
	border: 0;
}
ul.noBullets {
	list-style:none;
}
/************* Tools ***********/
#tools {
	color: #cc6600;
	background-image: url(/images/toolbarBg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 12px;
	/*height: 26px;*/
	height: 35px;
	line-height: 20px; /* Added for additional space when line wraps. */
}
#breadcrumb {
	float:left;
	padding: 4px 5px;
	width: 450px;
}
#print {
	float:right;
	/* This approach didn't allow for the icon to be clickable. */
	/*background-image: url(../images/printer.gif);
	background-repeat: no-repeat;
	background-position: right center;*/
	margin-right: 5px;
	padding: 4px 5px 4px 5px;
}
#email {
	float:right;
	margin-right: 5px;
	padding: 4px 5px 4px 5px;
}
.box {
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
	padding: 5px;
}
.box ul {
	list-style:none;
}
.alt {
	background-color:#f1f0e7;
	padding: 10px;
	/*height: 12em;*/
}
.alt1 {
	padding: 10px;
	/*height: 12em;*/
}
ul#multiColumn, ul#multiColumn2 {
	width: 99%;
	margin: 0;
	padding: 0;
}
ul#multiColumn li, ul#multiColumn2 li {
	/* list item dimensions */

  width: 10em;
	height: 2em;
	/* Clear the default margins & padding 
  for cross-browser efficiency */
  margin: 0;
	padding: 0;
	/* suppress item markers */
  list-style-type: none;
}
/* Purty it up */
ul#multiColumn li a, ul#multiColumn2 li a {
	display: block;
	width: 10em;
	line-height: 2em;
}
/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 2 items * 2em line-height = 4em */

ul#multiColumn li.brea, ul#multiColumn li.mai, ul#multiColumn li.sid, ul#multiColumn li.fruits, ul#multiColumn li.herbs, ul#multiColumn li.beverages {
	margin-top: -4em;
}
/* Horizontal positions of the columns */
ul#multiColumn li.app, ul#multiColumn li.bev, ul#multiColumn li.meats, ul#multiColumn li.vegetables, ul#multiColumn2 li.bee, ul#multiColumn2 li.bre, ul#multiColumn2 li.che, ul#multiColumn2 li.chi {
	margin-left: 0em;
}
ul#multiColumn li.brea, ul#multiColumn li.des, ul#multiColumn li.fruits, ul#multiColumn li.grains, ul#multiColumn2 li.duc, ul#multiColumn2 li.egg, ul#multiColumn2 li.fru, ul#multiColumn2 li.gam {
	margin-left: 10em;
}
ul#multiColumn li.mai, ul#multiColumn li.sal, ul#multiColumn li.herbs, ul#multiColumn li.milk, ul#multiColumn2 li.goa, ul#multiColumn2 li.lam, ul#multiColumn2 li.ric, ul#multiColumn2 li.sea {
	margin-left: 20em;
}
ul#multiColumn li.sid, ul#multiColumn li.sou, ul#multiColumn li.beverages, ul#multiColumn li.oils, ul#multiColumn li.other, ul#multiColumn2 li.tur, ul#multiColumn2 li.veg {
	margin-left: 30em;
}
/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 4 items * 2em line-height = 8em */

ul#multiColumn2 li.duc, ul#multiColumn2 li.goa, ul#multiColumn2 li.tur {
	margin-top: -8em;
}

.results {
	background-color:#9dc33b;
	color: #FFFFFF;
	margin: 0px;
	padding:3px 5px;
	font-weight: bold;
	font-size:11px;
	background-image: url(../images/resultsBg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-bottom: 10px;
}
.resultBoxOne {
	padding: 0 10px 10px 10px;
}
.resultBoxTwo {
	background-color:#f1f0e7;
	padding: 5px 10px 10px 10px;
}
.resultsDivider
{
    /*background-color:#9dc33b;
    height: 2px;
    margin: 25px 0 0 0;*/
    background-image: url(/images/dottedLine.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 5px 0;
}
/*#resultSet li {*/
ol.resultSet li {
	background-image: url(/images/dottedLine.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 5px 0;
}
.pagination {
	text-align: right;
	font-size:11px;
	padding: 5px;
}

.smallcaps 
{ 
    font-variant:small-caps;
}

blockquote 
{
    width: 80%;
}

/*#cwtb_container { float:right; }*/