/* CSS Document */


/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-size:small;
	background-color: #f6f7f8;
	font-family: Trebuchet MS;
	font-size:11px;
	color:#ffffff;

	/*line-height:14px;*/
	
}
* html #container {
	height: 100%;
}
form {
	margin:0px;
	padding:0px;
}
.formInput {
width:420px;
padding:1px 0px 1px 6px;
}

input, select, textarea {
	color:#ffffff;
	background-color: #7ba3ce;
	font-family: Trebuchet MS;
	font-size:11px;
	border: solid 0px #ffffff;
}
ul { margin-top:2px; margin-bottom:20px;
}

A:link {color:#ffffff;text-decoration:underline;}
A:visited {color:#ffffff;text-decoration:underline;}
A:active {color:#ffffff;text-decoration:underline;}
A:down {color:#ffffff;text-decoration:underline;}
A:hover {color:#1b3f67;text-decoration:none;}

A.footerlink:link {color:#c1d2e6;text-decoration:underline;}
A.footerlink:visited {color:#c1d2e6;text-decoration:underline; }
A.footerlink:active {color:#c1d2e6;text-decoration:underline;}
A.footerlink:down {color:#c1d2e6;text-decoration:underline; }
A.footerlink:hover {color:#fffff;text-decoration:none; }

A.readmore:link {color:#005196;text-decoration:none;}
A.readmore:visited {color:#005196;text-decoration:none; }
A.readmore:active {color:#005196;text-decoration:none;}
A.readmore:down {color:#005196;text-decoration:none; }
A.readmore:hover {color:#ffffff;text-decoration:none; }


A.readmorenews:link {color:#ffffff;text-decoration:none;}
A.readmorenews:visited {color:#ffffff;text-decoration:none; }
A.readmorenews:active {color:#ffffff;text-decoration:none;}
A.readmorenews:down {color:#ffffff;text-decoration:none; }
A.readmorenews:hover {color:#005196;text-decoration:none; }



div#container {
	position:relative; /* needed for footer positioning*/
	width:100%;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
		background-color:#4e81b8;

}

div#holderMasthead {
	height:131px;
	width:100%;
	background-image:url(../images/interface/bg_masthead.jpg);  background-position:0px 0px;
}



div#holderContent {
	width:100%;
	padding:3px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/interface/bg_maincontent.jpg);
	background-repeat:repeat-x;
	background-color:#4e81b8;
}



div#masthead {
	width: 1000px;
	height:131px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background-image:url(../images/interface/masthead_bubble.jpg);
	background-repeat:no-repeat;
	background-position:736px 0px;
}
div#donatemasthead {
	width: 700px;
	height:131px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background-image:url(../images/interface/masthead_bubble.jpg);
	background-repeat:no-repeat;
	background-position:736px 0px;
}
div#holderNav {
	width:100%;
	height:53px;
	background:#ccdad8;
}

div#nav {
	width: 1000px;
	padding:0px 0px 0px 47px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	height:53px;
	/*background-image:url(../images/interface/bg_navcontent.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;*/
	text-align:left;
}
  #navmenu1 {
	position:relative;
	left:20px;
	width:880px;
	/*width:556px;	/* 578-22 */
	height:53px;
	float:left;
	margin:0px;
	padding:0px;
	
}
div#content { 
	width: 1000px;
	padding:0px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ 
	background-image:url(../images/interface/bgcontent.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
} 
div#donate { 
	width: 700px;
	padding:0px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ 
	background-image:url(../images/interface/bgcontent.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
} 
div#footer {
	width: 1000px;
	height:150px;
	border-left:solid 0px #FFFFFF;
	border-right:solid 0px #FFFFFF;
	border-top:solid 1px #749cc2;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0 0 0 0;

}


.contentleft
{
float:left;
width:611px;
padding:40px 20px 0px 20px;
}


.contentright
{
float:left;
width:288px;
padding:0px 0px 0px 0px;
background-color:#608fc0;
background-image:url(../images/interface/bgcontentRhs.gif);
background-repeat:no-repeat; 
}


.contentleftcalc
{
float:left;
width:631px;
padding:40px 40px 0px 40px;
}

.contentrightcalc
{
float:left;
width:289px;
padding:0px 0px 0px 0px;
background-color:#608fc0;
background-image:url(../images/interface/bgcontentRhs.gif);
background-repeat:no-repeat; 
}

.rhscontentHolderTop {
padding:75px 0 0 0;
}
.rhscontentHolder {
padding:0px 0 0 0;
}

.rhshdr
{
background-color:#bbcfd6;
font-family:'Trebuchet MS';
font-size:16px;
font-weight:bold; 
padding:10px 14px 5px 14px;
color:#31557d;
}


.rhscontent
{
background-color:#a4c0d5;
font-family:'Trebuchet MS';
font-size:11px;
padding:10px 14px 40px 14px;
color:#ffffff;
}
.rhscontentImg
{
background-color:#a4c0d5;
font-family:'Trebuchet MS';
font-size:11px;
padding:0px 12px 20px 14px;
color:#ffffff;
}

.rhscontenttable
{
background-color:#a4c0d5;
font-family:'Trebuchet MS';
font-size:11px;
padding:10px 0px 15px 0px;
color:#ffffff;
}

.teamImgR
{
border:solid 6px #ccdad8; float:right; margin-left:10px;
}

.teamImgL
{
border:solid 6px #ccdad8; float:left; margin-right:10px;
}

.teamBio
{
padding-bottom:30px;
}
.faqQ
{
font-weight:bold;
margin:10px 0 6px 0;
}
.faqA
{
margin:0 0 20px 0;
}


.tablehdr{
font-size:11px;
padding:10px 0px 0px 0px;
border-bottom: solid 1px #FFFFFF;
font-weight:bold;
}

.tableSubhdr{
font-size:11px;
padding:10px 0px 0px 0px;
border-bottom: solid 1px #a5c0d5;
font-weight:bold;
}

.calcrowplain
{
	color:#ffffff;
	font-family: Trebuchet MS;
	font-size:11px;
	padding:6px 6px 6px 6px;

}
.calcrow
{
	color:#ffffff;
	font-family: Trebuchet MS;
	font-size:11px;
	padding:6px 3px 6px 3px;
	border-right:solid 1px #7ba3ce;
	border-bottom:solid 1px #7ba3ce;
}
.calcrowdark
{
	color:#ffffff;
	background-color: #7ba3ce;
	font-family: Trebuchet MS;
	font-size:11px;
	border-right:solid 1px #7ba3ce;
	padding:6px 3px 6px 3px;
	margin-right:1px;
}
.calcrowhdr
{
	color:#31557d;
	background-color: #c0d3d8;
	font-family: Trebuchet MS;
	font-size:11px;
	border: solid 0px #ffffff;
	padding:3px 3px 3px 3px;
	text-align:center;
}
.calcrowtotal
{
	color:#ffffff;
	background-color: #31557d;
	font-family: Trebuchet MS;
	font-size:11px;
	padding:6px 6px 6px 6px;
	border-top: solid 0px #7ba3ce;
}

.calcrowfinaltotal
{
	color:#ffffff;
	background-color: #26baed;
	font-family: Trebuchet MS;
	font-size:12px;
	font-weight:bold;
	padding:6px 6px 6px 6px;
	border-top: solid 0px #7ba3ce;
}



.calcalcrow
{
	color:#ffffff;
	font-family: Trebuchet MS;
	font-size:11px;
	padding:3px 6px 3px 6px;
	border-right:solid 1px #9cbad4;
	border-bottom:solid 1px #9cbad4;
}
.calcalcrowdark
{
	color:#ffffff;
	background-color: #9cbad4;
	font-family: Trebuchet MS;
	font-size:11px;
	border-right:solid 1px #9cbad4;
	padding:3px 6px 3px 6px;
	margin-right:1px;
}
.calcalcrowhdr
{
	color:#31557d;
	background-color: #c0d3d8;
	font-family: Trebuchet MS;
	font-size:11px;
	border: solid 0px #ffffff;
	padding:3px 10px 3px 10px;
	text-align:center;
	font-weight:bold;
}




/* ------------------------------------------------------------------------------------------ */


/* --- Generic styling ---*/

h1 {
color:#ffffff; font-family:'Trebuchet MS';
font-size:24px;
display:block;
margin:40px 0 10px 0px;
font-weight:normal;
}

h2 { 
color:#ffffff;
font-family:'Trebuchet MS';
font-size:18px;
display:block;
margin:40px 0 10px 0px;
font-weight: normal;
}

h3 { margin-top:10px;
	font-family:trebuchet MS;
	display:inline;
	font-size:18px; 
	font-weight: normal;
	color:#ffffff;
}

h5 /* arrows for links */ {
	display:inline;
	font-family:verdana;
	font-size:12px; 
	font-weight: bold;
	color:#fffff;
	padding-right:3px;
}

.dropdowns {
	font-family: Trebuchet MS;
	font-size:11px;
	color:#656565;
	background:#3f3f3f;
	border:solid 1px #6f7072;
}


.navArrow /* arrows for secnav */ {
	font-family:verdana;
	font-size:10px; 
	font-weight: bold;
	color:#ffffff;
	padding-left:5px;
}
.readmore
{
	padding: 5px 0 0 0;
	text-align:right;
	font-weight: normal;
	color:#ffffff;
}

.readmorenews { 
	width:95%;
	float:right;
	text-align:right;
} 


.thumbdiv {
	float:left;
	margin-right:10px;
	margin-top:3px;
	text-align:right;
	/*border:solid 6px #ccdad8;*/
}

a.readmore h5 {
	text-decoration:none;
}
/* ----- masthead ----- */
.logo {
float:left;
padding:0 49px 0 69px;
}

.banner {
padding:9px 0 0 529px;
}
/* ------------------------------------------------------------------------------------------ */


/* ----- sitecontent ----- */



.copy {
color:#ffffff;
font-family:'Trebuchet MS';
font-size:12px;
line-height:15px;
padding:0 0 0 21px;
}

.calculator {
color:#ffffff;
font-family:'Trebuchet MS';
font-size:12px;
line-height:15px;
padding:0 0 0 0px;
}


/* ------------------------------------------------------------------------------------------ */


.footertext {
	padding: 10px 0px 0px 0px;  /*this padding matches the left alignment of the elements in the divs that appear above it. */
	margin-left:707px;
}

#footer p {
	margin: 3px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family: Trebuchet MS;
	font-size:10px;
	color:#c1d2e6;
}

/* ------------------------------------------------------------------------------------------ */

input.foodvalue {
	padding-left:4px;
	width:30px;
}

input.spin-button {
	width:30px;
	padding-left:4px;
	padding-right:8px;					/* Padding pevents text from covering the up/dn img. Works better in Firefox but also causes textbox to widen by 20px. Arrows can go wonky in IE when text is too long. Perhaps it could be fixed with script that monitored the horiz-scroll position? */
	background-repeat:no-repeat;		/* Warning: Img may disappear in Firefox if you use 'background-attachment:fixed' ! */
	background-position:100% 0%;
	background-image:url(/images/spinbtn_updn.gif);
}

input.spin-button.up {					/* Change button img when mouse is over the UP-arrow */
	cursor:pointer;
	background-position:100% -18px;		/* 18px matches height of 2 visible buttons */
}
input.spin-button.down {				/* Change button img when mouse is over the DOWN-arrow */
	cursor:pointer;
	background-position:100% -36px;		/* 36px matches height of 2x2 visible buttons */
}