/*--RESETS--*/
img, a img {border:none} /*images get border by default*/
a {text-decoration:none; outline:none} /*removes dotted border from Firefox*/
/*don't use style.css resets, it affects <p>*/
/*--BODY--*/
body {background:#e5ffbf; margin:2.5% auto}
#wrapper {
	width:97%; /*Do NOT increase to 98%, wrecks tag in ie6*/
	min-width:770px; /*Reducing this width will cause floats to fall @ min-width: Do Not Disturb*/
	max-width:1150px;
	margin:0 auto;
}
table {/*here in body .9 reduces all child font-sizes, in main.php it's in p not body*/
	font: 0.95em/1.6 "Lucida Sans Unicode",Verdana,sans-serif; color:black; text-align:left}
a:link {color:blue; text-decoration:underline}
a:visited, a:active {color:#f00251; text-decoration:underline}
a:hover {background:#e5ffbf; color:#f00251; text-decoration:none}

.clear {clear:both}
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/*mac hide \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/*End hide*/
/*--FONTS + SPACING--*/
em, i, cite {font-family:"Lucida Sans",Verdana,sans-serif; font-style:italic}
blockquote {padding:0 40px 10px 30px}
blockquote p {font-family:"Lucida Sans",Verdana,sans-serif; font-style:italic}
.quote {font:italic bold 1.05em/1.5 "Lucida Sans",Verdana,sans-serif; color:green; margin:20px 60px}
.quote .auth {font:0.9em Arial,sans-serif; font-style:normal; font-weight:normal;
	text-align:right; margin-top:15px}
.quotehigh {background:#ffff8b; padding:20px; margin:20px 60px; border:1px solid green}
.quotehigh .auth {font:0.9em Arial,sans-serif; text-align:right; margin-top:15px}
/*.luc {font:0.95em/1.6 "Lucida Sans Unicode",Verdana,sans-serif}*/
.red2 {color:#f00251}
.bold {font-weight:bold}
.high {background:yellow}
.rgt {text-align:right}
.cnt {text-align:center}
.prgt10 {padding-right:10px} /*head*/
h1 {font-family: arial black,sans-serif; font-weight:none; font-size:30px; color:#f00251; text-align:center}
h2 {font-family: arial,helvetica,sans-serif; font-weight:bold; font-size:18px; color:#f00251; text-align:center; display:inline}
/*--HEAD--
	--CAREFUL in head floats - enlarging widths/margins/padding may cause floats to fall - check in 800x600--*/
#head {
	width:100%;
	margin-bottom:15px; /*keep MB here*/
}
.logosm {
	float:left;
	display:inline;
	margin:0; padding:0;
}
.logo { }
.toprgt {float:right; display:inline; margin-right:15px}
.toprgt p {font:0.95em Georgia,serif; color:green; padding-top:5px; margin:0}
.toprgt a:link, .toprgt a:visited, .toprgt a:active {font:bold 1em Georgia,serif; color:green; text-decoration:none}
.toprgt a:hover {background:white; color:#f00251}
.search {clear:right; float:right; display:inline; margin:0 15px 10px 0}
.ebk {
	clear:left;
	float:left;
	background:#f2ffdf;
	display:inline;
	width:322px;
	margin:30px 0 0 10px; /*MB in hdr*/
	padding-bottom:5px;
}
.ebk h3 {
	display:block;
	padding:0; /*keep*/
	margin:5px 0;
	font:bold 1.1em "Comic Sans MS",sans-serif; color:#f00251; text-align:center;
}
.ebk p {
	padding:0 6px 3px;
	margin:3px 0;
	font:0.9em Arial,sans-serif; color:#006600; text-align:left;
}
.ebk .foot {
	padding:0 6px 8px;
	margin:3px 0;
	font:0.9em Arial,sans-serif; color:#006600; text-align:left;
}
.ebk .photo {
	float:left;
	display:inline;
	margin:7px 15px 10px 10px;
}
.ebk form {margin:0}
.ebk .submit {width:170px; margin-top:3px}
.ebk a:hover {background:yellow; text-decoration:none}
.ebk a:visited, .ebk a:active {color:blue; text-decoration:underline}
.postit {
	clear:right;
	float:right;
	display:inline;
	background:url(../imgpg/postit.png) no-repeat; /*#ffffa0*/
	width:300px; height:170px;
	margin:10px 30px 10px 0;
}
.postit h3 {font:14.5px Helvetica,sans-serif; font-style:normal; font-weight:bold;
	padding:25px 0 13px 23px; margin:0}
.postit h3 a:hover {background:#ffffff; color:#f00251!important; text-decoration:none!important}
.postit p {font:italic 13px Georgia,serif;
	padding:0 49px 7px 18px; margin:0}
.postit .foot {padding:4px 30px 0 25px}
.postit a:hover {background:#ffffff; color:#f00251!important; text-decoration:none!important}
.postit a:visited, .postit a:active {color:blue; text-decoration:underline}
/*--ROUNDCORNERS--*/
.rc15 { /*ebk*/
	border-radius:15px; /*css3 same as FF*/
	-moz-border-radius:15px; /*TL,TR,BR,BL*/
}
.rc20 { /*btmnav*/
	border-radius:20px;
	-moz-border-radius:20px;
}
/*--BTMNAV--*/
#btmnav {
	clear:both; /*leafbtm-lft/rgt*/ 
	width:100%;
	zoom:1.0;
}
.ebk-sm {
	width:500px;
	text-align:center;
	margin:0 auto 40px;
	padding-top:20px;
}
.ebk-sm form {text-align:center; margin:10px 0 0}/*submit width 4 IE6/7 does not work here*/
#btmnav h2 { /*for ebk*/
	padding:0 0 10px;
	font:bold 1.25em "Comic Sans MS",sans-serif; color:#f00251;
	text-align:center;
}
#btmnav h3 { /*for navs*/
	font:bold 1.2em "Comic Sans MS", sans-serif; color: #a1b37f;
	padding:8px 0 0 30px;
	margin: -2px 0 11px;
}
#btmnav h3 span {
	font:bold 0.8em Arial,sans-serif; color:green;
}
#btmnav h3 a {font:0.7em Arial}
#btmnav h3 a:link {color:blue; text-decoration:none}
#btmnav h3 a:visited, #btmnav h3 a:active {color:#f00251; text-decoration:none}
#btmnav h3 a:hover {background:#ffff8b; color:#f00251}
#btmnav ul { /*position of links within boxes*/
	list-style:none;
	margin:0;
	padding:0 30px;
	position:relative;
	zoom:1.0;
}
.navbox hr {display:inline-block} /*when IE6 dead, change this hr, see btmnav-hr-keep*/
#btmnav li {
	float:left; /*don't clear in .shop*/
	display:inline; padding:0;
	font:0.8em/1.9em Arial, sans-serif;
}
#btmnav li a {white-space:nowrap}
#btmnav li span {
	position:relative;
	padding:0 6px; /*gives space each side of pipe*/
	top: -2px;
	font-size:0.9em; color:green;
}
#btmnav li span.bl {color:blue; padding:0px 8px 0 0; font-size:100%}
#btmnav a {font-weight:normal}
#btmnav a:link {color:blue; text-decoration:none}
#btmnav a:visited, #btmnav a:active {color:#f00251; text-decoration:none}
#btmnav a:hover {background:#ffff8b; color:#f00251}
.navimg {width:24px; height:24px; float:left}
.navbox, .truebox {
	background:#f2ffdf;
	zoom:1.0;
	padding:10px 20px 15px 10px;
	margin:0 120px; /*position of box*/
	margin-bottom:20px!important;
}
.truebox p {
	padding:0 15px;
	font:0.9em "Trebuchet MS", sans-serif; color: #f00251;
}
.truebox blockquote {padding:0}
.truebox blockquote p {
	padding:0 10px;
	font:italic 0.8em/1.8 Georgia,serif; color:#2e2eff;
}
/*--DROPDOWNS - code from Paul @ http://www.pmob.co.uk*/
#btmnav .navbox ul li:hover ul, #btmnav .navbox ul li.over ul {left:0}
#btmnav .navdrop {position:relative; z-index:999}
#btmnav .navdrop ul li a:visited {color:blue} /*keeps this blue because some dropdowns unvisited*/
#btmnav .navbox ul ul {
	background:white;
	position:absolute;
	top:1.6em; /*not too far away or you lose focus*/
	left:-999em;
	padding:0;
	border-bottom:none;
	text-align:left;
	z-index:99;
}
#btmnav .navbox li li {
	clear:left;
	float:left;
	font-size:100%;
	padding:0;
	position:static;
}
#btmnav .navbox ul li:hover a, #btmnav .navbox ul li.over a {
	background:#ffff8b; color:#f00251; text-decoration:none}
