/* CSS Document */





/* Whole site code */



h1{

	font-family: Arial, lucida grande, tahoma, arial;

	color:#ff9933;

	font-size: 32px;

	font-weight:300;

    margin: -4px 0px -10px 0px;	

}



h2{

	font-family: Arial, lucida grande, tahoma, arial;

	color:#ff9933;

	font-size: 24px;

    margin: 0px 0px 0px 0px;

	font-weight: 300;

}



h3{

	font-family: Arial, lucida grande, tahoma, arial;

	color:#009933;

	font-size: 24px;

    margin: 0px 0px 0px 0px;

	font-weight: 500;

}



a:link {

	font-family: lucida grande, tahoma, arial;

	color:#003300;

	font-size: 11px;

	text-decoration: underline

	}

a:visited {

	font-family: lucida grande, tahoma, arial;

	color:#006633;

	font-size: 11px;

	text-decoration: underline

}



a:hover {



text-decoration: underline; color: red;



}



p {

font-size: 13px;

font-family: Verdana, Arial, Helvetica, sans-serif;

color:#006600;

} 



p.fields {

font-size: 13px;

font-family: Verdana, Arial, Helvetica, sans-serif;

color:#006600;

line-height: 1;

}



p.small {

font-size: 11px;

font-family:Arial, Helvetica, sans-serif;

color:#006600;

}



p.subtext {

	font-family: lucida grande, tahoma, arial;

	color:#666666;

	font-size: 12px;

	margin: -4px 0px 0px 0px;

}



#breadcrumbs {

height: 22px;

background: url(images/breadcrumbsbg.gif);

padding: 5px 0px 0px 15px;

font-size: 11px;

font-family:Arial, Helvetica, sans-serif;

color:#003300;



}



#container { 

	top: 13px;

	margin: auto;

	width:800px;

	background-color:#FFFFFF;

	

}



#headingNav {

	top: 13px;

	position:relative;

	width:200px;

	margin: 0px 0px 25px 168px;

}



#header {

	background: url(images/head.png);

	height: 88px;

	repeat: x;

}



#logo {

	background: url(images/logo1.gif) no-repeat;

	position: relative;

	left:18px;

	top:18px;

	height: 60px;

	width:324px;



}



#content {

	position: relative;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	width: 800px;

	background: ffffff;

	overflow:auto;

}



#footerbase {

background: url(images/footerbase.gif);

height: 13px;

}



/*members page*/



/*progress bar*/

.meter { background: #fff url(images/progbar_bg.gif) 0 0 repeat-x; display: block; width: 147px; height: 26px;}

.meter img { height: 26px; border-right: 1px solid #009900;}



p.progress {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

color:#666666;

letter-spacing:50%;

} 

/*progress bar END*/


/*ADDED*/
/*progress bar1*/

.meter1 { background: #fff url(images/progbar1_bg.gif) 0 0 repeat-x; display: block; width: 158px; height: 20px;}

.meter1 img { height: 20px; border-right: 1px solid #009900;}



p.progress1 {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

color:#666666;

letter-spacing:50%;

} 

/*progress bar1 END*/
/*END ADDED*/


#memberstop {

height: 34px;

background: url(images/memberstophorline.gif);

}



#memberswelcome {

margin: 8px 0px 0px 20px;

font-size: 15px;

font-family: Arial, Helvetica, sans-serif;

color:#666666;

position:relative;

width: 400;

height: 20px;

float: left;

}



/**/

/**/

/**/

/**/

#memberslastupdate{

margin: 4px 0px 0px 404px;

font-size: 11px;

font-family: Arial, Helvetica, sans-serif;

color:#666666;

position:relative;

height: 20px;

float: left;

}

/**/

/**/

/**/

/**/





#memberslogout {

position:relative;

margin: 0px 0px 0px 712px;

width: 87px;

clear:right;



}



#memconttop{

height:auto;

margin:15px 0px 15px 20px;



}



