/*   LEFT BAR CONTENT */

.leftbarcontent {
	background-image: url(../_images/grainimageblue.jpg); background-repeat: no-repeat;
	width: 170px; margin-left: 20px; }

.leftbarcontent .sidelinktitle {
	
	height: auto;	width: 147px;	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;	background-attachment: scroll;	background-image: url(../_images/sidelinktitle.png);
	background-repeat: repeat-x;	background-position: left top;	font-weight: normal;	padding: 3px 0px 3px 23px;
	text-decoration: none;	margin-top: 18px; text-transform: lowercase;}
	
.leftbarcontent .sidelinktitle a {
	font-size: 1.2em;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold; 
}
.leftbarcontent .sidelinktitle a:hover {	text-decoration: underline;}

.leftbarcontent .sidelinkon {
	
	height: auto;	width: 147px;	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;	background-attachment: scroll;	background-image: url(../_images/sidelink2.png);
	background-repeat: repeat-x;	background-position: left top;	font-weight: normal;	padding: 3px 0px 3px 23px;
	text-decoration: none;	margin-top: 18px; text-transform: uppercase; font-size: 1.2em;}

.leftbarcontent .sidelink {
	height: auto;	width: 147px;	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;	background-attachment: scroll;	background-image: url(../_images/sidelink.png);
	background-repeat: repeat-x;	background-position: left top;	font-weight: normal;	padding: 3px 0px 3px 23px;
	text-decoration: none; text-transform: lowercase;}

