.PNG { behavior:url(iepngfix.htc); }

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

.header { background:url(/webart/t-bg.jpg) no-repeat; height:135px; vertical-align:top; }

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

#search { margin: 85px 5px 0px 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:135px; }

#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/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/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: #677f8d; }

#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: #677f8d; font-size:12px; }

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

.inside-body { background:url(/webart/inside-body-bg.jpg) no-repeat; height:461px; vertical-align:top; }
.inside-body-null { background:url(/webart/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:50px 25px 0px 25px; }



/* FOOTER STYLE */
.foot-wrapper { position: relative; z-index:10; }
.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: #677f8d; }

/* 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:6px 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/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; }

.espanol-link { font: bold 11px/14px Arial, Helvetica, sans-serif; vertical-align:top; COLOR: #666666; padding: 0px 0px 0px 0px; margin: 0px 25px 0px 0px; text-transform:uppercase; }
.espanol-link A:link    { COLOR: #666666; text-decoration:none; }
.espanol-link A:visited { COLOR: #666666; text-decoration:none; }
.espanol-link A:active  { COLOR: #666666; text-decoration:none; }
.espanol-link A:hover   { COLOR: #000000; text-decoration:underline; }

a .alt { display: none; }

.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#bishop-pates { width:138px; height:40px; background: url(/webart/nav/bishop-pates.jpg) no-repeat; }
.nav ul li a#bishop-pates-on {width:138px; height:40px; background: url(/webart/nav/bishop-pates.jpg) 0 -40px no-repeat; }
.nav ul li a#bishop-pates:hover { background: url(/webart/nav/bishop-pates.jpg) 0 -40px no-repeat; }

.nav ul li a#catholic-schools { width:175px; height:40px; background: url(/webart/nav/catholic-schools.jpg) no-repeat; }
.nav ul li a#catholic-schools-on { width:175px; height:40px; background: url(/webart/nav/catholic-schools.jpg) 0 -40px no-repeat; }
.nav ul li a#catholic-schools:hover { background: url(/webart/nav/catholic-schools.jpg) 0 -40px no-repeat; }

.nav ul li a#worship { width:98px; height:40px; background: url(/webart/nav/worship.jpg) no-repeat; }
.nav ul li a#worship-on {width:98px; height:40px; background: url(/webart/nav/worship.jpg) 0 -40px no-repeat; }
.nav ul li a#worship:hover { background: url(/webart/nav/worship.jpg) 0 -40px no-repeat; }

.nav ul li a#giving { width:81px; height:40px; background: url(/webart/nav/giving.jpg) no-repeat; }
.nav ul li a#giving-on { width:81px; height:40px; background: url(/webart/nav/giving.jpg) 0 -40px no-repeat; }
.nav ul li a#giving:hover { background: url(/webart/nav/giving.jpg) 0 -40px no-repeat; }

.nav ul li a#faith-formation { width:163px; height:40px; background: url(/webart/nav/faith-formation.jpg) no-repeat; }
.nav ul li a#faith-formation-on { width:163px; height:40px; background: url(/webart/nav/faith-formation.jpg) 0 -40px no-repeat; }
.nav ul li a#faith-formation:hover { background: url(/webart/nav/faith-formation.jpg) 0 -40px no-repeat; }

.nav ul li a#vocations { width:112px; height:40px; background: url(/webart/nav/vocations.jpg) no-repeat; }
.nav ul li a#vocations-on { width:112px; height:40px; background: url(/webart/nav/vocations.jpg) 0 -40px no-repeat; }
.nav ul li a#vocations:hover { background: url(/webart/nav/vocations.jpg) 0 -40px no-repeat; }

.nav ul li a#catholic-charities { width:193px; height:40px; background: url(/webart/nav/catholic-charities.jpg) no-repeat; }
.nav ul li a#catholic-charities-on { width:193px; height:40px; background: url(/webart/nav/catholic-charities.jpg) 0 -40px no-repeat; }
.nav ul li a#catholic-charities:hover { background: url(/webart/nav/catholic-charities.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; width:450px; }
#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/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: 32px 0px 0px 0px; margin:0px; vertical-align:top; }
.leftnav LI.leftnav-title { clear: both; }
.leftnav LI.leftnav-title li { float: left; width: 211px; }
.leftnav LI.leftnav-title a { text-decoration:none; display:block; font: normal 16px "Times New Roman", Times, serif; text-transform:uppercase; color:#677f8d; padding:0px 0px 5px 10px; border-bottom:#abc4d3 solid 1px; vertical-align:top;  }
.leftnav LI.leftnav-title a:hover { text-decoration:none; color:#333333; background:none; }

.leftnav LI.leftnav-title LI a { text-decoration:none; display:block; background:#cdd4d9; font: 11px/16px Arial, Helvetica, sans-serif; color: #333333; padding:2px 5px 2px 25px }

.leftnav UL { list-style:none; margin: 0px 0px 0px 5px; padding:0px;  }
.leftnav LI { list-style:none; margin: 0px; padding: 0px; }
.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:#dbe1e6; }

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

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

.leftnav LI.thirdlevel { list-style:none; }
.leftnav LI.thirdlevel a { text-decoration:none; display:block; background:#cdd4d9; font: 11px/16px Arial, Helvetica, sans-serif; color: #333333; padding:2px 5px 2px 25px; }
.leftnav LI.thirdlevel a:hover { color:#333333; background:#8daabb; }

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

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


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



.resource-manual-table P { font-size:11px; }


.School .SchoolName {color:#677F8D; font: italic 22px Georgia, "Times New Roman", Times, serif; margin:0px; padding:0px; text-align:left;}
.School	.Contact {font:18px "Times New Roman",Times,serif; text-transform:uppercase; padding:30px 0px 0px 0px;}
.School .Address {font-size:12px; font-weight:bold; padding:10px 0px 0px 0px;}
.School .MailingAddress {font-size:12px;}
.School .SchoolEmail {font-size:12px; padding:10px 0px 0px 0px;}
.School .SchoolWebsite {font-size:12px; padding:10px 0px 0px 0px; }
.School .SchoolAdminTitle {font:18px "Times New Roman",Times,serif; text-transform:uppercase; padding:30px 0px 0px 0px;}
.School .SchoolAdmin {font-size:12px; padding:0px 0px 0px 0px; }
.School .SchoolAdminPositionTitle {font-size:12px; font-weight:normal; font-style:italic;}
.School .SchoolAdminName {font-size:12px; font-weight:bold; padding:10px 0px 0px 0px;}
.School .SchoolAdminEmail {font-size:12px;}
.School .SchoolAdminPhone {font-size:12px;}


.Parish .ParishName {color:#677F8D; font: italic 22px Georgia, "Times New Roman", Times, serif; margin:0px; padding:0px; text-align:left;}
.Parish .Address { font:18px "Times New Roman",Times,serif; text-transform:uppercase; padding:30px 0px 0px 0px; }
.Parish .BusinessMailingAddress {font-size:12px;}
.Parish .AddressType {font-size:12px; font-weight:bold; padding:10px 0px 0px 0px;}
.Parish .ParishEmail {font-size:12px; padding:10px 0px 0px 0px;}
.Parish .ParishWebsite {font-size:12px; padding:10px 0px 0px 0px;}
.Parish .ParishStaff {font:18px "Times New Roman",Times,serif; text-transform:uppercase; padding:30px 0px 0px 0px;}
.Parish .ParishStaffList {font-size:12px; padding:0px 0px 0px 0px;}
.Parish .ParishStaffListPositionTitle {font-size:12px; font-weight:normal; font-style:italic;}
.Parish .ParishStaffListName {font-size:12px; font-weight:bold; padding:10px 0px 0px 0px;}
.Parish .ParishStaffListEmail {font-size:12px;}
.Parish .ParishStaffListPhone {font-size:12px;}