﻿/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ General Classes */
.FL {
	float: left;
	display: inline;
}
.FR {
	float: right;
	display: inline;
}
.CL {
	clear: left;
}
.CR {
	clear: right;
}
.Clear {
	clear: both;
}
.PR {
	position: relative;
}
.PA {
	position: absolute;
}

.LAlign {
	text-align: left;
}
.CAlign {
	text-align: center;
}
.RAlign {
	text-align: right;
}
.TAlign {
	vertical-align: top;
}
.MAlign {
	vertical-align: middle;
}
.BAlign {
	vertical-align: bottom;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Margin */
.MT3 {
	margin-top: 3px;
}
.MT5 {
	margin-top: 5px;
}
.MT10 {
	margin-top: 10px;
}
.MT15 {
	margin-top: 15px;
}
.MT20 {
	margin-top: 20px;
}
.MT30 {
	margin-top: 30px;
}
.MT35 {
	margin-top: 35px;
}
.MT40 {
	margin-top: 40px;
}
.MT50 {
	margin-top: 50px;
}
.MT80 {
	margin-top: 80px;
}
.MT-10 {
	margin-top: -10px;
}

.MR5 {
	margin-right: 5px;
}
.MR10 {
	margin-right: 10px;
}
.MR20 {
	margin-right: 20px;
}
.MR30 {
	margin-right: 30px;
}
.MR40 {
	margin-right: 40px;
}
.MR50 {
	margin-right: 50px;
}
.MR160 {
	margin-right: 160px;
}

.ML5 {
	margin-left: 5px;
}
.ML10 {
	margin-left: 10px;
}
.ML20 {
	margin-left: 20px;
}
.ML30 {
	margin-left: 30px;
}
.ML40 {
	margin-left: 40px;
}
.ML50 {
	margin-left: 50px;
}
.ML55 {
	margin-left: 55px;
}
.ML60 {
	margin-left: 60px;
}
.ML100 {
	margin-left: 100px;
}
.ML125 {
	margin-left: 125px;
}
.ML130 {
	margin-left: 130px;
}

.MB5 {
	margin-bottom: 5px;
}
.MB10 {
	margin-bottom: 20px;
}
.MB20 {
	margin-bottom: 20px;
}
.MB30 {
	margin-bottom: 30px;
}
.MB40 {
	margin-bottom: 40px;
}
.MB50 {
	margin-bottom: 50px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Margin */


.W25 {
	width: 23%;
}
.W30 {
	width: 28%;
}
.W40 {
	width: 38%;
}
.W50 {
	width: 48%;
}
.W60 {
	width: 58%;
}
.W70 {
	width: 68%;
}
.W80 {
	width: 78%;
}
.W90 {
	width: 88%;
}
.W100 {
	width: 98%;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end General Classes */

.MrgnBoth32 {
	margin: 0px 30px;
}
.MrgnBoth6 {
	margin: 0px 36px;
}
.PT10 {
	padding-top: 10px;
}

.TxtGreen {
	color: #669900;
}
.TxtPink {
	color: #ec68b5;
}
.TxtWhite {
	color: #ffffff;
}
.NoWrap {
	white-space: pre-wrap;
}
.TextWrap {
	white-space: nowrap;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ General Classes */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Heading */
/* 
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h1 {
	font-size: 22px;
	line-height: 28px;
}
h2 {
	font-size: 18px;
	line-height: 22px;
}
h3 {
	font-size: 14px;
	line-height: 18px;
}
h4 {
	font-size: 12px;
	line-height: 16px;
}

.H2Link {
	font-size: 16px;
	line-height: 20px;
	font-weight:normal;
	text-decoration: none;
}
.StreepA {	float:left;
            width:100%;
            color:#4f4f52;
            line-height:16px;
            font-size:14px;
            font-weight:normal;
            padding:5px 0;
			background: url(../Images/BGStreepB.png) repeat-x 0 0;
}
.StreepGradientA {	float:left;
                  	width:100%;
                  	height:41px;
                  	padding-top:10px;
					background: url(../Images/BGGradientA.gif) repeat-x left bottom;
}
 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Heading */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Headings */
h1 { color:#676c25;
     font-size:30px;
     line-height:36px;
     font-weight:normal;
}
h2 { color:#8ca64e;
     font-size:18px;
     line-height:24px;
     font-weight:normal;
}

h1.Title {
	color: #669900;
	font-size: 30px;
	line-height: 36px;
	font-weight: bold;
	margin: 10 0px;
}
h2.Title {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
}
h3.Title {
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
}
h4.Title {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Headings */
a {
	color: #669900;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.Bullet {
	/*  used bullet icon with links */
	float: left;
	display: inline;
	width: 90px;
	color: #2e4401;
	padding-left: 12px;
	text-decoration: none;
	margin-top: 10px;
	position: relative;
	background: url("../images/Bullet.gif") no-repeat 0 5px;
}
a.Bullet:hover {
	text-decoration: underline;
	background: url("../images/Bullet.gif") no-repeat 2px 5px;
}
.Border1 {
	border: 1px solid #d3d3d3;
}
.BorderRight {
	border-right: 1px solid #d3d3d3;
}
.BorderLeft {
	border-left: 1px solid #d3d3d3;
}
.BorderBottom {
	border-bottom: 1px solid #d3d3d3;
}

p {
	color: #444444;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
}

.BGPink {
	/* Pink BG repeat for racipes */
	float: left;
	padding-bottom: 30px;
	border-top: 1px solid #f7bfe0;
	background: url("../images/BGPink.gif") repeat-x 0 0;
}
.BGGreen {
	/* Green BG repeat for racipes */
	float: left;
	padding-bottom: 30px;
	border-top: 1px solid #ccff99;
	background: url("../images/BGGreen.gif") repeat-x 0 0;
}

.Hline {
	float: left;
	width: 100%;
	height: 1px;
	margin: 10px 0px 20px;
	background: #d9d9d9;
}
.HlineB {
	float: left;
	width: 100%;
	height: 1px;
	margin: 5px 0;
	background: #d9d9d9;
}
.InputBtnPink {
	width: auto;
	color: #ffffff;
	padding: 2px 3px;
	border: 1px solid #8a4f71;
	background: #b87a9e;
}
.InputBtnPink:hover {
	background: #8a4f71;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end General Classes */




body {
	color: #444444;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	font-family: 'Trebuchet MS' , Helvetica, sans-serif; /*background: url("../images/BGInside.gif") left top repeat-x;*/
	margin: 0px !important;
	padding: 0px !important;
}
.WideWrapper {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	min-height: 100px !important;
	position: relative;
	padding-bottom: 10px; /* margin-bottom: 20px;*/
	margin: 0;
	border-bottom: 4px solid #e0a5c7;
	background: #f7bfe0 url("../images/BGHome.gif") repeat-x 0 0;
}
.Wrapper {
	width: 990px;
	height: auto;
	margin: 0 auto;
}
.Logo {

	float: left;
	width: 300px;
	height: 115px;
	cursor: pointer;
	margin: 10px 0 0 73px;
	background: url("../images/LOGO.png") no-repeat 0 0;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Subscribe Panel */
.SubscribePanel {
	float: left;
	width: 300px;
	height: 107px;
	margin: 12px 0 0 11px;
	background: url("../images/SubscribeBG.png") no-repeat 0 100%;
}
.SubscribePanel h2 {
	color: #777d34;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	padding-bottom: 12px;
	margin-left: 10px;
}
.SubscribePanel h2 span {
	color: #2f3301;
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
}
.SubscribePanel input[type=text] {
	float: left;
	width: 173px;
	height: 22px;
	margin: 0 6px 0 15px;
	border: none;
	/* background:#ffffff;*/
}

.SubscribePanel input[type=submit] { 
	border: none;
	color: #000000;
	/*width: 94px;
	height: 28px;*/
	text-align: center;
	padding: 0;
	cursor:pointer;
	background: url("../images/BtnInput.png") no-repeat 0 0;
}
.SubscribePanel input[type=submit]:hover { 
	background: url("../images/BtnInput.png") no-repeat 0 100%;
}
.SubscribePanel .mc-field-group div.error {
	float: left;
	clear: left;
	width: auto;
	background:#fff000;
	color: #ff0000;
	font-size: 12px;
	line-height: 16px;
	*margin: 10px 0 0 10px !important;
	*position: relative !important;
	margin: 30px 0 0 16px;
	position: absolute;
	white-space:nowrap;
}
.SubscribePanel #mce-success-response,
.SubscribePanel #mce-error-response {
	display: none;
	margin: 1em 0;
	padding: 2px;
	font-weight: bold;
	float: left;
	top: -1.5em;
	z-index: 1; /*width: auto;*/
}
.SubscribePanel #mce-success-response {
	background: #82a139;
	color: #ffffff;
}
.SubscribePanel #mce-error-response {
	background: #FBE3E4;
	color: #D12F19;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Subscribe Panel */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Menus */
#MenuHeader {
/*	float: left;
	display: inline;*/
	width: 983px;
	height: 29px;
	padding-right: 7px;
	background: #000000 url("../images/MenuHeaderLeft.gif") no-repeat 100% 0;
}
#MenuHeader ul {
	float: left;
	padding-left: 7px;
	background: url("../images/MenuHeaderRight.gif") left top no-repeat;
}
#MenuHeader ul li {
	float: left;
	height: 26px;
	color: #ffffff;
	text-align: center;
	padding: 3px 16px 0;
	background: #000000;
}
#MenuHeader ul li a {
	color: #ffffff;
	font-size: 14px;
	line-height: 19px;
	font-weight: normal;
	text-decoration: none;
	/*margin: 5px 46px;*/
	padding:0 0 2px 12px;
}
#MenuHeader ul li a span{
	padding:0 12px 5px 0;
}
#MenuHeader ul li a:hover,
#MenuHeader ul li a.Active {
	background: url("../images/SpriteMenuHeader.png") no-repeat 0 0;
}

