.PNG { behavior:url(iepngfix.htc); }
#diocese-header { background:url(/webart/Charities/diocese-header-bg.png) repeat-x; height:40px; width:100%; position: fixed; top:0px; z-index:1000; margin:auto; }
#diocese-header DIV { width:960px; margin:auto; text-align:right; }
#diocese-header DIV IMG { padding:0px; margin: 4px 5px 0px 0px; }


/* OVERALL PAGE BODY STYLE */
html { height:100%; }
body { background:#efcb69 url(/webart/Charities/b2-bg.jpg) repeat-y 50%; margin: 0px; padding: 0px; height:100%; }
.m-bg { background:url(/webart/Charities/b-bg.jpg) no-repeat bottom; vertical-align:top; width:960px; }
.l-bg { background:url(/webart/Charities/l2-bg.jpg) repeat-y right; vertical-align:top; }
.l-bg DIV { background:url(/webart/Charities/l-bg.jpg) no-repeat top right; height:830px; }
.r-bg { background:url(/webart/Charities/r2-bg.jpg) repeat-y left; vertical-align:top; }
.r-bg DIV { background:url(/webart/Charities/r-bg.jpg) no-repeat top left; height:830px; }

.header { background: #FFFFFF url(/webart/Charities/t-bg.jpg) no-repeat 0px 30px; height:115px; padding:30px 0px 0px 0px; vertical-align:top; }

.flash { background:url(/webart/Charities/flash.jpg) no-repeat; height:461px; vertical-align:top; }
#flash { position: absolute; z-index:1; margin:0px; padding:0px; height:461px; width:960px; }

#search { margin: 0px; padding:0px; text-align:right; }
.search-go { font: 10px Arial, Helvetica, sans-serif; COLOR: #878686; padding: 0px 0px 0px 0px; }
.search-textbox { font: 10px Arial, Helvetica, sans-serif; COLOR: #878686; background:#FFFFFF; BORDER: solid #bfbfbf 1px; padding: 2px; width:105px; }

#news-and-events { position:absolute; z-index:30; margin:223px 0px 0px 15px; width:310px; }
#news-and-events UL { padding: 0px 0px 0px 0px; margin: 14px 0px 0px 8px; background:url(/webart/Charities/dotted-line.gif) repeat-x top;  }
#news-and-events UL LI { font: 12px/18px Arial, Helvetica, sans-serif; COLOR: #333333; padding: 5px 0px 5px 6px; margin: 0px; text-align:left; background:url(/webart/Charities/dotted-line.gif) repeat-x bottom; list-style:none; }
#news-and-events UL LI A:link    { COLOR: #333333; }
#news-and-events UL LI A:visited { COLOR: #333333; }
#news-and-events UL LI A:active  { COLOR: #333333; }
#news-and-events UL LI A:hover   { COLOR: #ad8911; }

#diocesan-blog { position:absolute; z-index:40; margin:216px 0px 0px 366px; width:250px; }
#diocesan-blog P { font: 11px/18px Arial, Helvetica, sans-serif; COLOR: #333333; padding: 0px; margin:0px; text-align:justify; }
#diocesan-blog P A:link    { COLOR: #333333; font-size:12px; }
#diocesan-blog P A:visited { COLOR: #333333; font-size:12px; }
#diocesan-blog P A:active  { COLOR: #333333; font-size:12px; }
#diocesan-blog P A:hover   { COLOR: #ad8911; font-size:12px; }

#home-callouts { position:absolute; z-index:50; margin:225px 0px 0px 662px; width:273px; }

.inside-body { background:url(/webart/Charities/inside-body-bg.jpg) no-repeat; height:461px; vertical-align:top; }
.inside-body-null { background:url(/webart/Charities/inside-body-bg-null.jpg) no-repeat; height:461px; vertical-align:top; }

#inside-content-wrapper { margin: 0px 0px 40px 0px; }
.inside-content { margin:0px; padding:40px 25px 0px 25px; }

/* OVERALL CONTENT PARAGRAPH STYLES */
P { font: 12px/18px Arial, Helvetica, sans-serif; COLOR: #333333; padding: 0px; margin:0px; text-align:justify; }
P A:link    { COLOR: #ad8911; }
P A:visited { COLOR: #ad8911; }
P A:active  { COLOR: #ad8911; }
P A:hover   { COLOR: #333333; }

/* BULLETED LISTING STYLES
UL { margin: 0px 0px 0px 35px; text-align:left;}
LI { list-style: square; font: 12px Arial, Helvetica, sans-serif; COLOR: #333333; text-align:left; } */

/* HEADING STYLES */
H1 { font: normal 18px "Times New Roman", Times, serif; COLOR: #ad8911; text-align:left; margin:0px 0px 8px 0px; text-transform:uppercase; }
H1 A:link    { COLOR: #ad8911; text-decoration:none; }
H1 A:visited { COLOR: #ad8911; text-decoration:none; }
H1 A:active  { COLOR: #ad8911; text-decoration:none; }
H1 A:hover   { COLOR: #333333; text-decoration:none; }

H2 { font: normal 17px "Times New Roman", Times, serif; COLOR: #333333; text-align:left; margin:0px 0px 8px 0px; }
H2 A:link    { COLOR: #ad8911; text-decoration:none; }
H2 A:visited { COLOR: #ad8911; text-decoration:none; }
H2 A:active  { COLOR: #ad8911; text-decoration:none; }
H2 A:hover   { COLOR: #333333; text-decoration:none; }

H3 { font: bold 14px Arial, Helvetica, sans-serif; COLOR: #333333; text-align:left; margin:0px; padding:0px;  }
H3 A:link    { COLOR: #ad8911; text-decoration:none; }
H3 A:visited { COLOR: #ad8911; text-decoration:none; }
H3 A:active  { COLOR: #ad8911; text-decoration:none; }
H3 A:hover   { COLOR: #333333; text-decoration:none; }

/* FOOTER STYLE */
.footer P { font: 11px/18px Arial, Helvetica, sans-serif; COLOR: #565656; padding: 0px; margin:0px; text-align: center; }
.footer P A:link    { COLOR: #565656; }
.footer P A:visited { COLOR: #565656; }
.footer P A:active  { COLOR: #565656; }
.footer P A:hover   { COLOR: #ad8911; }

/* FORM STYLES */
.textbox { font: 11px Arial, Helvetica, sans-serif; COLOR: #333333; background:#FFFFFF; BORDER: solid #999999 1px; padding: 2px; width:200px; }
.button { font: bold 11px Arial, Helvetica, sans-serif; COLOR: #FFFFFF; background:#cc3300; border:#FFFFFF solid 1px; padding: 3px 6px 3px 6px; }

.form-table TD { font: 11px/18px Arial, Helvetica, sans-serif; COLOR: #333333; padding: 4px; margin:0px; vertical-align:top; }

/* MAIN NAVIGATION */
#topnav .topnav-null { background-image:none; }
#topnav { padding:10px 0px 0px 0px; margin:0px; text-align:right; font: 10px/14px Arial, Helvetica, sans-serif; vertical-align:top; }
#topnav ul { margin: 0px 7px 0px 0px; padding:0px; display:inline; }
#topnav ul li { COLOR: #666666; padding: 0px 0px 0px 8px; margin: 0px 0px 0px 3px; display:inline; background:url(/webart/Charities/topnav-bullet.gif) no-repeat left; }
#topnav ul li  A:link    { COLOR: #666666; text-decoration:none; }
#topnav ul li  A:visited { COLOR: #666666; text-decoration:none; }
#topnav ul li  A:active  { COLOR: #666666; text-decoration:none; }
#topnav ul li  A:hover   { COLOR: #000000; text-decoration:underline; }

a .alt { display: none; }

#social-justice-consortium { position:absolute; top:90px; margin-left:330px; left:50%; }

.nav { margin:0px; padding: 0px; height:40px; width:960px; display:block; }
.nav ul { margin: 0px; padding:0px; display:inline; }

.nav ul li{ margin: 0px; padding: 0px; display:inline; float: left; }
.nav ul li a{ display: block; text-decoration: none; margin: 0px; }

.nav ul li a#adoption-and-pregnancy-counseling { width:191px; height:40px; background: url(/webart/Charities/nav/adoption-pregnancy-counseling.jpg) no-repeat; }
.nav ul li a#adoption-and-pregnancy-counseling:hover { background: url(/webart/Charities/nav/adoption-pregnancy-counseling.jpg) 0 -40px no-repeat; }
.nav ul li a#counseling { width:104px; height:40px; background: url(/webart/Charities/nav/counseling.jpg) no-repeat; }
.nav ul li a#counseling:hover { background: url(/webart/Charities/nav/counseling.jpg) 0 -40px no-repeat; }
.nav ul li a#refugee-resettlement { width:117px; height:40px; background: url(/webart/Charities/nav/refugee-resettlement.jpg) no-repeat; }
.nav ul li a#refugee-resettlement:hover { background: url(/webart/Charities/nav/refugee-resettlement.jpg) 0 -40px no-repeat; }
.nav ul li a#hispanic-community-outreach { width:169px; height:40px; background: url(/webart/Charities/nav/hispanic-community-outreach.jpg) no-repeat; }
.nav ul li a#hispanic-community-outreach:hover { background: url(/webart/Charities/nav/hispanic-community-outreach.jpg) 0 -40px no-repeat; }
.nav ul li a#phoenix-house { width:80px; height:40px; background: url(/webart/Charities/nav/phoenix-house.jpg) no-repeat; }
.nav ul li a#phoenix-house:hover { background: url(/webart/Charities/nav/phoenix-house.jpg) 0 -40px no-repeat; }
.nav ul li a#st-joseph-emergency-family-shelter { width:174px; height:40px; background: url(/webart/Charities/nav/st-joseph-emergency-shelter.jpg) no-repeat; }
.nav ul li a#st-joseph-emergency-family-shelter:hover { background: url(/webart/Charities/nav/st-joseph-emergency-shelter.jpg) 0 -40px no-repeat; }
.nav ul li a#st-mary-family-center { width:125px; height:40px; background: url(/webart/Charities/nav/st-mary-family-center.jpg) no-repeat; }
.nav ul li a#st-mary-family-center:hover { background: url(/webart/Charities/nav/st-mary-family-center.jpg) 0 -40px no-repeat; }



.nav ul li a#adoption-and-pregnancy-counseling-on { width:191px; height:40px; background: url(/webart/Charities/nav/adoption-pregnancy-counseling.jpg) 0 -40px no-repeat; }
.nav ul li a#counseling-on { width:105px; height:40px; background: url(/webart/Charities/nav/counseling.jpg) 0 -40px no-repeat; }
.nav ul li a#refugee-resettlement-on { width:117px; height:40px; background: url(/webart/Charities/nav/refugee-resettlement.jpg) 0 -40px no-repeat; }
.nav ul li a#hispanic-community-outreach-on { width:161px; height:40px; background: url(/webart/Charities/nav/hispanic-community-outreach.jpg) 0 -40px no-repeat; }
.nav ul li a#phoenix-house-on { width:80px; height:40px; background: url(/webart/Charities/nav/phoenix-house.jpg) 0 -40px no-repeat; }
.nav ul li a#st-joseph-emergency-family-shelter-on { width:174px; height:40px; background: url(/webart/Charities/nav/st-joseph-emergency-shelter.jpg) 0 -40px no-repeat; }
.nav ul li a#st-mary-family-center-on { width:125px; height:40px; background: url(/webart/Charities/nav/st-mary-family-center.jpg) 0 -40px no-repeat; }
			

#secondary .secondary-null { background-image:none; }
#secondary { text-align:right; font: 9px/14px Arial, Helvetica, sans-serif; text-transform:uppercase; vertical-align:top; position: absolute; z-index:10; padding:0px; margin: 9px 0px 0px 510px; }
#secondary ul { margin: 0px 7px 0px 0px; padding:0px; display:inline; }
#secondary ul li { COLOR: #666666; padding: 0px 0px 0px 8px; margin: 0px 0px 0px 3px; display:inline; background:url(/webart/Charities/topnav-bullet.gif) no-repeat left; }
#secondary ul li  A:link    { COLOR: #666666; text-decoration:none; }
#secondary ul li  A:visited { COLOR: #666666; text-decoration:none; }
#secondary ul li  A:active  { COLOR: #666666; text-decoration:none; }
#secondary ul li  A:hover   { COLOR: #000000; text-decoration:underline; }

.leftnav { width:216px; padding: 22px 0px 0px 0px; margin:0px; vertical-align:top; }
.leftnav LI.leftnav-title { }
.leftnav LI.leftnav-title a { text-decoration:none; display:block; font: normal 16px "Times New Roman", Times, serif; text-transform:uppercase; color:#ad8911; padding:0px 0px 5px 10px; border-bottom:#d1bf97 solid 1px; vertical-align:top;  }
.leftnav LI.leftnav-title a:hover { text-decoration:none; color:#333333; background:none; }

.leftnav UL { list-style:none; margin: 0px 0px 0px 5px; padding:0px;  }
.leftnav LI { list-style:none; }
.leftnav LI a { text-decoration:none; display:block; font: normal 12px 'Trebuchet MS', Helvetica, sans-serif; color:#333333; padding:5px 10px 5px 15px; margin:0px;  }
.leftnav LI a:hover { color: #333333; background:#fbe4a0; }

.leftnav LI UL {margin: 0px; padding: 0px;}
.leftnav LI LI { list-style:none; }
.leftnav LI LI a { text-decoration:none; display:block; background:#ead38f; font: 11px/16px Arial, Helvetica, sans-serif; color: #333333; padding:2px 5px 2px 25px; }
.leftnav Li LI a:hover { color:#333333; background:#cdab42; }

.leftnav LI LI UL {margin: 0px; padding: 0px;}
.leftnav LI LI LI { list-style:none; }
.leftnav LI LI LI a { text-decoration:none; display:block; background:#fbe4a0; font: 11px/14px Arial, Helvetica, sans-serif; color: #666666; padding:2px 5px 2px 40px; }
.leftnav LI LI LI a:hover { color:#333333; background:#cdab42; }

.leftnav LI #leftnav-on { color:#333333; background:#d6bf7b; font-weight:bold; }







.callout-table { margin:0px 0px 10px 10px; padding:0px; width:250px; }
.callout-table TH { background:none; }
.callout-table TD { background:#f4e2ab; padding:0px 10px 0px 10px; margin:0px; border-bottom:#b5a781 solid 6px; }