.leftbarcontent .sidelink a {	font-size: 1.2em;	color: #FFFFFF;	text-decoration: none;}
.leftbarcontent .sidelink a:hover {	text-decoration: underline;}

.leftbarcontent .sidelink2 {
	height: auto;	width: 147px;	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;	background-attachment: scroll;	background-image: url(../_images/sidelink2.png);
	background-repeat: repeat-x;	background-position: left top;	font-weight: normal;	padding: 3px 0px 3px 23px;
	text-decoration: none;}

.leftbarcontent .sidelink2 a {	font-size: 1.2em;	color: #FFFFFF;	text-decoration: none;}
.leftbarcontent .sidelink2 a:hover {	text-decoration: underline;}




.leftbarcontent .wheretitle {	height: 21px;
	width: 166px;	font-family: Arial, Helvetica, sans-serif;	color: #FFFFFF;
	background-attachment: scroll;	background-image: url(../_images/wherebuy.png);
	background-repeat: repeat-x;	background-position: left top;	
	font-weight: normal;	padding: 3px 0px 0px 4px;	text-decoration: none;
	margin-top: 50px;}

.leftbarcontent .wheretitle a {font-size: 1.5em;	color: #FFFFFF;	text-decoration: none;}
.leftbarcontent .wheretitle a:hover {	text-decoration: underline;}

.leftbarcontent .wherecontent {
	height: auto;	width: 140px;	background-attachment: scroll;
	background-image: url(../_images/wherebox.png);	background-repeat: repeat-x;
	background-position: left top;
	padding: 80px 15px 5px 15px;
	background-color: #FFFFFF;
	font-size: 1.1em; 	text-align: center;}

.leftbarcontent .wherebottom {
	height: 10px;	width: 170px;	background-color: #6E202E;	margin-bottom: 25px;}

	

/*   MAIN BAR CONTENT */

.mainbarcontent { 	width: 92%;	margin: 0px 0px 10px 15px; }
.mainbarcontent p{
	font-size: 1.3em;
	line-height: 1.5em;
}
.mainbarcontent a { color: #073D68;}
.mainbarcontent a:hover { color:#B4344B;}

.mainbarcontent li {
	font-size: 1.3em;
	line-height: 1.5em;
}

.mainbarcontent h1 {font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
		font-size: 3em;	font-style: italic;	color: #216E93;	letter-spacing: -1px;
	margin-bottom: -10px;	margin-top: 14px; font-weight: bold;}

.mainbarcontent h2 {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	font-style: italic;
	color: #216E93;
	font-weight: normal;
}

.mainbarcontent h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #499ACC;
	line-height: 1.5em;
}

.mainbarcontent h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #555555;
	line-height: 1.5em;
}

.mainbarcontent #left {
	float:left;
	clear: none;
	margin-right: 25px;
}
.mainbarcontent #right {	float:right;	clear: none; 	margin-left: 25px;}

.mainbarpanelcontent {
	width: auto; 	background-color: #E3D1B5;	padding: 5px;
	height: auto;	color: #000000;}

.mainbarpanelcontent h1 {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 19pt;	font-style: italic;	color: #000000;
	letter-spacing: -1px;	
	font-weight: normal;}


/*   RIGHT BAR CONTENT */

.rightbarcontent {width: 214px; font-size: 1em;}

.rightbarcontent .boxtitle {
	height: 21px;
	width: 210px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-attachment: scroll;
	background-image: url(../_images/rightbarblue.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 3px 0px 0px 4px;	
	font-weight: normal;
	text-decoration: none;
}

.rightbarcontent .boxtitle a { font-size: 1.5em;	color: #FFFFFF;	text-decoration: none;}
.rightbarcontent .boxtitle a:hover {	text-decoration: underline;}

.rightbarcontent .boxcontent {
	height: auto; 	width: 210px;	background-attachment: scroll;
	background-image: url(../_images/rightboxshadow.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 3px 0px 0px 4px;	background-color: #FFFFFF;
	font-size: 1.1em; font-family: Verdana, Arial, Helvetica, sans-serif;}

.rightbarcontent .boxcontent a { color: #555555; text-decoration: none;}
.rightbarcontent .boxcontent a:hover { color: #555555; text-decoration: underline;}


.rightbarcontent .boxcontent h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #B4344B;	margin-top: 3px;	margin-bottom: 1px;
	font-size: 1.2em;	text-decoration: none;}

.rightbarcontent .boxcontent img {	padding: 0px 0px 0px 6px;	margin: -3px 0px 0px 0px;	float:right;	clear: none;}

.rightbarcontent #box2 { 	background-image: url(../_images/rightbarred.png);}
.rightbarcontent #box3 {	background-image: url(../_images/rightbarpurple.png);}
.rightbarcontent #boxcsf {	background-image: url(../_images/rightbarcsf.png);}
.rightbarcontent #boxloaf {	background-image: url(../_images/rightbarloaf.png);}
.rightbarcontent #boxmsf {	background-image: url(../_images/rightbarmsf.png);}


.rightbarcontent .recipetitle {
	height: 21px; 	width: 210px;	 font-family: Arial, Helvetica, sans-serif; 
	color: #FFFFFF;	background-attachment: scroll;
	background-image: url(../_images/recipetitle2.png);	background-repeat: no-repeat;
	background-position: left top;	font-weight: normal;
	padding: 3px 0px 0px 4px;	text-decoration: none;	margin-top: 18px;}

.rightbarcontent .recipetitle a {	font-size: 1.5em;	color: #FFFFFF;	text-decoration: none;}
.rightbarcontent .recipetitle a:hover {	text-decoration: underline;}

.rightbarcontent .recipelink {
	height: auto;	width: auto;	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;	background-attachment: scroll;	background-image: url(../_images/loaflink2.png);
	background-repeat: repeat-x;	background-position: left top;	font-weight: normal;	padding: 3px 0px 3px 23px;
	text-decoration: none;}

.rightbarcontent .recipelink a {	font-size: 1.2em;	color: #FFFFFF;	text-decoration: none;}
.rightbarcontent .recipelink a:hover {	text-decoration: underline;}


	
/**************************************************************
   Form Elements
 **************************************************************/

#form {   padding: 0;  margin: 0px 40px 0px 40px ; }

#form p {background-color: #EAF3FA; padding: 2px; margin: 1px;}
/* If you're finding the input elements get pushed down, increase the width */
#form label {   float: left;  width: 170px;  vertical-align: top;}

input, textarea,select {  padding: 1px;  font: 400 1em verdana, sans-serif;  color: #333333;
  background: #EEE;  border: 1px solid #CCC;}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;

  font: 400 0.9em verdana, serif;
  cursor: pointer;

  color: #fff;
  background: #ccc;
  border-width: 1px;
  border-style: solid;
  border-color: #888 #888 #8880 #888; 
}

input.radio {
  background: none;
  border: 0px;
}

.smaller {font-size: 90%;}
.quote { padding-left: 5px; margin-left: 15px; border-left: 10px solid #E3B5BD;   }
.quote2 { padding-left: 5px; margin-left: 15px; border-left: 6px solid #77804D;   }
.color {font-family: Arial, Helvetica, sans-serif; 	color: #B4344B;	margin-top: 3px;	margin-bottom: 1px;
	font-size: 1.2em;	text-decoration: none;}
.color2 {font-family: Arial, Helvetica, sans-serif; 	color: #606B2E;	margin-top: 3px;	margin-bottom: 1px;
	font-size: 1.2em;	text-decoration: none;}
.center {text-align: center;}
.bkcolor {float: none;	width: auto;	display: block;	height:auto;
	overflow: visible; 	clear: both; background-color: #B4344B ;
	margin: 0px; padding: 2px; color: white; }

.bkcolor a {color: white;}
.bkcolor a:hover {color: white; text-decoration:none;}	
	.line {border-top: 1px solid #499ACC; padding-top: 8px;}