@import url("/css/reset.css");

html, body {
		margin:0;
		padding:0;
		height:100%;
}

body {
font : italic bold 12pt "New Century Schoolbook", arial, tahoma, Verdana;
color : #750303;
background:	#e9edef url( /images/Saint_Vincent_de_Paul-BW.gif) repeat fixed top;
}

h2 {
margin-bottom : 0.5em;
color : #084da3;
}

hr {
margin : 0;
padding : 0;
background-color : #000;
height : 2px;
}

a img {
border : none;
}

/*  ul li Definitions  */
ul.main {
list-style-type:disc;
list-style:outside;
}

ul.main li {
margin-left:20px;
width:550px;
margin : 10px auto;
font-size : 11pt;
font-weight : bold;
color : #084883;
}

ul.main li.header {
margin-left:-5px;
list-style-type:none;
color : #f00;
font-size : 14pt;
font-weight : bold;
}
/*  ul li Definitions End */

#vols {
	width:180px; 
	height: 40px;
	margin:10px auto;
	text-align:center;
	line-height:40px;
	background: #eef946;
	border: 1px solid #000;
	border-radius: 15px;
	}

div#container {
position:relative;
top : 0;
left : 0;
margin : 0 auto;
width : 782px;
padding: 0;
/*border : 1px solid black;*/
padding-bottom:8em;               /* -- Allow for Footer -- */
}

#nonFooter {
position:relative;
height:auto !important;
height:100%;
min-height : 100%;
}


* html #nonFooter {
height: 100%;
}

.topheader {
height : 140px;
width : 780px;
z-index : 0;
padding : 0;
margin : 0;
border : 1px solid blue;
}

.menu {
/*position : relative;
top : 0;
left : 0;*/
height : 32px;
width : 780px;
border : 1px solid blue;
z-index : 10;
margin : 0;
padding : 0;
}

/* ***** Footer ***** */

div#footer {
margin : 0 auto ;
width : 100%;
background : transparent;
text-align : center;
position: absolute;               /* ---------------- */
bottom:0;
}
.footer-links a {
font-size : 8pt;
color:#00f;
}

.footer-top-bottom {
font-size : 9pt;
text-align:center;
color:red;
padding:0px 0;
}

.footer-top-bottom a {
color:red;
}
/* ***** Footer  End ***** */

/* ***** Index ***** */
.index-float-right {
float : right;
width : 379px;
padding : 5px 2px;
border : 4px ridge #1973ee;
border-left : 2px inset #1973ee;
height:150px;
}

.index-float-left {
float : left;
width : 379px;
padding : 5px 2px;
border : 4px ridge #1973ee;
border-right : 2px inset #1973ee;
height:auto;
height:150px;
}

#index-logo {
position:relative;
width:780px;
height:40px;
padding:0px;
top:0px;
border:1px solid #000;
}

.index-middle {
/*float : left;
width : 33%;
height : 100%;
border-left : 1px solid black;
padding-top : 0;
margin-top : 0;*/
float :left;
width : 33%;
width:257px;
height : 100%;
}

.index-middle  .oi {
display:block;
border-right : 1px solid black;
padding :0px 0 0 0px;
margin-top : 0px;
height:100%;
}

.index-middle ul {
padding : 10px 0 0 30px;
margin : 0 0 0 0px;
}

.index-middle li {
font:italic bold 16px 'New Century Schoolbook', arial;
color:black;
padding:0.1em;
line-height:1em;
}

#index-events-lr {
position:relative;
width:780px;
padding:0px;
top:0px;
border:1px solid black;
}

#events-image {
position:relative;
top:0;
left:0;
width:780px;
height:40px;
background-color : #f64dd0;
font-size : 14pt;
color : #fff;
overflow:hidden;
text-align : center;
}

#events-image span {
position:absolute;
top:0px;
left:0;
width:780px;
height:40px;
margin:0px;
border:1px solid black;
background:url("/images/events.jpg") no-repeat;
}

*.spacer {
padding-bottom:5px;
clear:both;
 border:0px solid red;
}

#index-pics {
width:780px;
height:116px;
padding-top:0px;
background:#a0def5;
}