#btmnav .navbox ul li:hover li a, #btmnav .navbox ul li.over li a {
	background:white; color:blue}
#btmnav .navbox li li a {
	clear:left;
	float:left;
	position:relative;
	width:180px; /*max 27 charactrs in 1 line*/
	padding:2px 5px; /*2px is height of each line in popup*/
	white-space:normal;
	line-height:normal;
}
#btmnav .navbox li li a:visited, #btmnav .navbox li li a:active {color:#f00251!important}
#btmnav .navbox li li a:hover {background:#ffff8b!important; color:#f00251!important}
#btmnav .navbox ul li ul.row {
	width:643px;
	background:white;
	border:1px solid green;
	padding:5px 0;
}
#btmnav .navbox ul li ul.row li {
	float:left;
	position:static;
	clear:none;
	background:white;
	border:none;
	width:188px;
	padding:0;
	margin:0 0 0 20px; /*space betw columns*/
	display:inline;
}
#btmnav .navbox ul li h4, #btmnav .navbox ul li h4 a {
	background:#e5ffbf!important;
	color:#f00251;
	text-align:center;
	display:block;
	margin:0;
	font-size:100%;
}
#btmnav .navbox ul li h4 a {
	border:1px solid green;
	padding:2px 3px;
}
* html #btmnav .navbox ul h4 a {height:1%}
#btmnav .navbox ul li ul.row li li {clear:left; border:none; margin:0}
#btmnav .navbox ul li ul.row li ul {
	position:relative;
	clear:left;
	left:0;
	top:0;
	z-index:99;
	width:auto;
}
/*--FOOD4WEALTH--*/
.f4w-pic {width:100%; background:#e5ffbf;	text-align:center}
.f4w-txt {width:707px; background:white; text-align:center; padding:15px 10px 5px; margin:0 auto;
	font: 0.9em/1.5 "Lucida Sans Unicode",Verdana,sans-serif}
.f4w-txt a:link {color:blue; text-decoration:underline!important}
.f4w-txt a:visited, .f4w-txt a:active {color:#f00251; text-decoration:underline!important}
.f4w-txt a:hover {background:#e5ffbf!important; color:#f00251!important; text-decoration:none!important}
/*--LOGOBTM--*/
.logobtm {
	clear:both; /*navs*/
	background: url(../imgpg/logo.gif) no-repeat 50% 0;
	width:100%; height:75px;
	margin:30px 0;
}
/*--NEWBOX--*/
.newbox {
	background:#f2ffdf;
	zoom:1.0;
	padding:20px 20px 1px 10px;
	margin:0 100px 30px; /*position of box*/
}
.newbox h2 {
	margin:0 auto; padding:0 0 30px; display:block;
	font:bold 1.6em "Comic Sans MS",sans-serif; color:#f00251; text-align:center;
}
.newbox h3 {/*item hdr*/
	margin:0; padding:0; display:block;
	font: bold 1em/1.6 "Lucida Sans Unicode",Verdana,sans-serif}
.newbox .item {width:100%; margin-bottom:30px}
.newbox .pic {float:left; display:inline; text-align:center; width:30%; margin-right:10px}
.newbox .txt {float:left; display:inline; width:65%;
	font: 0.9em/1.5 "Lucida Sans Unicode",Verdana,sans-serif}
.newbox p {margin:0; padding-top:5px}
.newbox a:hover {background:#ffff8b; color:#f00251!important; text-decoration:none}
.newbox a:visited, .newbox a:active {color:blue}
/*--COMMENTS--*/
.comfb {
	background:white;
	zoom:1.0;
	padding:30px 30px 20px 40px;
	margin:30px 100px; /*keep MB here*/
}
/*--LEAFEND--*/
.leafend {
	clear:both; /*com+newbox*/
	background: url(../imgpg/leafend.gif) no-repeat 50% 0;
	width:100%; height:67px;
	margin:0px 0 30px;
}
/*--FOOTNAV--*/
#footnav {
	width:100%;
	zoom:1.0;
}
.footlft {
	float:left;
	display:inline;
	width:450px;
	margin:0 0 10px 20px;
}
/*Paddng 4 ie6/7*/
.translate {float:left; display:inline; margin:0 0 0 12px}
.btmlft {/*icons*/
	float:left; display:inline; margin:0 0 0 15px; padding-top:20px}/*don't clear*/
.fda {clear:left; padding-top:20px}/*don't float*/
.fda p {font:0.59em/1.2 Arial,sans-serif; color:#666666}
.footrgt {
	float:right;
	display:inline;
	width:250px;
	margin:0 20px 10px 0;
}
.btmrgt {
	float:right;
	display:inline;
	margin:0 40px 25px 0;
}
.last {clear:right; margin:0 0 10px}
.last .copy{font:0.7em arial,sans-serif; color:green; text-align:right}
.last p {font:0.6em Arial,sans-serif; color:#666666; text-align:right}
.last a {padding:2px}
.last a:link, .last a:visited, .last a:active {color:#666666; text-decoration:none}
.last a:hover {background:white; color:#f00251; text-decoration:none}
/*--SHARE--*/
#share {
	clear:both;
	width:100%; zoom:1.0;
	padding-top:10px;
}
#share p {color:blue}
/*#share p.red2 {color:#f00251}*/

