/* CSS Document */

/* Styles for header, footer color, & decorative bars between content box and large photo */

#logo { position: absolute; top: 8px; left: 429px; width: 110px; height: 107px; border: none; }

#nameleft { position: absolute; top: 60px; left: 64px; width: 393px; height: 22px; border: none; }

#nameright { position: absolute; top: 60px; left: 511px; width: 392px; height: 22px; border: none; }

.addressleft { position: absolute; top: 88px; left: 64px; width: 393px; height: 30px; font: 16px Garamond, Adobe Garamond Pro, Times New Roman, Times, serif; color: black; text-align: center; }

.addressright { position: absolute; top: 88px; left: 511px; width: 392px; height: 30px; font: 16px Garamond, Adobe Garamond Pro, Times New Roman, Times, serif; color: black; text-align: center; }

#orangerule { background-color: #d86f10; position: absolute; top: 123px; left: 0px; width: 100%; height: 6px; border: none; }

#footer { background-color: #d86f10; position: absolute; top: 609px; left: 0px; width: 100%; height: 50px; border: none; }

#redbar1 { background-color: #7f2621; position: absolute; top: 129px; left: 348px; width: 26px; height: 490px; border: none; }

#tealbar { background-color: #216659; position: absolute; top: 129px; left: 364px; width: 5px; height: 490px; border: none; }

#redbar2 { background-color: #7f2621; position: absolute; top: 129px; left: 369px; width: 5px; height: 490px; border: none; }

#redbar3 { background-color: #7f2621; position: absolute; top: 129px; left: 914px; width: 8px; height: 490px; border: none; }

#tealbar2 { background-color: #216659; position: absolute; top: 129px; left: 922px; width: 2px; height: 490px; border: none; }

#redbar4 { background-color: #7f2621; position: absolute; top: 129px; left: 924px; width: 3px; height: 490px; border: none; }

#tealbar3 { background-color: #216659; position: absolute; top: 129px; left: 927px; width: 6px; height: 490px; border: none; }

#redbar5 { background-color: #7f2621; position: absolute; top: 129px; left: 933px; width: 10px; height: 490px; border: none; }

#gradbar { background-image:  url(images/gradient1.jpg); background-repeat: repeat-x top left; background-color: #7f2621; position: absolute; top: 129px; left: 367px; width: 7px; height: 490px;  border: none; }




/* Styles for navigation bar */

#home { position: absolute; top: 139px; left: 378px; width: 51px; height: 67px; border: none; }

#history { position: absolute; top: 139px; left: 435px; width: 73px; height: 67px; border: none; }

#faith { position: absolute; top: 139px; left: 515px; width: 48px; height: 67px; border: none; }

#path { position: absolute; top: 139px; left: 586px; width: 41px; height: 67px; border: none; }

#day { position: absolute; top: 139px; left: 654px; width: 39px; height: 67px; border: none; }

#ministry { position: absolute; top: 139px; left: 696px; width: 85px; height: 67px; border: none; }

#news { position: absolute; top: 139px; left: 785px; width: 48px; height: 67px; border: none; }

#world { position: absolute; top: 139px; left: 846px; width: 64px; height: 67px; border: none; }

#bluebar { background-color: #13324c; position: absolute; top: 129px; left: 374px; width: 540px; height: 23px; border: none; }

#navgradbar { background-image:  url(images/gradient2.jpg); background-repeat: repeat-y top left; background-color: #7f2621; position: absolute; top: 152px; left: 374px; width: 540px; height: 70px; border: none; }

#parish { position: absolute; top: 139px; left: 712px; width: 58px; height: 67px; border: none; }

#community { position: absolute; top: 139px; left: 710px; width: 109px; height: 67px; border: none; }




/* Styles for extra navigation bar on path.html */

#home { position: absolute; top: 139px; left: 378px; width: 51px; height: 67px; border: none; }

#ltbluebar { background-color: #1692a3; position: absolute; top: 553px; left: 374px; width: 540px; height: 5px; border: none; }

#pathgradbar { background-image:  url(images/pathgrad.gif); background-repeat: repeat-y top left; background-color: #7f2621; position: absolute; top: 558px; left: 374px; width: 540px; height: 54px; border: none; }

#call { position: absolute; top: 558px; left: 381px; width: 41px; height: 47px; border: none; }

#findpath { position: absolute; top: 558px; left: 429px; width: 96px; height: 47px; border: none; }

#findplace { position: absolute; top: 558px; left: 532px; width: 104px; height: 47px; border: none; }

#postnov { position: absolute; top: 558px; left: 643px; width: 111px; height: 47px; border: none; }

#vows { position: absolute; top: 558px; left: 761px; width: 51px; height: 47px; border: none; }

#brothers { position: absolute; top: 558px; left: 819px; width: 88px; height: 47px; border: none; }





/* Styles for page formatting */