#index-pics img{
float : left;
padding : 5px 0 5px 5px;
}

div#index-pics a span {
display : none;
}

div#index-pics a:hover span {
display : block; display : none;

position : absolute;
top : 220px;
left : 310px;
width : 200px;
height:auto;
padding : 5px;
margin : 0 auto;
							/* z-index : 2;*/
color : #000;
background-color : white;
border : 1px solid red;
font : bold 12pt Tahoma, sans-serif;
/*text-align : center;*/
}

#index-pics a, #index-pics a:visited, #index-pics a:hover, #index-pics a:active {
text-decoration : none;
}

#index-links {
/*width : 100%;*/
width : 780px;
height : 210px;
height : 165px;
border : 1px solid black;
padding : 0;
}

#index-links a {
color : purple;
font : italic bold 11pt "New Century Schoolbook";
}

#index-links a:link, #index-links a:visited {
text-decoration : none;
}

#index-links a:hover {
text-decoration : underline;
color : #fc2c58;
}

#index-links a:active {
text-decoration : none;
}

#index-tables {
position:relative;
width:100%;
padding:0;
margin:0;
border : 2px solid black;
/*min-height:200px;		Used clear:both; on succeeding spacer element */  
height:auto;

width : 770px;
padding : 5px 2px;
border : 4px ridge #1973ee;
border-left : 2px inset #1973ee;

}

.tabular {
margin : 0 auto;
width : 95%;
border : 0px solid black;
font-size : 14px;
}

.tabular tbody tr.even td {
background-color : #eee;
}

.tabular tbody tr.odd td {
background-color : #fff;
}

.tabular th {
color : blue;
font-size:130%;
padding:0 5px;
}

.tabular .caption {
padding : 0;
text-align : center;
font : italic bold 13pt/20pt "New Century Schoolbook";
color : blue;
}

.click-pics {
position:relative;
top:-28px; top:0px;
width:250px;
height:18px;
margin:0 auto;
/*opacity:0.6;
filter:alpha(opacity=60);*/
background-color:#fff;
color:#000;
border:0px solid black;
padding:2px;
text-align:center;
font-size:14px;
/*z-index:-1;*/
}

#index-donate {
width:300px;
height:40px;
line-height:40px;
background-color:red;
margin:10px auto;
padding:2px ;
border-radius:15px;
border:2px solid #000;
box-shadow: 10px 10px 5px #888888;
}

#index-donate a{
text-decoration:none;
text-align:center;
font-size:20px;
color:white;
display:block;
}

table.index_hours {
/* border:10px ridge #b70952; */
color:#000; font:normal bold 11pt tahoma;
width:auto;
margin: 15px auto;
}

table.index_hours th {
font:normal bold 12pt tahoma;
}

table.index_hours td, table.index_hours th {
padding:0px 10px;
}

/* ***** Index End ***** */


#color-red {
color : red;
}

/* ***** Scholarship ***** */
#scholarship {
position : relative;
padding-top:30px;
width : 90%;
/*min-height : 550px;*/
height : auto;
top : 0px;
margin : 0 auto;
}

#scholarship ul.main {
width : 95%;
padding : 5px;
margin:15px  20px 0;
}
/* ***** Scholarship Ends ***** */

/* ***** Our Mission ***** */
#mission-content {
padding:30px 20px 0px;
width:85%;
height:auto;
margin:0 auto 15px;
/*border:1px solid black;
background:gold;*/
}

#mission-content p {
padding-bottom:10px;
text-align:justify;
}

#mission-content ul.main {
width:60%;
margin:20px auto;
}
/* ***** Our Mission End ***** */


/* ***** Our History ***** */
#history-float-right {
float:left;
width:100px;
}

#history-content {
margin: 0 auto 0 100px;
padding:30px 20px 10px 40px;
width:620px;
height:100%;
}
#history-content h2 {
font-size:120%;
}

#history-content p {
padding-bottom:10px;
text-align:justify;
}
/* ***** Our History End ***** */

/* ***** FAQs ***** */
#faqs {
position : relative;
padding : 0 20px;
width : 760px;
height : 100%;
min-height:600px;
top : 0;
margin : 0 auto;
}