#memberstopnav {

position:relative;

height:165px;

background: url(images/memberstopnav.gif);

}



#membersprofile {

width:128px;

margin: 17px 0px 0px 20px;

float:left;

}



#membersprofilehead {

height: 20px;

background: url(images/profiletop.gif) no-repeat;

padding: 4px 0px 0px 30px;

font-size: 13px;

font-weight:bold;

font-family: Arial, Helvetica, sans-serif;

color:#333333;

}



#membersprofilebasewrap {

background: url(images/profilebg.gif);

height:102px;

}



#membersprofilecontent {

font-size: 13px;

font-family:Arial, Helvetica, sans-serif;

color:#006600;

padding:5px 0px 0px 30px;

line-height: 20px;



}



#membersprofilefoot {

padding:7px 0px 0px 30px;

}



#membersaddfood {

position:relative;

float:left;

margin: 17px 0px 0px 50px;

}



#membersusefood {

position:relative;

float:left;

margin: 17px 0px 0px 40px;

}



#memprogbardonate {

position:relative;

float:left;

margin: 17px 0px 0px 40px;

#margin: 23px 0px 0px 40px;

}



#mempercent{

position:relative;

float:left;

clear:left;

font-size:20px;

font-weight:bold;

color:#333333;

top:-31px;

#top:-40px;

left:53px;

}



#memprogbar{

position:relative;

float:left;

height:42px;

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

letter-spacing:50%;

color:#333333;

margin: 0px 0px 0px 0px;

}



#memdonate{

position:relative;

float:left;

clear:left;

margin: 15px 0px 0px 29px;

#margin: 10px 0px 0px 29px;

text-align:center;

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

color:#666666;



}





#memnav{

position:relative;

float:left;

clear:right;

width:128px;

margin: 17px 0px 0px 40px;

}



#memnavhead {

height: 20px;

background: url(images/profiletop.gif) no-repeat;

padding: 4px 0px 0px 23px;

font-size: 13px;

font-weight:bold;

font-family: Arial, Helvetica, sans-serif;

color:#333333;

}



#memnavlinks {

font-size: 13px;

font-family:Arial, Helvetica, sans-serif;

color:#006600;

padding:0px 0px 5px 10px;

line-height: 20px;

background: url(images/profilebg.gif);

}







/*members food area*/



#mainfoodarea{

width:620px;

height:auto;

overflow:auto;

float:left;

margin:0px 0px 20px 0px;

}



#leftfoodsection {

width:207px;

overflow:auto;

float:left;

clear:left;

position:relative;

margin:0px 0px 10px 100px;

}



#rightfoodsection {

width:207px;

overflow:auto;

position:relative;

float:left;

clear:right;

margin:0px 0px 0px 80px;

}



#foodhead{

width:207px;

height:34px;

margin:0px 0px 0px 0px;

clear:both;

position:relative;

}

/* ADDED */

#foodcatpercent{

width:207px;

height:20px;

margin:-8px 0px 0px 0px;
#margin:0px 0px 0px 0px;

clear:both;

position:relative;

}

#foodcatpercenttext {
position:relative;
float:left;
clear:left;
font-size:14px;
font-weight:bold;
color:#333333;
top:-10px;
#top:1px;
left:67px;
#left:68px;
margin:-20px 0px 0px 0px;
}

/*
#foodcatpercenttext {

position:relative;
float:left;
clear:left;
font-weight:bold;
color:#333333;
font-size:14px;
top:-30;
}
*/

/* END ADDED */



#foodbody{

width:207px;

position:relative;

margin:5px 0px 20px 0px;

}



#foodnames{

float:left;

position:relative;

clear:left;

width:110px;

font-family:Arial, Helvetica, sans-serif;

color:#333333;

font-size:13px;

font-weight:bold

}



#foodamount{

float:left;

position:relative;

font-family:Arial, Helvetica, sans-serif;

color:#CC6600;

