.PNG { behavior:url(iepngfix.htc); }
#diocese-header { background:url(/webart/Vocations/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:#131313 url(/webart/Vocations/b2-bg.jpg) repeat-y 50%; margin: 0px; padding: 0px; height:100%; }
.m-bg { background:url(/webart/Vocations/b-bg.jpg) no-repeat bottom; vertical-align:top; width:960px; }
.l-bg { background:url(/webart/Vocations/l2-bg.jpg) repeat-x top; vertical-align:top; }
.l-bg DIV { background:url(/webart/Vocations/l-bg.jpg) no-repeat top right; vertical-align:top; height:690px; }
.r-bg { background:url(/webart/Vocations/r2-bg.jpg) repeat-x top; vertical-align:top; }
.r-bg DIV { background:url(/webart/Vocations/r-bg.jpg) no-repeat top left; vertical-align:top; height:690px; }

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

.flash { background:url(/webart/Vocations/flash.jpg) no-repeat; height:492px; vertical-align:top; }
#flash { width: 619px; height: 304px; background: url(/webart/Vocations/TEMP-FLASH.jpg) no-repeat; color: #FFFFFF; }

#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:relative; z-index:30; margin:0px 0px 0px 0px; padding:0px; width:341px; }
#news-and-events UL { padding: 0px 0px 0px 0px; margin: 10px 20px 7px 25px;  }
#news-and-events UL LI { font: 11px/16px Arial, Helvetica, sans-serif; COLOR: #FFFFFF; padding: 0px 0px 0px 12px; margin: 0px; text-align:left; list-style:none; background:url(/webart/Vocations/news-events-bullet.gif) no-repeat 0px 6px; }
#news-and-events UL LI A:link    { COLOR: #FFFFFF; }
#news-and-events UL LI A:visited { COLOR: #FFFFFF; }
#news-and-events UL LI A:active  { COLOR: #FFFFFF; }
#news-and-events UL LI A:hover   { COLOR: #ffca6d; }

.home-blogs  { font: 11px/18px Arial, Helvetica, sans-serif; COLOR: #FFFFFF; padding: 10px 20px 5px 30px; margin:0px; text-align:justify; background:url(/webart/Vocations/blogs-bg.jpg) no-repeat top; height:120px; vertical-align:top; }
.home-blogs  A:link    { COLOR: #FFFFFF; }
.home-blogs  A:visited { COLOR: #FFFFFF; }
.home-blogs  A:active  { COLOR: #FFFFFF; }
.home-blogs  A:hover   { COLOR: #ffca6d; }

#home-blogs { position:relative; z-index:40; margin:0px; padding:0px; width:619px; }


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

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

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

/* 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: #FFFFFF; text-align:left; margin:0px 0px 8px 0px; text-transform:uppercase; }
H1 A:link    { COLOR: #FFFFFF; text-decoration:none; }
H1 A:visited { COLOR: #FFFFFF; text-decoration:none; }
H1 A:active  { COLOR: #FFFFFF; text-decoration:none; }
H1 A:hover   { COLOR: #333333; text-decoration:none; }

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

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

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

/* 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/Vocations/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; }

.nav { margin:0px; padding:0px; height:32px; 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#hearing-the-call { width:215px; height:32px; background: url(/webart/Vocations/nav/hearing-the-call.gif) no-repeat; }
.nav ul li a#hearing-the-call:hover { background: url(/webart/Vocations/nav/hearing-the-call.gif) 0 -32px no-repeat; }
.nav ul li a#vocations-bishop-pates { width:180px; height:32px; background: url(/webart/Vocations/nav/bishop-pates.gif) no-repeat; }
.nav ul li a#vocations-bishop-pates:hover { background: url(/webart/Vocations/nav/bishop-pates.gif) 0 -32px no-repeat; }
.nav ul li a#the-experience { width:191px; height:32px; background: url(/webart/Vocations/nav/the-experience.gif) no-repeat; }
.nav ul li a#the-experience:hover { background: url(/webart/Vocations/nav/the-experience.gif) 0 -32px no-repeat; }
.nav ul li a#vocation-retreats { width:149px; height:32px; background: url(/webart/Vocations/nav/retreats.gif) no-repeat; }
.nav ul li a#vocation-retreats:hover { background: url(/webart/Vocations/nav/retreats.gif) 0 -32px no-repeat; }
.nav ul li a#support-vocations { width:225px; height:32px; background: url(/webart/Vocations/nav/support-vocations.gif) no-repeat; }
.nav ul li a#support-vocations:hover { background: url(/webart/Vocations/nav/support-vocations.gif) 0 -32px no-repeat; }

.nav ul li a#hearing-the-call-on { width:215px; height:32px; background: url(/webart/Vocations/nav/hearing-the-call.gif) 0 -32px no-repeat; }
.nav ul li a#vocations-bishop-pates-on { width:180px; height:32px; background: url(/webart/Vocations/nav/bishop-pates.gif) 0 -32px no-repeat; }
.nav ul li a#the-experience-on { width:191px; height:32px; background: url(/webart/Vocations/nav/the-experience.gif) 0 -32px no-repeat; }
.nav ul li a#vocation-retreats-on { width:149px; height:32px; background: url(/webart/Vocations/nav/retreats.gif) 0 -32px no-repeat; }
.nav ul li a#support-vocations-on { width:225px; height:32px; background: url(/webart/Vocations/nav/support-vocations.gif) 0 -32px 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/Vocations/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:199px; padding: 20px 0px 0px 16px; 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: capitalize; color:#FFFFFF; padding:0px 0px 8px 10px; vertical-align:top;  }
.leftnav LI.leftnav-title a:hover { text-decoration:none; color:#ffca6d; background:none; }

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

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

.leftnav LI LI LI { list-style:none; }
.leftnav LI LI LI a { text-decoration:none; display:block; font: 11px/14px Arial, Helvetica, sans-serif; color: #FFFFFF; padding:2px 5px 2px 40px; }
.leftnav LI LI LI a:hover { color:#ffca6d; }

.leftnav LI #leftnav-on { color:#FFFFFF; background:#560606; font-weight:bold; }