﻿body {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*background-color:#FFFFCC;*/
	background-color:#CCC;
	margin:0px;
	padding:0px;
}
img {
	border:none;
}
h1 {
	font-size:18px;
}
h2 {
	font-size:16px;
}	
h3 {
	font-size:14px;
}
th{
	text-align:left;
	font-size:14px;
}
#container {
	margin-left:auto;
	margin-right:auto;
	width:800px;
	background-color:#FFFFFF;
	overflow:hidden;
}
#banner {
	margin:10px 0px 3px 0px; 
	z-index:1;
}
.rightimg {
	float:right;
	margin:0px 5px 5px 5px;
	clear:right;
}
.home{
	background-color:#8bbcf4;
	width:90px;
	padding:10px 0px 10px 0px;
	margin:0px 4px 0px 3px;
	border:1px solid #000000;

}
.about{
	background-color:#e7bcc5;
	width:90px;
	padding:10px 0px 10px 0px;
	margin:0px 4px 0px 3px;
	border:1px solid #000000;

}
.programs{
	background-color:#93B7D1;
	width:90px;
	padding:10px 0px 10px 0px;
	margin:0px 4px 0px 3px;
	border:1px solid #000000;
}
.contact{
	background-color:#d0bb77;
	width:90px;
	padding:10px 0px 10px 0px;
	margin:0px 4px 0px 3px;
	border:1px solid #000000;
}
.new {
	background-color:#FF9999;
	width:90px;
	padding:10px 0px 10px 0px;
	margin:0px 4px 0px 3px;
	border:1px solid #000000;
}
.events{
	background-color:#AFBFAD;
	width:90px;
	padding:10px 0px 10px 0px;
	margin:0px 4px 0px 3px;
	border:1px solid #000000;
}
.agency {
	background-color:#93B7D1;
	width:90px;
	padding:17px 0px 17px 0px;
	margin:7px 4px 0px 3px;
	border:1px solid #000000;
}

.foodbank {
	background-color:#e7bcc5;
	width:90px;
	padding:17px 0px 17px 0px;
	margin:7px 4px 0px 3px;
	border:1px solid #000000;
}

.money {
	background-color:#f9a957;
	width:90px;
	padding:17px 0px 17px 0px;
	margin:7px 4px 0px 3px;
	border:1px solid #000000;
}

.involved {
	background-color:#d0bb77;
	width:90px;
	padding:17px 0px 17px 0px;
	margin:7px 4px 0px 3px;
	border:1px solid #000000;
}
.hunger{
	background-color:#f9a957;
	width:90px;
	padding:10px 0px 10px 0px;
	margin:0px 4px 0px 3px;
	border:1px solid #000000;
}
.need {
	background-color:#9c91ce;
	width:90px;
	padding:10px 0px 10px 0px;
	margin:0px 4px 0px 3px;
	border:1px solid #000000;
}
.backtotop{
	/*text-align:center;*/
	position:fixed;
	top:95%;
	margin-left:10px;
}
.links li a {
	width:150px;
	display:block;
	float:left;
}
.links li{
	width:460px;
	display:block;
}
#nav {
	font-weight:bold;
	font-size:12px;
	float:left;
	
}
#nav2 {
	font-weight:bold;
	width:100px;
	float:left;
	font-size:12px;
}
#navHome {
	font-weight:bold;
	width:205px;
	float:left;
	font-size:12px;
}

#nav a, #navHome a, #nav2 a {
	color:#000000;
	text-decoration:none;
}
#nav a:hover, #navHome a:hover, #nav2 a:hover {
	/*background-color:#cccccc;*/
	text-decoration:underline;
}

#contentHome {
	width:365px;
	padding:10px;
	background-color:#FFFFCC;
	float:left;
	border:1px solid #000000;
	text-align:center;
	margin:7px 4px 10px 0px;

}
#content {
	width:670px;
	padding:10px;
	background-color:#ffffff;
	float:left;
	border:1px solid #FFCC66;
	text-align:left;
	margin:7px 4px 10px 0px;

}
#footer {
	width:770px;
	padding:10px;
	background-color:#ffffff;
	float:left;
	position:relative;
	left:0px;
	border:1px solid #FFCC66;
	text-align:left;
	margin:7px 4px 10px 0px;

}
#leftColHome {
	width:200px;
	float:left;
}
#leftCol {
	width:100px;
	float:left;
}	

/*suckerfish stuff*/

ul {
  padding: 0;
  margin: 0;
  list-style: none;
  }
#nav li, #navHome li, #nav2 li {
  float: left;
  position: relative;
  /*width: 5em;*/
  }
#nav li ul li, #navHome li ul li, #nav2 li ul li {
	width: 10em;
}
#nav li ul, #navHome li ul, #nav2 li ul {
  display: none;
  position: absolute; 
  top: 35px;
  left: 0;
  background-color:#FFFFCC;
  text-align:left;
  /*z-index:99;*/
  width: 10em;
  padding:3px;
  }

  
#nav li > ul, #navHome li > ul,  #nav2 li > ul {
	top: auto;
	left: auto;
	}


#nav li:hover ul, #nav li.over ul, #navHome li:hover ul, #navHome li.over ul{ display: block;top:35px; }
#nav2 li:hover ul, #nav2 li.over ul{
display: block;
left:91px;
top:10px;
}
#content li {
	list-style-type:disc;
	list-style-position:inside;
}
#content ol li {
	list-style-type:decimal;
}

.bluesub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
}