font-size:13px;

font-weight:bold

clear:right;

}



/* Login page */



h2.login {

	font-family: lucida grande, tahoma, arial;

	font-weight:bold;

	color:#006633;

	font-size: 11px;

	line-height: 20px;

	margin-bottom:-7px;

}



#loginbutton1{

	background:#009900 none repeat scroll 0%;

	color:#FFFFFF;

	font-family:Verdana,Arial,Helvetica,sans-serif;

	font-size:11px;

	margin-left:40px;

	margin-top:5px;

	outline-color:invert;

	outline-style:none;

	outline-width:medium;

	padding:5px 9px 7px 8px;

	width:65px;

	text-decoration:none;

}



#login {



	position:relative;

	height: 167px;

	width:148px;

	float:left;

}



#contentLogin {

	position: relative;

	padding: 10px 0px 0px 10px;

	width: 790px;

	overflow: auto;

	background: url(images/contentLogin.gif);

}



#contentmiddle {

	width: 570px;

	overflow:auto;

	position: relative;

	float:left;

	margin: 10px 0px 0px 50px;

}



#whowhat {

	width: 250px;

	position: relative;

	float:left;

	margin: 0px 0px 15px 10px;

}



#whowhattextbox {

	position: relative;\

	width:240px;

	float:left;

	clear:left;

	margin: 0px 0px 0px 0px;

}



#btsignup {

margin:0 0 0 0;

padding:0px;

float:left;

clear:left;

}









#features {

	width: 250px;

	position: relative;

	float:left;

	margin: 0px 0px 0px 35px;

}



#features1 {

	position: relative;

	width:240px;

	float:left;

	clear:left;

	margin: 45px 0px 0px 17px;

}



#signupfree {

	position: relative;

	float:left;

	clear:left;

	margin: 15px 0px 0px 0px;

}



#example1 {

	position: relative;

	float:left;

	margin: 18px 0px 15px 0px;

}



#example2 {

	position: relative;

	float:left;

	margin: 40px 0px 0px 17px;

}



#tour {

	position: relative;

	float:left;

	margin: 45px 0px 0px 50px;

}



#info {

	position: relative;

	z-index: 1;

	padding: 0px 0px 0px 20px;

	left:155px;

	width: 600px;

	top: -151px;

}







#frontpbase {

	background: url(images/footerbase1.gif);

	height: 67px;

}



#slogan {

	background: url(images/slogan.gif) no-repeat;

	position: relative;

	left:450px;

	top:10px;

	height: 50px;

	width:350px;



}



#vertline {

	background: url(images/vertline.png);

	position: relative;

	left:100px;



}



#btlogin {

	top: 5px;

	position:relative;

	width: 140px;

}



#notmembertxt {

	top: 8px;

	position:relative;

	width: 140px;

	line-height:120%;

}





/*Forms*/



#topdivider {

	height: 95px;

	background: url(images/topdivide.gif);

	padding: 15px 0px 0px 0px;

}



#topdivinfo {

	width: 465px;

	margin: 4px 0px 0px 175px;

}



#formarea{

	width: 550px;

	margin: 30px 0px 30px 175px;

	font-family: lucida grande, tahoma, arial;

}



/*Error page*/



#toperrorinfo {

	width: 400px;

	margin: 35px 0px 0px 250px;

}



#errorarea{

	width: 400px;

	margin: 30px 0px 55px 250px;

	font-family: lucida grande, tahoma, arial;

}



#errorbutton{

background:#009900 none repeat scroll 0%;

color:#FFFFFF;

font-family:Verdana,Arial,Helvetica,sans-serif;

font-size:11px;

margin-left:83px;

margin-top:5px;

outline-color:invert;

outline-style:none;

outline-width:medium;

padding:5px 9px 7px 8px;

width:65px;

text-decoration:none;

}



/*advertisements*/



#advert1{

float:left;

clear:right;

width:120px;

}