/* CSS Document */

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


.f-right{
float:right;
}



body{
margin:0px;
text-align:center;
font-family:Arial, Tahoma, Georgia, Helvetica, sans-serif;
font-size:12px;
}
a {
	text-decoration: none;
	color: #5A648F;
}
a:hover {
	text-decoration: underline;
	color: #842C2A;
}

#main-container{
width:1002px;
height:auto;
margin:0 auto;
text-align:left;
}

#header{
width:1002px;
height:auto;
float:left;
padding-top:21px;
}

.logo{
width:347px;
height:128px;
float:left;
}


#right-header{
width:300px;
height:auto;
float:right;
margin:0px 15px 0px 0px; 
}

.text-top{
width:353px;
height:60px;
margin:20px 20px 0px 0px;
font-size:20px;
font-family:Arial, Tahoma, Georgia;
}

.text-top ul{
list-style:none;
margin-left:55px;
padding-right:12px;

}

.text-top li{background:url(../images/bull1.jpg) no-repeat  center left;
padding-left:23px;

}



.top-link{
width:250px;
height:auto;
float:right;
margin-top:21px;
font-size:11px;
}

.top-link ul{
	list-style:none;
	width:auto;
}

.top-link ul li{
display:inline;
float:right;
padding: 0px 20px  0px 20px;
}

.top-link  li#home{
background:url(../images/home.jpg) left top no-repeat;
}

.top-link  li#home a{
color:#000000;
text-decoration:none;
}

.top-link  li#home a:hover{
color:#000000;
text-decoration:none;
}

.top-link  li#mail{
background:url(../images/mail.jpg) left top no-repeat;
}

.top-link  li#mail a{
color:#000000;
text-decoration:none;
}

.top-link  li#mail a:hover{
color:#000000;
text-decoration:none;
}

.top-link  li#sitemap{
background: url(../images/sitemap.jpg) left top no-repeat;
}

.top-link  li#sitemap a{
color:#000000;
text-decoration:none;
}

.top-link  li#sitemap a:hover{
color:#000000;
text-decoration:none;
}

#leftnav{
background: #fae8e8 url(../images/left-nav-bg.jpg) repeat-x top left;
width:291px;
height: auto;
overflow:hidden;
float:left;
margin-top:7px;
padding-bottom:4px;
}

#left{
width:291px;
float:left;
}

#right{
	width:710px;
	float:right;
}

#leftnav ul{
margin-left:42px;
padding-right:32px;
line-height:29px;
color:#39648f;
font-weight:bold;
padding-top:12px;
list-style:none;
}

#leftnav li#list1{
background:url(../images/bullet.gif) center left no-repeat;
border-bottom:dotted 1px #000000;
padding-left:32px;
}

#leftnav li#list1 a{
text-decoration:none;
color:#39648f;
}
#leftnav li#list1 a:hover{
text-decoration:none;
color:#842c2a;
}


#leftnav li#list2{
background:url(../images/bullet.gif) center left no-repeat;
/*border-bottom:dotted 1px #000000;*/
padding-left:32px;
}

#leftnav li#list2 a{
text-decoration:none;
color:#39648f;
}
#leftnav li#list2 a:hover{
text-decoration:none;
color:#842c2a;
}

.break{
clear:both;
margin:0px;
padding:0px;
}

#banner{
width:710px;
height:303px;
float:right;
margin-top:7px;
}

#banner-about{
background:url(../images/banner.jpg) no-repeat right top;
width:710px;
height:303px;
float:right;
margin-top:7px;
}

#banner-noah-ark{
background:url(../images/banner-noha-ark.jpg) no-repeat right top;
width:710px;
height:303px;
float:right;
margin-top:7px;
}

#banner-foodpantry{
background:url(../images/banner.jpg) no-repeat right top;
width:710px;
height:303px;
float:right;
margin-top:7px;
}

#banner-transitional{
background:url(../images/banner.jpg) no-repeat right top;
width:710px;
height:303px;
float:right;
margin-top:7px;
}

.blue-box{
background:url(../images/blue-tab.gif) left top;
width:144px;
height:61px;
float:right;
margin:242px 16px 0px 0px;
text-align:center;
}

.blue-box h6{
font-size:10px;
color:#FFFFFF;
padding-top:6px;
}

.blue-box p{
color:#FFFFFF;
font-size:10px;
padding:0px 6px 0px 6px;
text-align:center;
margin-top:2px;
} 

.red-box{
background:url(../images/red-tab.gif) left top;
width:144px;
height:61px;
float:right;
margin:243px 16px 0px 0px;
text-align:center;
}

.red-box h6{
font-size:10px;
color:#FFFFFF;
padding-top:6px;
}

.red-box p{
color:#FFFFFF;
font-size:10px;
padding:0px 3px 0px 3px;
text-align:center;
margin-top:2px;
} 

.green-box{
background:url(../images/green-tab.gif) left top;
width:144px;
height:61px;
float:right;
margin:243px 11px 0px 0px;
text-align:center;
}

.green-box h6{
font-size:10px;
color:#FFFFFF;
padding-top:6px;
}

.green-box p{
color:#FFFFFF;
font-size:10px;
padding:0px 6px 0px 6px;
text-align:center;
margin-top:2px;
} 

#left-content{
background:url(../images/left-cont-bg.jpg) repeat-x top left #f2f5fa;
width:291px;
height:387px;
float:left;
margin:0px;
clear:both;
}

#left-content ul{
margin-left:42px;
padding-right:12px;
line-height:25px;
list-style:none;
margin-top:22px;
font-family:Arial, Tahoma, Georgia;
font-size:11px;
}

#left-content li{
background:url(../images/bull2.jpg) no-repeat left 6px;
padding-left:32px;

}