#MenuHeader ul li a:hover span,
#MenuHeader ul li a.Active span {
	background: url("../images/SpriteMenuHeader.png") no-repeat 100% -20px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Menus */
.BoxHeader {
/*	float: left;
	display: inline;*/
	clear:both;
	width: 990px;
	height: 132px;
	margin: 10px 0;
	background: url("../images/BoxHeader.png") no-repeat 0 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Blog Section */
#SearchPanel {
	float: left;
	display: inline;
	width: 200px;
	height: auto; /*margin: 20px 0 0 18px;*/
}
/*
#SearchPanel .inside    {
    width: 900px;
    height: auto;
    margin: 0 auto;
    background:#e0edbe;
    border:1px solid #b6c596;
    padding:4px 0 4px 0;
}
*/
#SearchPanel .GSearch {
	float: left;
	clear: left;
	width: 200px;
	height: auto;
	border: none;
	margin-top: 5px; /*background: url("../images/BGSearchInside.png") no-repeat 0 0;*/
}
#SearchPanel .GSearch:after {
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}
#SearchPanel .GSearch h2 {
	color: #38482d;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
}
.gsc-control-cse .gsc-search-box {
	float: left;
	display: inline;
	width: 355px !important;
	padding: 0;
}
.gsc-control-cse .gsc-search-box .gsc-input input[type="text"] {
	height: 22px;
}
.gsc-control-cse .gsc-search-box tbody tr td {
	padding: 0;
	border: none !important;
}
/*
#cse .gsc-control-cse .gsc-branding {
	width: 500px;
	margin: 0 0 0 190px;
}

#SearchPanel .GSearch input.gsc-search-button {
	color: #ffffff;
	background: #a8b983;
	border: 1px solid #9dae77;
	padding: 3px 5px;
}*/
#SearchPanel .GSearch input[type="Submit"].gsc-search-button, input[type="Submit"].BtnS {
	clear: left;
	float: left;
	border: none;
	color: #000000;
	width: 94px;
	height: 28px;
	text-align: center;
	padding: 0;
	background: url("../images/BtnInput.png") no-repeat 0 0;
}
#SearchPanel .GSearch input[type="Submit"].gsc-search-button:hover, input[type="Submit"].BtnS:hover {
	background: url("../images/BtnInput.png") no-repeat 0 -28px;
}