#faqs .head {
color:#88094e;
padding:2em 0 .5em;
margin-left:3em;
}

#faqs ul {
margin-bottom:10px;
}

#faqs-answers {
/*position : relative;
top : 0px;
left : 0;*/
width : 650px;
padding : 0 5px;
margin : 0 auto;
}

#faqs-answers span a {
text-decoration : none;
color : #a00;
}

#faqs-answers span {
float : right;
width : 10%;
height : auto;
text-align : center;
font-size : 10pt;
font-weight : normal;
font-style : normal;
margin-top : -1em;
color : green;
}

#faqs-answers a.name {
width : 90%;
color : #00a;
}

#faqs li a, faqs-answers a {
color : purple;
font : italic bold 11pt "New Century Schoolbook";
}

#faqs li a:link {
text-decoration : none;
}

#faqs li a:visited {
text-decoration : none;
}

#faqs li a:hover {
text-decoration : underline;
color : #fc2c58;
}

#faqs li a:active {
text-decoration : none;
}

div#faqs a span {
display : none;
}

div#faqs  a:hover span {
display : block;
position : relative;
top : 2px;
left : 0px;
width : 500px;
padding : 4px;
margin : 10px;
color : #000;
background : white;
border : 1px solid red;
font-weight:bold;
font-size:10pt;
font-family: tahoma, sans-serif;
font-family :"New Century Schoolbook";

text-align : left;
text-decoration:none;
}

#faqs li a:hover {
text-decoration:none;
}
#faqs li a {
line-height:150%;
}

#faqs hr {
margin : 0.2em 0;
}

#faqs ul {
margin : 0 3em;
}

#faqs p {
font-family : 'New Century Schoolbook', arial;
font-size : 10pt;
color : black;
font-weight : normal;
font-style : normal;
width : 90%;
margin : 0;
}

.accordion {
	position:relative;
	width: 740px;		
	margin:0 auto 0;
	border-bottom: solid 1px #c4c4c4;


}
.accordion h3 {
	background: transparent url("/javascript/plusminus1Resized.gif") no-repeat left 0px;
line-height:29px;
	width:701px;
	padding: 0px 3px 0px 36px;
	margin: 0;
	font-size:19px;
	font-weight:bold;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
.accordion h3:hover {
	background-color: #e3e2e2;
	background-color: #ccc;
}
.accordion h3.active {
	background-position: left -26px;
	border-bottom: solid 1px #c4c4c4;
}
.accordion p {
	background: #f7f7f7;
	color : #a00;
	color:#000;
	font-size:16px;
	width:701px;
	margin: 0;
	padding: 10px 6px 10px 36px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}
.accordion #head {
color:#88094e;
padding:20px 0 5px;
width: 620px;		
margin:5px;
font-size:20px;
}

/* ***** FAQs End ***** */


/* ***** Emergency Assistance ***** */
#emerassist {
position : relative;
padding : 0px;
width : 780px; width:700px;
height : auto;
top : 0px;
margin : 20px auto;
/*z-index:-1;*/
}

#emerassist p {
padding:0;
margin-bottom:20px;
}

#emerassist ul.main {
margin : 0 15px;
}

#emerassist ul.main li {
padding-bottom:10px;
text-align:justify;
}
/* ***** Emergency Assistance End ***** */

/*
.content {
position : relative;
margin : 0 auto;
margin-top : 20px;
padding : 20px 0;
}
*/

/* ***** How You Can Help End ***** */
#howyoucanhelp {
position : relative;
top : 20px;
left : 0;
width : 720px;
margin : 0 auto;
}

#howtohelp {
font:bold 14pt;
margin:20px;
text-align:justify;
}

#howyoucanhelp p {
/*color:#f00;
font:bold 14pt;*/
margin-bottom:20px;
text-align:justify;
}

#howyoucanhelp div {
color:#f00;
font-size:13pt;
font-weight:bold;
text-align:left;
margin-bottom:20px;
}

#howyoucanhelp a {
color : #00a;
text-decoration:none;
}
/* ***** How You Can Help End ***** */