#left-content li a{
text-decoration:none;
color:#000000;
}
#left-content li a:hover{
text-decoration: underline;
color:#842c2a;
}

#left-content h3{
font-size:14px;
color:#39648f;
margin-top:11px;
margin-left:31px;
font-weight: normal;
font-family:Arial, Tahoma, Georgia;
}

#right-content{
	width:710px; 
	height: auto;
	float:left;
	margin:0px;
}

#right-content h3, h2, h1{ 
	background:url(../images/right-cont-bg.jpg) repeat-x top left;
	width:698px; 
	height:28px;
	float:left;
	margin:0px;
	font-weight:normal;
	font-size:14px;
	padding:10px 0px 0px 12px;
	color:#39648f;
}


h2, h1 {
	margin-bottom: 10px;
	
}

#right-content ul {
	list-style-image: url(../images/bullet.gif);
	margin: 10px 0 10px 30px;
}

.para{
	font-size:11px;
	color:#000000;
	margin: 0px 0px 0px 15px;
	font-weight: normal;
	font-family:Arial, Tahoma, Georgia;
	line-height:18px;
}
#right ul {
	margin: 5px 0 5px 30px;
}
.pic-left{
margin:3px 12px 7px 22px;
}

.pic-right{
margin:0px 12px 0px 12px;
}

.text1{
	font-size:12px;
	color:#000000;
	font-weight: normal;
	font-family:Arial, Tahoma, Georgia;
	line-height:18px;
	margin-right:15px;
	text-align:justify;
}

.text2{
font-size:11px;
color:#000000;
margin-top:3px;
font-weight: normal;
font-family:Arial, Tahoma, Georgia;
line-height:14px;
margin-right:25px;
text-align:justify;
margin-left:25px;
}

.text3{
font-size:11px;
color:#39648f;
margin-top:3px;
font-weight:bold;
font-family:Arial, Tahoma, Georgia;
line-height:14px;
margin-right:25px;
text-align:justify;
margin-left:25px;
}

.text-blue{
font-size:12px;
color:#39648f;
font-weight: bold;
font-family:Arial, Tahoma, Georgia;
}

#upcoming{
width:400px;
background:#fefdf0;
height: auto;
margin-top:6px;
margin-left:16px;
padding-top:6px;
}

#upcoming .list{
margin-left:12px;
padding-left:22px;
background:url(../images/bull1.jpg) left top  no-repeat;
margin-bottom:12px;
color:#842c2a;
font-size:14px;
font-weight:bold;
font-family:Arial, Tahoma, Georgia;
}

.red-strip{
background:#842c2a;
height:28px;
width:1002px;
color:#FFFFFF;
margin-top:6px;
margin-bottom:6px;
text-align:center;
line-height:25px;
padding-top:6px;
}

.red-strip a{
color:#FFFFFF;
text-decoration:none;
padding:0px 6px 0px 6px;
}

.red-strip a:hover{
color:#FFFFFF;
text-decoration: underline;
padding:0px 6px 0px 6px;
}

.white-strip{
	color: #999999;
	text-align:right;
	padding:0px 6px 0px 6px;
	height:28px;
	width:990px;
	font-size:11px;
	margin-right:12px;
}

.home-donate{
	height:auto;
margin:0 0 12px;
overflow:hidden;
position:relative;
}

.clickhere{
	float:right;
height:38px;
position:absolute;
right:23px;
top:150px;
width:249px;
}

.clickhere img{
margin:0px;
}


/* FORM STYLES - START */
form {
  margin : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
}

label {
  font-weight : normal;
}

label.formleft {
  display : block;
  width : 150px;
  float : left;
  text-align : left;
  margin-right : 6px;
  margin-left:22px;
}

small.formnote {/* margin left same width as label.formleft width */
  margin : 0px 0px 0px 160px;
  display : block;
}

input.checkbox {
  width : 20px;
  float : left;
}

label.labelright {
  display : block;
  width : 90%;
  float : left;
  margin-right : 6px;
  text-align : left;
  font-size : 9px;
  font-weight : normal;
  color : #000000;
  padding-top : 4px;
}

fieldset {
  margin : 12px;
  padding : 6px;
  border: 1px solid #ccc;
}

#search fieldset {
  margin : 12px 12px 12px 12px;
  padding : 6px;
  width: 290px;
  height: 60px;
  border: 1px solid #cccccc;
}

fieldset.address {
  width : 45%;
  float : left;
  margin : 12px;
  padding : 6px;
}

legend {
  color: #842C2A;
  font-weight: bolder;
  margin-bottom:5px;
  padding:0px 4px 0px 4px;
}

.formmsg {
  color: #CC0000;
  padding-top : 6px;
}

.form {
  width : 200px;
  margin: 0 0 7px 0;
  border:1px solid #CCCCCC;
  font-size:11px;
  height:16px;
}

textarea {
  font-size : 12px;
  margin: 0 0 2px 0;
}

.button {
  background-color : #EDC9C9;
  color: #842C2A;
  border:1px solid #842C2A;
  font-size:10pt;
  font-weight: bold;
  padding: 2px 10px;
}
.redtext {
  border : #CC0000 solid 1px;
  color: #CC0000;
  margin : 12px;
  padding : 12px;
  background : #FFFFFF;
  clear: both;
}
.redtext ul {
	margin: 0px 0px 0px 30px;
}
.contactadd {
	margin: 0px auto;
	clear: both;
}
.padding {
	padding: 0px 5px;
}
.rtimg{
float:right;

border:2px solid #FF0000;
margin:0;
padding:0;
margin-left:10px; 
}

.txtbold{
font-size:12px;
font-weight:bold;
color:#333333;
padding-left:10px;
padding-bottom:10px;
}

/* FORM STYLES - END */