#cse .gsc-control-cse .gsc-tabsArea, .gsc-control-cse .gsc-wrapper {
	width: 935px !important;
	float: left !important;
}
.gsc-control-cse .gsc-wrapper {
	position: absolute;
	clear: left;
	z-index: 999;
	margin: 30px 0 0 0;
	padding: 5px;
	border: 4px solid #b8ce84;
	background: #ffffff;
}

.BlogPanel {
	width: 279px;
	height: auto;
	min-height: 10px !important;
	float: left;
	display: inline;
	background: url("../images/BlogTop.gif") no-repeat 0 0;
}
.BlogTitle {
	float: left;
	display: inline;
	width: 240px;
	height: 68px;
	margin: 20px 0px 6px 20px;
}
.BlogTextPanel {
	float: left;
	width: 239px;
	height: auto;
	min-height: 25px !important;
	line-height: 16px;
	padding: 10px 20px 0px 20px;
	background: url("../images/BlogBG.gif") top center repeat-y;
}
.BlogBottom {
	float: left;
	width: 279px;
	height: 10px;
	background: url("../images/BlogBottom.gif") top center no-repeat;
}
.BlogTitle .Thumb {
	width: 85px;
	height: 65px;
	float: left;
	display: inline;
	margin-right: 10px;
	background: #ffffff;
}
.BlogTitle .Title {
	float: left;
	display: inline;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Blog Section */




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Quote Panel */
/* 
.QuotePanel {
	width: 574px;
	height: auto;
	min-height: 54px !important;
	position: relative;
	float: right;
	display: block;
	background: url("../images/QuoteBG.png") repeat-y 0 0;
	padding: 0px 13px 0px 13px;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	font-style: italic;
	text-align: center;
}
.QuotePanelTop, .QuotePanelBottom {
	width: 600px;
	height: 11px;
	float: right;
	display: block;
}
.QuotePanelTop {
	background: url("../images/QuoteTop.png") left top no-repeat;
	margin: 10px 0px 0px 0px;
}
.QuotePanelBottom {
	background: url("../images/QuoteBottom.png") left top no-repeat;
}
 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ / end Quote Panel */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Description Panel */
/* 
.DescriptionPanel {
	width: 900px;
	height: 150px;
	float: left;
	display: inline;
	background: #ffffff url("../images/BGDescription.gif") no-repeat;
	background-position: 0px 0px;
	border-top: 2px solid #968c92;
}
.DescriptionPanel p {
	width: 850px;
	float: left;
	display: inline;
	clear: left;
	margin: 15px 0px 0px 20px;
	font-size: 14px;
	line-height: 20px;
}
.DescriptionPanel span {
	width: 2px;
	height: 154px;
	float: right;
	display: inline;
	background: #ffffff url("../images/BGDescription.gif") no-repeat;
	background-position: 0px 0px;
}
 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Description Panel */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Mission Statement */
/*.AddMissionStatement {
	width: 858px;
	height: 263px;
	margin: 15px 0px 0px 21px;
	background: url("../images/AddMissionStatetment.png") no-repeat 0 0;
}*/
.MissionStatement {
	/*float: left;*/
	clear:both;
	width: 735px;
	height: auto;
	/*display:block;
	position:relative;*/
	font-weight: normal;
	font-family: 'Comic Sans MS' , cursive;
	/*margin: 10px 0 0 5px; */
	margin:0 auto;
	padding-bottom: 15px;
	background: url("../images/Gradient_Bottom.png") no-repeat 0 100%;
}

.MissionStatement h2 {
/*	float: left;*/
	width: 695px;
	height: 29px;
	color: #363b05;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 13px 0 0 40px;
	text-shadow: 0.1em 0.1em 0.05em #aeaeae;
	background: url("../images/Gradient_MissionStatemen-t.png") no-repeat 0 0;
}
.MissionStatement p {
	/*float: left;
	width: 950px;*/
	font-size: 12px;
	line-height: 18px;
	padding: 0 20px;
	background: url("../images/Gradient_BG.png") repeat-y 0 0;
}
.MissionStatement p span {
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Mission Statement */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Food Journal Panel */
#MainContainer, .MiddleContainer {
	float: left;
	width: 990px;
	height: auto;
	overflow: visible;
}
#MainContainer {
	margin-top: 25px;
	min-height:400px;
	padding-bottom:50px;
}
.PanelA, .PanelB, .PanelC, .PanelD, .PanelE {
	float: left;
}
.PanelA {
	width: 200px;
}
.PanelB {
	width: 570px;
}
.PanelC {
	width: 180px;
}
.PanelD {
	width: 260px;
}
.PanelE {
	width: 690px;
}
.SmallWrapperA {
	float: left;
	width: 205px;
	height: auto;
}
.LargeWrapperA {
	float: left;
	display: inline;
	width: 665px;
	height: auto;
	padding: 0px 25px 10px 0px; /* 1*/
}
.SmallWrapperB {
	float: left;
	width: 240px;
	height: auto;
	margin: 0px 40px 0px 0px;
}
.LargeWrapperB {
	width: 680px;
	height: auto;
}