/* ***** Food Pantry ***** */
#fp-pics {
position : absolute;
top :176px;
left:0;
width : 106px;
height : auto;
padding : 0;
margin:0;
/*background : #a0def5;
border:1px solid red; */
}

div#fp-pics a span, div#fp-pics-right a span {
display : none;
}

div#fp-pics a:hover span {
display : block; display : none;
position : absolute;
top : 10px;
left : 116px;
width : 120px;
padding : 0px;
margin : 0px;
							/* z-index : 10;*/
color : #000;
background : white;
border : 1px solid red;
font : bold 12pt Tahoma, sans-serif;
text-align : center;
}

#fp-pics a, #fp-pics a:visited, #fp-pics a:hover, #fp-pics a:active,
#fp-pics-right a, #fp-pics-right a:visited, #fp-pics-right a:hover, #fp-pics-right a:active {
text-decoration : none;
}
/*
.fp-float-pics { 
margin:0;
padding : 5px 0px 0;
}
*/
#fp-pics-right {
position : absolute;
/*margin-left: 674px;*/
left:674px;
width : 106px;
height : auto;
padding : 0;
top :176px;
/*background : #a0def5;*/
}

.fp-float-pics-right {
float : right;
/*clear:right;*/
padding : 5px 0px 0 0px;
/*border:2px solid green;*/
}

div#fp-pics-right a:hover span {
display : block; display : none;
position : absolute;
top : 10px;
right : 116px;
width : 120px;
padding : 0px;
margin : 0px;
									/* z-index : 3;*/
color : #000;
background : white;
border : 1px solid red;
font : bold 12pt Tahoma, sans-serif;
text-align : center;
}

.fp-click-pics {
position:absolute;
left:11px;
top:265px;
width:80px;
height:60px;
margin:0 auto;
opacity:0.8;
filter:alpha(opacity=80);
background-color:#fff;
color:#000;
border:0px solid black;
padding:2px;
font-size:9pt;
}

#fp-content {
/*width:100%;
margin:170px 116px 0 116px;
position:relative;
padding:0;
top:0px;
left:111px;*/
margin:0 auto;
width:558px;
height:auto;
/*border:2px solid green;
background:white;*/
}

#fp-content h1 {
color:#084da3;
text-align:center;
margin-bottom:10px;
}

#fp-content h3 {
color:#f00;
font-size:1.3em;
}

#fp-content ol {
list-style: decimal;
width:85%;
margin:20px auto;
padding-left:2em;
font-size:1.2em;
}

#fp-content li {
padding-bottom:.2em;
}

#fp-content p {
padding:0px 15px 15px;
width:480px;
margin:10px auto;
text-align:justify;
}

#fp-mission {
padding:0px 15px 15px;
width:480px;
margin:10px auto;
}

table.fp th {
color : black;
font : normal bold 18px tahoma, courier, arial;
}

th {
text-align : center;
}

table.hours {
border:10px ridge #b70952;
color:#000; font:normal bold 12pt tahoma;
width:auto;
margin: 20px auto;
}

table.hours td, table.hours th {
padding:6px 10px;
}

table.hours td {
border-top:3px solid #000;
}
/* ***** Food Pantry End ***** */

/* ***** Store ***** */
#store-content {	
padding:10px 20px;
width:90%;
height:auto;
margin:10px auto;
/*border:1px solid black;
background:gold;*/
}

#store-content h1 {
text-align:center;
margin-bottom:15px;
}

#store-content h1+h2 {
text-align:center;
}

#store-content ul {
width:450px;
list-style-type:none;
margin:20px auto 40px;
}

#store-content li {
margin-left:30px;
}

#store-content p {
padding-bottom:10px;
text-align:justify;
}

#store-content p#hours {
color:#084da3;
}


 h2.c11 {text-align:center;}

/* p.c8 {color:#000; margin:-65px auto 40px; width:160px; text-align:center; background-color:#fff;}*/
 p.c8 {color:#000; position:relative; top:-65px; margin:0 auto; text-align:center; width:160px; background-color:#fff;}

 img.c7 {margin:1px 0 0; padding:0; border:1px solid #00f;
}
/* ***** Store End ***** */