*{
margin: 0px;
padding: 0px;
}

body {
font-family: Helvetica, Arial, sans-serif;
font-size: .9em;
font-weight: regular;
color: #363636;
}


/* header */

#header{
height:279px;
background-image: url(images/headerExpand.png);
min-width: 1024px;
margin: 0px;
padding: 0px;
}

#headerRight{
float: right;
width:759px;
height:279px;
background: url(images/foodPantry.png) top right no-repeat;
}

#headerRight h1{
display: none;
}


#logo {
float: left;
width:262px;
height:279px;
margin: 0px;
padding: 0px;
}

#logo a img{
border: none;
margin: 0px;
padding: 0px;
}

.clear{
clear: both;
}
 
/* navigation */

#nav {
height: 39px;
min-width: 1024px;
background: url(images/navLeft.png) top left repeat-x;
}

#navLeft{
float: left;
height: 39px;
}

#navLeft li{
display: inline;
padding: 0px 2px 0px 2px;
}

#navLeft ul{
margin: 0px;
padding: 10px 0px 0px 60px;
}


#navLeft a {
text-decoration: none;
}

#navLeft a:link {
color: white;
}

#navLeft a:visited {
color: white;
}

#navLeft a:hover {
color: black;
}

#navLeft a:active {
color: black;
}


#navRight{
float: right;
height: 39px;
width: 543px;
background: url(images/navRight.png) top right no-repeat;
}


/* content */

#content{
width: 94%;
min-width: 975px;
margin: 0 auto;
padding: 20px 0px 0px 62px;

}

#content2{
width: 60%;
min-width: 600px;

padding: 20px 0px 0px 62px;

}


h1{
font-size: 1.3em;
color: black;
}

h2{
font-size: .9em;
}

h3{
font-size: 1em;
}

h4{
font-size: .9em;
color: black;
}

ul{
color: white;
}

#leftContent ul{
color: black;
}

h5{
font-style: italic;
}

.spacer{
padding: 3px;
}

#leftContent{
float: left;
width: 50%;
min-width: 500px;
padding: 0px 20px 0px 0px;
}


#ourPrograms{
float: left;
padding: 0px 0px 0px 20px;
width: 50%;
min-width: 250px;
}

#ourPrograms li{
list-style-image: url(images/bullet.png);
color: #363636;
}

#ourPrograms2 li{

list-style-image: url(images/bullet.png);
color: #363636;
}

#ourPrograms2 ul{
padding: 0px 0px 0px 20px;
}


#ourProgramsPhoto{
float: right; 
}








/* content RIGHT SIDE */

#rightContent{
padding: 0px 63px 0px 45px;
float: left;
width: 35%;
min-width: 300px;
border-left: 1px solid #b53b0a;
}

.eventContainer{
border-bottom: 1px solid #b53b0a;
}
.eventTitle{
float: left;
}

.eventDate{
float: right
}

h2 a{
font-size: .8em;
}

h2 a:link {
color: #b52b0a;
}

h2 a:visited {
color: #b52b0a;
}

h2 a:hover {
color: black;
}

h2 a:active {
color: black;
}


/* footer */

#footer {
height: 49px;
min-width: 1024px;
background: url(images/footerRepeat.png) bottom left repeat-x;
}

#footerLeft {
float: left;
height: 49px;
width: 52px;
background: url(images/footerLeft.png) bottom left no-repeat;
}

#footerRight {
float: right;
height: 49px;
width: 55px;
background: url(images/footerRight.png) bottom right no-repeat;
}



#footerNav{
float: left;
padding: 10px 0px 0px 29%;
width: 400px;
}

#footerNav h4{
padding: 0px 0px 0px 35%;
color: white;
font-size: .9em;
}


#footerNav li{
display: inline;
}

#footerNav a {
text-decoration: none;
}

#footerNav a:link {
color: white;
}

#footerNav a:visited {
color: white;
}

#footerNav a:hover {
color: black;
}

#footerNav a:active {
color: black;
}






/* admin */

#rightContent  ul li{
color: black;
}







/* volunteer content */

#leftContent2{
float: left;
width: 33%;
min-width: 301px;
padding: 0px 0px 0px 10%;

}

#ourProgramsPhoto2{
float: left; 
}

#rightContent2{
padding: 0px 63px 0px 45px;
float: left;
width: 35%;
min-width: 300px;
border-left: 1px solid #b53b0a;
}


/* donate */ 

#addressLeft {
float: left;
width: 45%;
padding: 0px 0px 0px 30px;
}

#addressRight {
float: left;
width: 35%;
padding: 0px 0px 0px 60px;
}