ul.List1 {
	width: auto;
}
ul.List1 li {
	margin: 10px 0 6px 0;
	/*padding-left: 5px;*/
}
ul.List1 li label.Title {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	color: #333333;
}
ul.List1 li ul {
	margin-bottom: 6px;
	padding-left: 5px;
	width: auto;
}
ul.List1 li ul.ULFixWidth {
	width: 538px;
	margin-bottom: 6px;
	padding-left: 5px;
	overflow: hidden;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ / end Food Journal Panel */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Blog Large Panel */
.BlogPanelLarge {
	float: left;
	display: inline;
	width: 296px;
	height: auto;
	min-height: 325px !important;
	background: url("../images/BlogTopLarge.gif") no-repeat 0 0;
}
.BlogTitleLarge {
	float: left;
	display: inline;
	width: 240px;
	height: 68px;
	margin: 20px 0px 6px 20px;
}
.BlogTextPanelLarge {
	float: left;
	width: 276px;
	height: auto;
	min-height: 225px !important;
	padding: 10px 10px 0px 10px;
	background: url("../images/BlogBGLarge.gif") top center repeat-y;
}
.BlogBottomLarge {
	float: left;
	width: 296px;
	height: 10px;
	background: url("../images/BlogBottomLarge.gif") top center no-repeat;
}
.BlogTitleLarge .Thumb {
	float: left;
	display: inline;
	width: 85px;
	height: 65px;
	margin-right: 10px;
	background: #ffffff;
}
.BlogTitleLarge .Title {
	float: left;
	display: inline;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Blog Large Panel */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Shadow Box */
/*.ShadowBoxWrapper {
	float: left;
	display: inline;
	width: 550px;
	height: auto;
}
.ShadowBoxWrapper .BGTop {
	 Top Curve Image 
	float: left;
	display: block;
	width: 550px;
	height: 10px;
	background: url("../images/Image.gif") no-repeat 0 0;
}*/
.TextWrapper {
	/* Middle Text Container */
	float: left;
	display: block; /*min-height: 180px !important;*/
	position: relative;
	padding: 10px 20px 10px 20px;
}
/*
.ShadowBoxWrapper .BGBottom {
	 Bottom Curve Image 
	float: left;
	display: block;
	width: 550px;
	height: 10px;
	background-position: 0px -10px;
	background: url("../images/Image.gif") no-repeat;
}
*/

.TextWrapper .Left {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
/*	margin-right: 45px;*/
	background: url("../images/Flower.gif") no-repeat 0 0;
}
.TextWrapper .Right {
	float: left;
	display: inline;
	width: 200px;
	height: auto;
}
.TextWrapper .Left .Thumb {
	float: left;
	display: inline;
	width: 97px;
	height: 80px;
	margin-right: 15px;
}
.ThumbNamePanel {
	float: left;
	width: 100px;
	height: 150px;
}
.ProfileText {
	float: left;
	width: 420px;
	height: auto;
	line-height: 16px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Left Panel Item Displays */
ul.ItemLists {
	width: 100%;
	font-size: 11px;
	list-style: none;
	list-style-type: none;
	margin: 3px 0px 10px 0px;
	border-bottom: 1px solid #f1f1f1;
}
ul.RemoveBorder {
	border-bottom: none;
}
ul.ItemLists li {
	margin: 0px 0px 3px 0px;
}
ul.ItemLists li .ItemWrap {
	float: left;
	display: inline;
	height: 25px;
	width: 100%;
}
ul.ItemLists li .ItemWrap div {
	padding-left: 0.7em;
	font-size: 12px;
	line-height: 15px;
}
ul.ItemLists li .ItemWrap .ItemTitleA, ul.ItemLists li .ItemWrap .ItemTitleB, ul.ItemLists li .ItemWrap .ItemTitleC {
	float: left;
	display: inline;
	height: 19px;
	padding-top: 3px;
	background: #f8f8f8;
}
ul.ItemLists li .ItemWrap .ItemTitleA {
	width: 40%;
	font-size: 13px;
	font-weight: bold;
}
ul.ItemLists li .ItemWrap .ItemTitleB {
	width: 30%;
	margin: 0px 2px;
	font-weight: normal;
}
.LeftPanelList ul li .ItemWrap .ItemTitleC {
	width: 15%;
	font-weight: bold;
}
ul.ItemLists li .ItemWrap .ItemTitleC a {
	text-decoration: underline;
	color: #df8d2d;
	line-height: 16px;
}
ul.ItemLists li .ItemWrap .ItemTitleC a:hover {
	text-decoration: none;
}
ul.ItemLists li.ItemTitleD {
	clear: left;
	width: 100%;
	margin: 0px 0px 2px 0px;
}
ul.ItemLists li .ItemWrap .ItemTitleE {
	float: left;
	display: inline;
	width: 300px;
	height: 22px;
	margin: 0px 2px;
	background: #f8f8f8;
}
.Streep1 {
	width: 300px;
	height: 22px;
	margin-bottom: 15px;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}
fieldset.General {
	float: left;
	display: inline;
	width: 96%;
	padding: 6px 2px 6px 4px;
}
fieldset.General legend, fieldset.General div.Legend {
	display: inline;
	left: 0%;
	color: #669900;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	margin-left: 0px;
}
fieldset.General div.Legend {
	float: left;
	width: auto;
	margin: -17px 0px 7px 0;
	padding: 0px 5px;
	background: #ffffff;
}
div.Legend1 {
	float: left;
	width: auto;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	margin: -10px 0px 7px 5px;
	padding: 0px 5px;
	background: #ffffff;
}

fieldset.General ul li {
	/*  UL list for "Food Journal" classes  */
	height: auto;
	margin-bottom: 6px;
	padding: 0px 0px 5px 0px;
}
fieldset.General ul li:hover {
	background: #fcf5f9;
}
fieldset.General ul.NoHover li:hover {
	background: none;
}
fieldset.General .ItemA, .ItemA {
	float: left;
	width: 100%;
	height: 18px;
	color: #ee75bc;
	font-weight: bold;
	font-size: 13px;
	line-height: 15px;
}
fieldset.General .ItemA span, .ItemA span {
	color: #666666;
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
}
fieldset.General .ItemB, .ItemB {
	clear: left;
	width: 100%;
	height: auto;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
}
fieldset.General .ItemWrap a {
	color: #65793d;
	text-decoration: underline;
}
fieldset.General .ItemWrap a:hover {
	text-decoration: none;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Shadow Box */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Custom Button */
a.BtnCustom1 {
	float: left;
	display: block;
	height: 22px;
	color: #000000;
	cursor: pointer;
	text-decoration: none;
	padding: 0px 0px 0px 10px;
	background: url("../images/BtnLeft.gif") bottom left no-repeat;
}
a.BtnCustom1:hover {
	background: url("../images/BtnLeft.gif") no-repeat 0 0;
}
a.BtnCustom1 span {
	float: left;
	display: block;
	height: 19px;
	margin: 0px;
	padding: 3px 10px 0px 0px;
	background: url("../images/BtnRight.gif") bottom right no-repeat;
}
a.BtnCustom1:hover span {
	float: left;
	height: 19px;
	display: block;
	margin: 0px;
	padding: 3px 10px 0px 0px;
	background: url("../images/BtnRight.gif") top right no-repeat;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Custom Button */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Footer */
#FooterWrapper {
	float: left;
	width: 100%;
	height: 25px;
	margin: auto;
	margin-top: 25px;
	background: #f7bfe0;
}
.Footer {
	width: 900px;
	height: 20px;
	margin: 0px auto;
	padding-top: 5px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Footer */

/* TABLE	----------------------------------------------------------*/

table {
	border: solid 1px #e8eef4;
	border-collapse: collapse;
}
table td {
	padding: 5px;
	border: solid 1px #e8eef4;
}
.table thead.fixedHeader tr {
	position: relative;
}
table th {
	padding: 6px 5px;
	text-align: left;
	border: solid 1px #b6d47c;
	background: #ccea92;
}
.Border {
	border: 1px solid #cccccc;
	padding: 5px;
}
.StatusBar {
	left: 0px;
	right: 0px;
	color: white;
	z-index: 200;
	overflow: hidden;
	overflow-y: auto;
	bottom: 5px;
	position: fixed;
	background: #000000;
}
.StatusBarHighlight {
	width: 178px;
	height: 67px;
	font-weight: bold;
	color: White; /*background-color: Red;*/
	margin-bottom: -10px;
	background: url("../images/Loading.png") no-repeat;
}
.Clear20 {
	float: left;
	display: inline;
	width: 100%;
	height: 20px;
}


.GridA { }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Left Panel for Food Journal page */
.DivContainer1 {
	width: 230px;
	height: auto;
	float: left;
	display: inline; /*border-bottom: 1px solid #dbdbdb;*/
	padding-bottom: 5px;
}
.DivContainer1Large {
	float: left;
	display: inline; /*border-bottom: 1px solid #dbdbdb;*/
	width: 270px;
	height: auto;
	padding-bottom: 5px;
}
.ItemTypeLargeB {
	width: 250px;
	height: auto;
	float: left;
	display: inline;
	margin: 7px 0px 5px 10px;
}
.ItemTypeLargeC {
	width: 250px;
	height: auto;
	color: #6f6f6f;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	padding-bottom: 4px;
	margin: 2px 0px 20px 10px;
	background: url("../images/DotedHline.gif") left bottom repeat-x;
}
.TitleStreep1 {
	width: 195px;
	height: 24px;
	color: #669900;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 10px;
	padding: 5px 0px 0px 25px;
	background: url("../images/Streep1.gif") left top no-repeat;
}
.ItemTypeA {
	width: 210px;
	height: auto;
	color: #ee78bd;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
}
.ItemTypeA a {
	color: #669900;
	text-decoration: none;
}
.ItemTypeA a:hover {
	text-decoration: underline;
}
.ItemTypeB {
	float: left;
	display: inline;
	width: 210px;
	height: 16px;
	margin: 7px 0px 0px 10px;
}
.ItemTypeC {
	width: 210px;
	height: auto;
	color: #6f6f6f;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	padding-bottom: 4px;
	margin: 2px 0px 20px 10px;
	background: url("../images/DotedHline.gif") left bottom repeat-x;
}
.MinWidth {
	width: 100%;
	min-width: 890px !important;
	padding: 10px 0px 0px 10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Use HTML elements */
.HTMLelements {
	font-family: inherit;
}
.HTMLelements sub {
	font-size: xx-small;
	vertical-align: bottom;
}
.HTMLelements sup {
	font-size: xx-small;
	vertical-align: top;
}
.HTMLelements strong {
	font-weight: bold;
}
.HTMLelements em {
	font-style: italic;
}
.HTMLelements ol {
	list-style-type: decimal;
	list-style-position: inside;
	margin-left: 10px;
}
.HTMLelements ul {
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 10px;
}
.HTMLelements h1 {
	font-size: 2.2em;
}
.HTMLelements h2 {
	font-size: 2.0em;
}
.HTMLelements h3 {
	font-size: 1.8em;
}
.HTMLelements h4 {
	font-size: 1.6em;
}
.HTMLelements h5 {
	font-size: 1.4em;
}
.HTMLelements p {
	font-size: 1.2em;
}
.HTMLelements big {
	font-size: medium;
}
.HTMLelements small {
	font-size: x-small;
}
.HTMLelements blockquote:before, .HTMLelements blockquote:after, .HTMLelements q:before, .HTMLelements q:after {
	content: normal;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Use HTML elements */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Inspiration links */
.BGHeading {
	/*width: 192px;*/
	color: #643e37;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	margin-bottom: 10px;
	padding: 5px 0px 5px 8px;
	background: url("../images/Streep1.png") repeat-y 0 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Inspiration links */

.watermark {
	color: #999 !important;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Ul Style */
.ShowHidden li { overflow:hidden;	}

.UlMommies li {
	float: left;
	margin-bottom: 25px;
}

.UlMommies li a {
	float: left;
	width: 172px;
	height: 105px;
}
.UlMommies li a.Newbie {
	background: url("../images/BtnMommies.png") no-repeat 0 0;
}
.UlMommies li a.Newbie:hover, .UlMommies li a.Newbie.Active {
	background: url("../images/BtnMommies.png") no-repeat 0 -105px;
}

.UlMommies li a.Maintenance {
	background: url("../images/BtnMommies.png") no-repeat -172px 0;
}
.UlMommies li a.Maintenance:hover, .UlMommies li a.Maintenance.Active {
	background: url("../images/BtnMommies.png") no-repeat -172px -105px;
}

.UlMommies li a.Veteran {
	background: url("../images/BtnMommies.png") no-repeat -344px 0;
}
.UlMommies li a.Veteran:hover, .UlMommies li a.Veteran.Active {
	background: url("../images/BtnMommies.png") no-repeat -344px -105px;
}


.UlLink li {
	padding: 1px 0;
	border-bottom: 1px solid #e7e7e7;
}
.UlLink li a {
	color: #696d2e;
	text-decoration: none;
	padding: 5px 0;
	display: block;
}
.UlLink li a:hover, .UlLink li a.Active {
	background: #f3f3f3;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ UlMommies Inside */
.UlMommiesInside {
	float:right;
	margin: 12px 12px 0 0;
}
.UlMommiesInside li {
	margin-bottom:6px;
}
.UlMommiesInside li a {
	display:block;
	width: 144px;
	height: 32px;
}

.UlMommiesInside li a.Newbie {
	background: url("../images/SpriteTabInside.png") no-repeat 0 0;
}
.UlMommiesInside li a.Newbie:hover, .UlMommiesInside li a.Newbie.Active {
	background: url("../images/SpriteTabInside.png") no-repeat -144px 0;
}


.UlMommiesInside li a.Maintenance {
	background: url("../images/SpriteTabInside.png") no-repeat 0 -32px;
}
.UlMommiesInside li a.Maintenance:hover, .UlMommiesInside li a.Maintenance.Active {
	background: url("../images/SpriteTabInside.png") no-repeat -144px -32px;
}


.UlMommiesInside li a.Veteran {
	background: url("../images/SpriteTabInside.png") no-repeat 0 -64px;
}
.UlMommiesInside li a.Veteran:hover, .UlMommiesInside li a.Veteran.Active {
	background: url("../images/SpriteTabInside.png") no-repeat -144px -64px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end UlMommies Inside */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Ul Style */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Blog Ad */
.BlogAd {
	float: left;
	width: 200px;
	height: auto;
	margin-top: 30px;
	padding:10px 0;
	background:#fefffe;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Blog Ad */

.GSResultPanel {
	clear: both;
	width: 540px;
	border: 2px solid #f0f2e8;
	margin: 0 0 30px 0;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	background: #fdfdfc;
}
.GSResultPanel .gsc-resultsbox-visible {
	margin-top: 20px;
}
.gsc-tabHeader {
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
}
.GSResultPanel table.gsc-resultsHeader, .GSResultPanelWide table.gsc-resultsHeader {
	display: none;
}
.GSResultPanel .gsc-control {
	width: 500px;
	margin-left: 20px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Search for Recipe Page */
.GSResultPanelWide {
	clear: both;
	width: 675px;
	border: 2px solid #f0f2e8;
	margin: 0 0 30px 0;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	background: #fdfdfc;
}
.GSResultPanelWide .gsc-control {
	width: 647px;
	margin-left: 20px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Icons */
.IconEmail64	{	height:21px;
            	 	display:block;
            	 	margin-top:20px;
            	 	padding:20px 0 0 70px;
					background: url("../images/SpriteIcon_64.png") no-repeat 0 0;
}
.IconEmail64:hover	{	background: url("../images/SpriteIcon_64.png") no-repeat 0 -41px;	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Icons */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Input/ Custome Buttons */
.BtnA	{		display:block;
     	 		height:24px;
     	 		font-size:13px;
     	 		line-height:17px;
     	 		font-weight:normal;
     	 		padding:0 0 0 7px;
	cursor:pointer;
				background: url("../images/SpriteBtn.png") no-repeat 0 0;
}
.BtnA input[type=submit]	{		
	height:24px;
	padding:0 7px 0 0;
	overflow:visible;
	margin:0;
	border:none;
	background: url("../images/SpriteBtn.png") no-repeat 100% -24px;
}
.BtnA:hover	{	background: url("../images/SpriteBtn.png") no-repeat 0 -48px;	}
.BtnA input[type=submit]:hover	{			background: url("../images/SpriteBtn.png") no-repeat 100% -72px;	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Input/ Custome Buttons */

.Simplify
{
	float:left;
	width:310px;
}

/*~~~~~~~~~~~~~~~~~~~~~~  Social Links  */
.FacebookIcon, .TwitterIcon, .RssIcon
{
	float:left;
	width:54px;
	height:52px;
}
.FacebookIcon
{
	background:url("../images/SocialLinks-1.png") no-repeat 0 0;
}
.FacebookIcon:hover
{
	background:url("../images/SocialLinks-1.png") no-repeat 0 -52px;
}
.TwitterIcon
{
	background:url("../images/SocialLinks-1.png") no-repeat 0 -104px;
}
.TwitterIcon:hover
{
	background:url("../images/SocialLinks-1.png") no-repeat 0 -156px;
}
.RssIcon
{
	background:url("../images/SocialLinks-1.png") no-repeat 0 -208px;
}
.RssIcon:hover
{
	background:url("../images/SocialLinks-1.png") no-repeat 0 -260px;
}

.RmvLine:hover 
{
	text-decoration:none !important;
} 