body { background-color: #f5c317; background-image:  url(images/gradient1.jpg); background-repeat: repeat-x; background-position: 0px 129px; font: 14px Garamond, Adobe Garamond Pro, Times New Roman, Times, serif; color: black; }

a:link {color: #216659; text-decoration: underline;  }

a:visited {color: #13324c; text-decoration: underline; }

a:hover {color: #7f2621; text-decoration: none; }

h1 {font-weight: bold; font-size: 20px; text-align: center; }

h2 {font-weight: bold; font-size: 18px; text-align: center; }

h3 {font-weight: bold; font-size: 16px;}

.question {font-weight: bold; font-size: 16px; text-align: right; }

hr {align: center; color: #d86f10; width: 100%}

.content { position: absolute; left: 0px; top: 129px; width: 328px; height: 450px; padding: 10px; overflow: auto; scrollbar-face-color: #d86f10; scrollbar-track-color: #d86f10; scrollbar-highlight-color: #f5c317; scrollbar-shadow-color: #7f2621; scrollbar-3dlight-color: #7f2621; scrollbar-darkshadow-color: #f5c317; }

.newsletter { position: absolute; left: 0px; top: 129px; width: 900px; height: 450px; padding: 10px; overflow: auto; scrollbar-face-color: #d86f10; scrollbar-track-color: #d86f10; scrollbar-highlight-color: #f5c317; scrollbar-shadow-color: #7f2621; scrollbar-3dlight-color: #7f2621; scrollbar-darkshadow-color: #f5c317; }

.bold { font-weight: bold; }

.uline { text-decoration: underline; }

.buline { font-weight: bold; text-decoration: }

.center { text-align: center; }

.contact {font-weight: bold; font-size: 16px;}

.anchor { color: red; font-weight: bold; }

.quote { position: relative; left: 20px; width: 288px; font-size: 18px; font-weight: bold; color: #216659 }

.quoteemph { font-size: 22px; color: #13324c; }



/* Styles for image formatting */

#mainimg { position: absolute; top: 215px; left: 374px; width: 540px; height: 397px; border: none; }

#amflag { width: 31px; height: 17px; border: none; margin-left: 5px; margin-right: 5px; }

#franflag { width: 25px; height: 17px; border: none; margin-left: 5px; margin-right: 5px; }

#germflag { width: 27px; height: 17px; border: none; margin-left: 5px; margin-right: 5px; }

#spanflag { width: 25px; height: 17px; border: none;  margin-right: 5px; }

#mxflag { width: 29px; height: 17px; border: none; margin-left: 5px; margin-right: 5px; }

#mail { width: 24px; height: 15px; border: none; position: absolute; top: 613px; left: 947px; }

#left { float: left; margin: 10px; border: none; }

#right { float: right; margin: 10px; border: none; }

#headerimg { margin: 0px; border: none; }

#nl_img_h { width: 300px; height: 200px; border: none; margin: 5px;}

#nl_img_v { width: 200px; height: 300px; border: none; margin: 5px;}

.pic_float_left { float: left; width: 310px; margin: 10px;  }

.pic_float_right { float: right; width: 310px; margin: 10px;  }

.type_bet_pics { margin: 10px; }

/* Positioning below is for tiling images on top of the main image on each page.  Positions create a grid:  t=top,  m=middle (top to bottom), b=bottom; l=left, c=center (left to right), r=right.  */

/* Left Side */

.mainimg_tlinset { position: absolute; top: 230px; left: 385px; height: 102px; width: 160px; border-style: outset; border-width: 3px; border-color: #13324c; }

.mainimg_mlinset { position: absolute; top: 357px; left: 385px; height: 102px; width: 160px; border-style: outset; border-width: 3px; border-color: #13324c; }

.mainimg_blinset { position: absolute; top: 484px; left: 385px; height: 102px; width: 160px; border-style: outset; border-width: 3px; border-color: #13324c; }

/* Center */

.mainimg_tcinset { position: absolute; top: 230px; left: 560px; height: 102px; width: 160px; border-style: outset; border-width: 3px; border-color: #13324c; }

.mainimg_mcinset { position: absolute; top: 357px; left: 560px; height: 102px; width: 160px; border-style: outset; border-width: 3px; border-color: #13324c; }

.mainimg_bcinset { position: absolute; top: 484px; left: 560px; height: 102px; width: 160px; border-style: outset; border-width: 3px; border-color: #13324c; }

/* Right Side */

.mainimg_trinset { position: absolute; top: 230px; left: 734px; height: 102px; width: 160px; border-style: outset; border-width: 3px; border-color: #13324c; }

.mainimg_mrinset { position: absolute; top: 357px; left: 734px; height: 102px; width: 160px; border-style: outset; border-width: 3px; border-color: #13324c; }

.mainimg_brinset { position: absolute; top: 484px; left: 734px; height: 102px; width: 160px; border-style: outset; border-width: 3px; border-color: #13324c; }


/* Styles for specific images */

#depaul { width: 120px; height: 157px; float: left; margin: 5px; border: none; }

#oconnor { width: 120px; height: 172px; float: right; margin: 5px; border: none; }

#lipinski { width: 120px; height: 167px; float: right; margin: 5px; border: none; }

#tom_camp { width: 203px; height: 200px; border: none; margin: 10px; }

#church_ministry { width: 203px; height: 274px; border: none; margin: 10px; }

#derrick_prostrate { width: 272px; height: 200px; border: none; margin: 10px; }



/* Styles for Our Day Table */
table.day { font: 14px Garamond, Adobe Garamond Pro, Times New Roman, Times, serif; color: black; border: none; }

td { vertical-align: top; }

td.time { width: 60px; }



/* Styles for Our Brothers Table */
table.bros { font: 14px Garamond, Adobe Garamond Pro, Times New Roman, Times, serif; color: black; border: none; }

td.bros { width: 33%; text-align: center; }

#brosthumb { width: 95px; height: 119px; border: none; }




/* This is for a 1-line caption situated in the bottom right corner of the main image */
.caption1btmrt { background-color: #f5c317; position: absolute; width: 508px; height: 18px; left: 394px; top: 584px; padding: 6px; font: 12px Garamond, Adobe Garamond Pro, Times New Roman, Times, serif; color: black; }

/* This is for a 2-line caption situated in the bottom right corner of the main image */
.caption2btmrt { background-color: #f5c317; position: absolute; width: 508px; height: 28px; left: 394px; top: 570px; padding: 6px; font: 12px Garamond, Adobe Garamond Pro, Times New Roman, Times, serif; color: black; }