html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	background: white url(../src-imgs/background_02.gif) repeat-x;
	text-align: center;
	color: gray;
	font: 13.3px/1.25 "Lucida Grande", Lucida, Verdana, sans-serif;
}
#sitewrapper {
	text-align: left;
}
a:link,a:visited,#footer p a:hover {
	color: #ffffff;
	text-decoration: none
}
.clear {
	clear: both;
	width: 100%;
}
p {
	margin-bottom: 1em;
}
h1,h2,h3 {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 400;
}
h1 {
	line-height: 1.25;
	margin-bottom: .625em;
	color: #004282;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
}
h2 {
	font-size: 12pt;
	line-height: 1.5;
	margin-bottom: 2pt;
	margin-top: 2pt;
	color: #004282;
}
h3 {
	font-size: 11px;
	line-height: 1.2;
	margin-bottom: .5em;
	margin-top: .5em;
	text-align: center;
}
h4 {
	margin-bottom: 1.2em;
	margin-top: 1.2em;
	font: italic 1.5em/1.2 Georgia, "Times New Roman", Times, serif;
	color: #004282;
}
h6 {
	font-size: 1.1667em;
	line-height: 1.286;
	margin-bottom: 1.286em;
	margin-top: 1.286em;
}
.mission li {
	padding: 4px 0;
	list-style-type: disc;
	list-style-position: outside;
}
.hunger li {
	padding: 4px 0;
	list-style-type: disc;
	list-style-position: outside;
}
/*flaoting the cardboard column left and then the right coloumn right will the flow of the doucment to be retained and you won't need to define the hieght. So the column runs the entire height, it would be best to define the left hand image texture as the background element of a div that wraps both columns, otherwise if the left column is shorter it won't extend the entire height and it will give you a little extra room for the right column to appear like it is flush with the left colum... otherwise IE might not calculate enough room*/
#sitewrapper {
	background: url(../src-imgs/holt-foodbank-mockup-4_02.jpg) repeat-y left top;
}
#logo-bg {
	background: #fff url(../src-imgs/holt-foodbank-mockup-3_06.gif) no-repeat right bottom;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}
#cardboardColumn {
	width: 185px;
	padding-bottom: 30px;
	/*
reduced this by 8 pixels so that it is sure to clear in IE, texture is now background of wrapping div*/ float: left;
}
/*#cardboardColumn2 {
	background: url(../src-imgs/holt-foodbank-mockup-3_02.jpg) repeat-y left top;
	width: 208px;
	height: 975px;
	position: relative;
}*/
#rightcolumn {
	float: right;
	width: 715px;
}

#rightcolumn a {
	color:  #004282;}
#rightcolumn a:hover {
	color: #a2caf0;}
/*#rightcolumn2 {
	no-repeat; float: none;
	width: 692px;
	height: 975px;
	position: relative;
	left: 208px;
	top: 0;
	background-color: white;
}*/
#header {
	background: url(../src-imgs/holt-foodbank-mockup-3_03.gif) no-repeat right;
	padding-left: 0;
	height: 142px;
/*position: relative;*/
}
#buttonbar {
	background: url(../src-imgs/bluebar_07_05.jpg) no-repeat;
	float: top right;
	width: 676px;
	height: 66px;
	padding-left: 39px;
}
#newseventsbox {
	margin-top: 10px;
	margin-left: 20px;
/*added to move towards center of column*/
	background-color: white;
	width: 150px;
	border: 2px solid #004282;
	list-style-position: inside;
	font-size: 11px;
	list-style-type: none;
	padding-bottom: 20px;
	list-style-image: none;
	color: #004282;}
#newseventsbox p {padding:4px 6px}
	
#newseventsbox a {
	display: block;
	padding-bottom: 10px;
	color: #666;
	font-size: 10px;
}
#newseventsbox ul {
	padding: 5px 5px 5px 20px;
}
#newsbluebar {
	background-color: #004282;
	width: 142px;
	color: white;
	font-size: 11pt;
	padding: 5px;
}
#volunteercontact {
	position: relative;
}
#imagecontainer {
	float: right;
	padding: 0 0 0 10px;
}
#donatebutton {
	margin-top: 90px;

}
#donatebutton a:hover {
	cursor: pointer;
}

#foodbanklogo {
	width: 120px;
	height: 120px;
}
#textbox1 {
	margin-top: 20px;

/*added this to move it down from the ul*/
	width: 625px;
	padding: 0 0 0 50px;
}
#footer {
	clear: both;
	padding-top: 80px;
	margin-bottom: 20px;}
#footer ul {
	text-align: center;
	padding-bottom: 8px;
}
#footer li {
	display: inline;
	margin: 0 5px;
}
#footer a {
	color: #004282;
}
#primaryNav ul {
	padding: 0;
	margin: 0
}
#primaryNav li {
	float: left;
	list-style-type: none;

/*remove bullets*/
}
#primaryNav li.active a {
	background: url(../src-imgs/smallheart_09_03.gif) no-repeat center top
}
#primaryNav a {
	font-size: 15px;
	display: block;
	margin: 7px 0 0 0;
	padding: 30px 10px 0 10px;
	color: #fff
}
#primaryNav a:hover {
	color: #a2caf0
}