@charset "utf-8";
/* CSS Document */

body {text-align:center;background-image:url('/images/ff_bg.jpg'); background-repeat:repeat-x; background-color:#333333; font-family:Trebuchet MS,Arial; font-size:11px; margin:0px;width:100%;height:100%;}

.header {font-weight: bold; font-family: Trebuchet MS; font-size: 26px; text-align: left}

#wrap {margin: 0px auto; width: 985px; background-color: #ffffff}

#main_1 {width: 985px; height: 5px; margin: 0px; padding: 0px; border:0px; background-image: url('/images/ff_whitebg_1.jpg'); background-repeat: repeat}

#main_2 {width: 985px; height: 106px; margin: 0px; padding: 0px; border:0px; background-image: url('/images/ff_whitebg_2.jpg'); background-repeat: repeat;}

#main_3 {width: 985px; height: auto; margin: 0px; padding: 5px 0px 5px 0px; border:0px; background-color: #ffffff; font: normal 11px Trebuchet MS; text-align: right; color: #888888}

#main_4 {width: 985px; height: auto; margin: 0px; padding: 0px; border:0px; background-color: #ffffff}


/* main_5 section info */
#main_5_OuterBox {width: 950px; margin: 0px auto; border: none; padding: 0px; background-image: url('/images/ff_greenbg_1.jpg'); background-repeat: repeat-x}

#main_5_BorderInfo {width: 906px; height: auto; margin: 0px 22px 15px 22px; border: none; padding: 20px 0px 0px 0px}

#box_left {width: 652px; height: auto; margin: 0px; border: none; padding: 0px; float: left}
.scroll {width: 330px; height: 170px; overflow: auto; margin: 5px 0px 0px 0px; padding: 0px 8px 0px 8px; border: 3px solid #fefdad; background-color: #fefdad; text-align: left}

#box_right {width: auto; height: auto; margin: 0px; border: none; padding: 0px; float: right}
.New_Recipes_Added {width: 238px; height: auto; margin: 0px; border: none; padding: 0px; background-color: #f7f7f7}
.Did_You_Know {width: 238px; height: auto; margin: 0px; border-color: #b7d17f; border-style: solid; border-width: 0px 1px 1px 1px; padding: 0px; background-image: url('/images/ff_DidYouKnow_bg.jpg'); background-repeat: repeat-x}
/* end main_5 section info */


/* footer area info */
#footer {width: 985px; height:97px; margin: 0px; padding: 0px; border:0px; background-color: #ffffff; background-image: url('/images/ff_footerbg.jpg'); background-repeat: repeat-x;overflow:hidden;}
#footer_bottomcorner {width: 985px; height: 15px; margin: 0px; padding: 0px; border:0px; background-image: url('/images/ff_footer.jpg'); background-repeat: repeat; overflow:hidden;} 
#footer_left {width: 400px; padding: 0px; float: left}
#footer_right {width: 585px; padding: 0px; float: right; text-align: left}
/* end footer area info */


/* vertical space info */
.vspace_1 {width: 985px; height: 10px; background-color: #ffffff}

.vspace_2 {height: 10px}

.vspace_3 {width: 985px; height: 27px; background-color: #ffffff}

.vspace_4 {width: 985px; height: 35px}

.vspace_5{height: 30px}

.gray_line {width: auto; height: 1px; margin: 10px 15px 0px 15px; border-width: 1px 0px 0px 0px; border-color: #bdbdbd; border-style: solid; padding: 0px}
/* end vertical space info */


/* font color info */
.text_green_l {margin: 0px; padding: 0px 0px 5px 0px; font: bold 14px Trebuchet MS,Arial; color: #709921; text-align: center}
.text_green {margin: 0px; padding: 0px 0px 0px 15px; font: bold 11px Trebuchet MS,Arial; color: #709921; text-align: left}
.text_green_s {margin: 0px; padding: 0px; font: bold 9px Trebuchet MS,Arial; color: #709921; text-align: center}
.text_red_b {margin: 0px; padding: 0px; font: bold 11px Trebuchet MS,Arial; color: #e02927; text-align: center} 
.text_blue {margin: 0px; padding: 0px 0px 0px 15px; text-align: left; width: 410px}
.text_black {margin: 0px; padding: 20px 0px 20px 60px; font: normal 11px Trebuchet MS,Arial; color: #000000}
/* end font color info */


/* link color info 
a:link {color: #ffffff}
a:active {color: #ffffff}
a:visited {color: #ffffff}
a:hover {color: #ffffff}*/

a.gray:link {font: normal 11px Trebuchet MS,Arial; color: #888888; text-decoration: underline; text-align: right}
a.gray:active {font: normal 11px Trebuchet MS,Arial; color: #888888; text-decoration: underline; text-align: right}
a.gray:visited {font: normal 11px Trebuchet MS,Arial; color: #888888; text-decoration: underline; text-align: right}
a.gray:hover {font: normal 11px Trebuchet MS,Arial; color: #888888; text-decoration: underline; text-align: right}

a.black:link {font: normal 11px Trebuchet MS,Arial; color: #000000; text-decoration: underline; text-align: right}
a.black:active {font: normal 11px Trebuchet MS,Arial; color: #000000; text-decoration: underline; text-align: right}
a.black:visited {font: normal 11px Trebuchet MS,Arial; color: #000000; text-decoration: underline; text-align: right}
a.black:hover {font: normal 11px Trebuchet MS,Arial; color: #000000; text-decoration: underline; text-align: right}

a.gray_noline:link {font: normal 11px Trebuchet MS,Arial; color: #888888; text-decoration: none; text-align: right}
a.gray_noline:active {font: normal 11px Trebuchet MS,Arial; color: #888888; text-decoration: none; text-align: right}
a.gray_noline:visited {font: normal 11px Trebuchet MS,Arial; color: #888888; text-decoration: none; text-align: right}
a.gray_noline:hover {font: normal 11px Trebuchet MS,Arial; color: #888888; text-decoration: none; text-align: right}

a.m_gray_noline:link {font: normal 11px Trebuchet MS,Arial; color: #333333; text-decoration: none; text-align: right}
a.m_gray_noline:active {font: normal 11px Trebuchet MS,Arial; color: #333333; text-decoration: none; text-align: right}
a.m_gray_noline:visited {font: normal 11px Trebuchet MS,Arial; color: #333333; text-decoration: none; text-align: right}
a.m_gray_noline:hover {font: normal 11px Trebuchet MS,Arial; color: #333333; text-decoration: none; text-align: right}

a.blue:link {font: normal 11px Trebuchet MS,Arial; color: #3777f2; text-decoration: none}
a.blue:active {font: normal 11px Trebuchet MS,Arial; color: #3777f2; text-decoration: none}
a.blue:visited {font: normal 11px Trebuchet MS,Arial; color: #3777f2; text-decoration: none}
a.blue:hover {font: normal 11px Trebuchet MS,Arial; color: #3777f2; text-decoration: none}

a.msize_blue:link {font: normal 12px Trebuchet MS; color: #3777f2; text-decoration: underline}
a.msize_blue:active {font: normal 12px Trebuchet MS; color: #3777f2; text-decoration: underline}
a.msize_blue:visited {font: normal 12px Trebuchet MS; color: #3777f2; text-decoration: underline}
a.msize_blue:hover {font: normal 12px Trebuchet MS; color: #3777f2; text-decoration: underline}

a.green:link {font: bold 11px Trebuchet MS,Arial; color: #709921; text-decoration: none}
a.green:active {font: bold 11px Trebuchet MS,Arial; color: #709921; text-decoration: none}
a.green:visited {font: bold 11px Trebuchet MS,Arial; color: #709921; text-decoration: none}
a.green:hover {font: bold 11px Trebuchet MS,Arial; color: #709921; text-decoration: none}

a.green_s:link {font: bold 9px Trebuchet MS,Arial; color: #709921; text-decoration: none; font-style: italic}
a.green_s:active {font: bold 9px Trebuchet MS,Arial; color: #709921; text-decoration: none; font-style: italic}
a.green_s:visited {font: bold 9px TTrebuchet MS,Arial; color: #709921; text-decoration: none; font-style: italic}
a.green_s:hover {font: bold 9px Trebuchet MS,Arial; color: #709921; text-decoration: none; font-style: italic}

a.red:link {font: normal 11px Trebuchet MS,Arial; color: #f1533d; text-decoration: none}
a.red:active {font: normal 11px Trebuchet MS,Arial; color: #f1533d; text-decoration: none}
a.red:visited {font: normal 11px Trebuchet MS,Arial; color: #f1533d; text-decoration: none}
a.red:hover {font: normal 11px Trebuchet MS,Arial; color: #f1533d; text-decoration: none}
/* end link color info */

.align50PercentCenter{width:50%;text-align:center;}
#nm_buttonarea1 {width: 985px; height: 14px; margin: 0px; padding: 0px; border: none; background-image: url('/images/ff_nm_toolsbg1.jpg'); background-repeat: repeat-x; overflow:hidden;}

/* try it yourself */
#nm_tryitarea_1 {width: 670px; height: auto; background-color: #ffffff; font-family: Trebuchet MS; font-size: 18px; font-weight: bold; padding: 0px 0px 15px 0px; text-align: left}
#nm_tryitarea_2 {width: 670px; height: 92px; margin: 0px; padding: 0px; border: none}
/* end try it yourself */


/* none member home page */
#non_member_home_1 {
	height: auto;
	background-color: #e3efcd;
	float: left;
	margin-bottom: 25px;
	margin-left: 5px;
	width: 668px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	text-align: center;
}
#non_member_home_2 {
	width: 240px;
	height: auto;
	border: none;
	padding: 0px;
	background-color: none;
	float: left;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}
/* end none member home page */


#nm_joinnow {width: 218px; height: auto; background-image: url('/images/ff_nm_4.jpg'); background-repeat: repeat-x; background-color: #ffffff; margin: 0px; padding: 0px; border-width: 0px 1px 0px 1px; border-color: #9f9f9f; border-style: solid}
#nm_joinnow_extraspace {width: 20px; height: auto; background-color: #ffffff; margin: 0px; padding: 0px; border: none}
#nm_quicktourbg {width: 240px; height: 91px; background-color: #ffffff}
#nm_remarkouter{width: 240px; height: auto; background-image: url('/images/ff_nm_5.jpg'); background-repeat: no-repeat; background-position: top left; margin: 0px; padding: 0px; border: none}
#nm_remarkinner {width: 164px; height: auto; margin: 0px; padding: 15px 28px 15px 28px; border: none; color: #709921; font-size: 12px; font-style: italic; text-align: center; background-image: url('/images/ff_nm_6.jpg'); background-repeat: no-repeat; background-position: bottom right}
#video {
	float: right;
	margin-right: 25px;
	margin-top: 0px;
}
#video h1 {
	color: #666;
	font-size: 20px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#top {
	background-color: #FFF;
	background-image: url(../images/homeBackgroundFade.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	width: 985px;
}


#slide {
	float: left;
	width: 668px;
	margin-left: 25px;
	background-color: #FFF;
}






#navIcons {
	text-align: center;
	padding-top: 10px;
}

#navIcons ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#navIcons li {
	display: inline;
}
#navIcons ul li a img {
	margin-right: 3px;
	margin-left: 3px;
}
#info_3 {
	background-color: #FFF;
	width: 95%;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
#info_3  h1 {
	font-size: 13px;
	font-weight: bold;
	color: #709921;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: 30px;
	text-align: center;
}
#info_4 {
	width: 95%;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Verdana, Geneva, sans-serif;
}
#info_4 h1 {
	font-size: 14px;
	font-weight: bold;
	color: #709921;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: 30px;
	font-style: normal;
	text-align: center;
}


#thoughts {
	text-align: center;
	height: auto;
	width: 650px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
#signin {
	width: 220px;
	float: right;
	text-align: left;
	background-color: #E3EFCD;
	border: 5px solid #FFF;
	margin-right: 25px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}


#signin a {
	color: #709921;
	font-size: 16px;
	font-weight: bold;
	padding-right: 7px;
	padding-left: 7px;
}

#singin_form {




}
.field {
	border: 1px solid #709921;
}
.button {
	background-image: url(../images/singin_btn.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 80px;
	font-weight: bold;
	color: #FFF;
	background-color: #709921;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.label {
	font-weight: bold;
	color: #666;
}
.dotted {
	margin-top: 15px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #709921;
}
.box {
	width: 200px;
	text-align: left;
	float: left;
	font-size: 10px;
	line-height: 16px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #999;
	height: 280px;
	margin-left: 10px;
}
.box p, h1 {
	padding-right: 10px;
	padding-left: 10px;
}
.box2 p, h1 {
	padding-right: 10px;
	padding-left: 10px;
}


.box2 {
	width: 200px;
	text-align: left;
	float: left;
	font-size: 9px;
	line-height: 14px;
	margin-left: 10px;
}

.clear {
	line-height: 1px;
	clear: both;
	height: 1px;
}


.quick_view_gray {font-family: Trebuchet MS; font-size: 12px; color: #666666; text-align: left}

.quick_view_green {font-family: Trebuchet MS; font-size: 12px; color: #6e7f4d; text-align: left}

.quick_view_blue {font-family: Trebuchet MS; font-size: 12px; color: #3777f2; text-align: center; text-decoration: none}

.quick_view_gray_title {font-family: Trebuchet MS; font-size: 14px; color:#333333; test-align: left}


.log_in_gray {font-family: Trebuchet MS; font-size: 12px; color: #666666; text-align: left}

.log_in_green {font-family: Trebuchet MS; font-size: 12px; color: #6e7f4d; text-align: left; text-decoration: underline}

.log_in_gray_button {font-family: Trebuchet MS; font-size: 12px; color: #666666; text-align: center; text-decoration: none}

.log_in_blue {font-family: Trebuchet MS; font-size: 12px; color: #3777f2; text-align: left; text-decoration: none}