/* CSS definitions for St. Julia Parish - screen version */

/* Body, Header, wrapper, Footer */
body {
	background-color:#eeebdc; /* eeebdc */
	color:#666666;
	width: 780px;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size-adjust:.55;
	font-size: 12px;
	background-image:url(images/bg_header.jpg);
	background-repeat:repeat-x;
}
.bgImage {
/*
	background-attachment: scroll;
	background-image: url(images/backgroundImage.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
*/
}
.bgImage p {
	line-height:2em;
}
.bgImage img {
	z-index:50;
}
#header {
}
#header img {
	float:left;
}
#printheader {
	display:none;
}
#layout,
#layout_small {
	text-align:left;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
} 
#layout { width:780px; }
#layout_small { width:500px; }
body > #layout {  /* get around ie not handling min-width */
	min-width:760px;
	width:100%;
}
#footer {
	position:relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/*	width: 750px; 3-21-06 */
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size-adjust:.55;
	font-size: 11px;
	line-height:1.4em;
	color: #666666;
	background-color:#eeebdc;
	text-align:center;
}
#footer a, #footer a:visited{
	font-size: 12px;
	color: #3366cc;
	text-decoration: none;
}
#footer a:hover {
	color:#333333;
}
.footline {
	background-image:url(images/footline.gif);
	background-repeat:repeat-x;
	width: 100%;
	height:4px;
	margin: 0 0px;
	margin-left: 0px;
}
.clear {
	clear:both;
}
.centered {
	text-align:center;
}
.heavy {
	font-weight: bold;
}
.smaller {
	font-size:85%;
}
.italics {
	font-style:italic;
}
/* adjustments for browser css handling */
/*#layout > #header,
#zcontainer > #menus{
	border-bottom: 1px solid transparent;
} */

/* Font styles */

h1 {
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	font-size: 24px;
	color:#517fdd;
}
h2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size-adjust:.55;
	font-style: normal;
	font-weight:400;
	font-size: 16px;
	color:#517fdd;
}
h3 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size-adjust:.55;
	font-style: normal;
	font-weight:400;
	font-size: 14px;
	color:#333333;
	background-color:#e2e3dc;
	text-align:center;
	margin:0;
	padding:5px;
}
p {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size-adjust:.55;
	font-style: normal;
	font-size: 12px;
	line-height:1.5em;
	font-weight:100;
	color: #444444;
}
a, a:visited {
	font-size:12px;
}
/* Navigation bar and drop down menus */
/* ? refer to post 49 on long page */
/* ideas for fixing the ie/win disappearing menus
/* hides fro mie5-mac (backslash)*/
#navbar, #navbar ul { /* all lists */
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
/*	min-width: 670px; */
	width:58em;
	list-style:none;
	line-height:1em;
	z-index:100;
	float:left; /* ? on zonnet site */
}
#navbar a { /* need visited too? */
	display:block;
/*	width:10em;	 replaced by below */
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	font-weight:600;
	color:#ffffff;
	text-shadow:#517fdd 0px 1px 0px;
	text-decoration:none;
}

/* width of each navbar item (instead of padding or equal widths) */
#navbar li.ahome, #navbar li.ahome a { width:6em;}
#navbar li.anews, #navbar li.anews a { width:6em; }
#navbar li.aworship, #navbar li.aworship a { width:8em;}
#navbar li.aparishlife, #navbar li.aparishlife a { width:10em; }
#navbar li.areled, #navbar li.areled a { width:12em; }
#navbar li.aaboutus, #navbar li.aaboutus a { width:9em; }

#navbar li { /* all list items */
	float:left;
/*	width:10em; */
	z-index:100;
	
	line-height:1.25em; /*?*/
	margin-bottom: -1px; /*?*/
}
#navbar li ul { /* second level lists */
	position:absolute;
	width:15em; /* affects width of background menu image */
	margin-left:-1000em; /* use instead of display: none for screen readers */
 /* lineheight doesn't affect dropdown lines here */
	height:auto; /*zonnet*/
	padding-right:0.5em; /*?*/
	padding-bottom:0.5em;
	z-index:100;
}

/*width of each submenu text */
#navbar li ul.news, #navbar li ul.news li a { width:12em; } /*12 */
#navbar li ul.worship, #navbar li ul.worship li a { width:14em; } /*12 */
#navbar li ul.parishlife, #navbar li ul.parishlife li a { width:15em; } /* 12 */
#navbar li ul.reled, #navbar li ul.reled li a { width:15em; } /* 12 */
#navbar li ul.aboutus, #navbar li ul.aboutus li a { width:12em; } /* 12 */

#navbar li ul ul { /* third and above level lists */
	margin: -1em 0 0 -1000em;
}
#navbar li:hover ul ul, #navbar li.sfhover ul ul {
	margin-left:-1000em;
}
#navbar li:hover ul, #navbar li.sfhover ul { /* lists nested under hovered list items */
	margin-left:-.5em;
	padding-left:1em;
/*	margin-left:-1.2em;  was 0 before menu background alignment fiddling */
/*	padding-left:2em;  to align text on top of background for non-ie browsers */
 /* lineheight doesn't affect dropdown lines here */
	z-index:100;
}

/*zonnet - this stopped ie/windows menus from disappearing!! */
* html #navbar li.sfhover {
	position:relative;
}
/*zonnet*/

#navbar li li:hover ul, #navbar li li.sfhover ul {
	margin-left:10em;
	z-index:100;
}
/* extra positioning rules for limited noscript keyboard accessibility */
#navbar li a:focus + ul {
	margin-left:-.5em;
	padding-left:1em;
/*	margin-left:-1.2em;  was 0 before menu background alignment fiddling */
 /*	padding-left:2em; to align text on top of background for non-ie browsers */
 /* lineheight doesn't affect dropdown lines here */
	z-index:100;
}
#navbar li li a:focus + ul {
	margin-left:1010em;
}
#navbar li li a:focus {
	margin-left:1000em;
	width:13em; /* background menu width */
}
#navbar li li li a:focus {
	margin-left:2010em;
	width:10em;
}
#navbar li:hover a:focus, #navbar li.sfhover a.sffocus {
	margin-left:-.5em;
	padding-left:1em;
/*	margin-left:-1.2em;  was 0 before menu background alignment fiddling */
/*	padding-left:2em;  to align text on top of background for non-ie browsers */
 /* lineheight doesn't affect dropdown lines here */
	z-index:100;
}
#navbar li li:hover a:focus + ul, #navbar li li.sfhover a.sffocus + ul {
	margin-left:10em;
}
#navbar li li { /* line height of links in drop down menu */
	line-height:2em;
}
#navbar li li a {
	color:#ffffff;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	font-weight:lighter;
	text-align:left;
	text-decoration:none;
	text-shadow:none;
	z-index:100;
}
#navbar li li a:hover {
	color:#000066;
	z-index:100;
}
.news {
	background: url(images/bg_news4.png);
/*	background-position:top left;  */
	background-repeat:no-repeat;
	height: 10em;
	width:12em; /* 170px */
}

.worship {
	background: url(images/bg_worship4.png);
/*	background-position:top left;  */
	background-repeat:no-repeat;
	height: 10em;
	width:14em;/*200px	*/
}
.parishlife {
	background: url(images/bg_parishlife4.png);
/*	background: url(images/bg_parishlife4.png); */
	background-repeat:no-repeat;
	width:15em; /* 200px */
	height: 20em;
}
.reled {
	background: url(images/bg_reled4.png);
/*	background-position:top left;  */
	background-repeat:no-repeat;
	height: 15em;
	width:12em; /* 200px */
}
.aboutus {
	background: url(images/bg_aboutus4.png);
/*	background-position:top left; */
	background-repeat:no-repeat;
	height: 10em;
	width:12em;/* 155px */
}

/* Content section of page */

#wrapper {
	position:absolute;
	top:109px;
/*	width:750px;  to fix navbar wrapping */
	text-align:left;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear:left;
	z-index:0;
}
#pagebody {
	position:absolute;
	top:23px;
	width:750px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	z-index:0;
}
.buffer {
	height:17px;
}
.pagebodys {
	margin: 0px 0px 0px 0px;
	padding:20px 0px 0px 10px;
	background-image:url(images/bg_sidebar.jpg);
	background-repeat:repeat-y;
}
.pagebodys_nobg {
	margin: 0px 0px 0px 0px;
	padding:10px 0px 0px 10px;
}
.pagebodyc, .pagebodyscal {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear:left;
}
#side {
	float:left;
	width:170px;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index:0;
}
#side a, #side a:visited {
	color:#517fdd;
	text-decoration:none;
}
#side a:hover {
	color:#333333;
}
.sidequote, .sidequote p {
	font-style:italic;
	color:#666666;
	width:150px;
}
.sidetitle, .sidetitle p {
	font-weight:bold;
	color:#666666;
	font-size:14px;
}
.sidetext {
	font-weight:100;
	color:#666666;
	font-size:12px;
	font-style:normal;
	width:150px;
}
#content {
	margin: 0px 2px 0px 170px;
	padding: 0px 0px 0px 00px;
	width:560px;
	min-height:500px;
	z-index:0;
}
#content a, #content a:visited,
#content p a, #content p a:visited {
	color:#517fdd;
	font-weight:400;
	font-size:12px;
	font-style:normal;
	text-decoration:none;
}
#content a:hover, #content p a:hover {
	color:#666666;
}
#collage {
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(images/yg_collage.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:440px;
}
.collagemovie {
	margin: 0px 0px 0px 160px;
	padding:140px 0px 0px 0px;
	height:440px;
}
.wrapinner {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#content ul {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	width:500px;
	list-style-type:disc;
	list-style-position:inside;
}
#content ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 10px;
	line-height:1.5em;
	list-style-type:disc;
}
#content img {
	margin-left:8px;
	margin-right:8px;
	margin-bottom:8px;
}
.columns_c, .columns_s {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}
.column1 {
	float:left;
	width:170px;
	margin: 0px 0px 0px 00px;
	padding: 0px 0px 0px 0px;
}
.column2 {
	margin: 0px 0px 0px 00px;
	padding: 0px 0px 0px 0px;
}
.column210 {
	float:left;
	width:210px;
	margin: 0px 0px 0px 00px;
	padding: 0px 0px 0px 0px;
}
.column80 {
	float:left;
	width:80px;
	margin: 0px 0px 0px 00px;
	padding: 0px 0px 0px 0px;
}
.columna {
	float:left;
	width:150px;
	margin: 0px 0px 0px 00px;
	padding: 0px 0px 0px 0px;
}
.columnb {
	float:left;
	width:6em;
	margin: 0px 0px 0px 00px;
	padding: 0px 0px 0px 0px;
}
.columnc {
	float:left;
	margin: 0px 0px 0px 00px;
	padding: 0px 0px 0px 0px;
}
#content_inset {
	color:#666666;
	margin:0px;
	padding:0px 0px 0px 30px;
}
.masstab {
	padding: 00px 0px 0px 0px;
}
.block {
	padding-top: 10px;
}
.insetbox p {
	border:1px solid #666666;
	margin-left:15px;
	margin-right:50px;
	padding:3px 3px 3px 3px;
}
.zeromzerop {
	margin: 0px 0px 0px 00px;
	padding: 0px 0px 0px 0px;
}
.twocolumn {
	margin:5px 10px 5px 20px;
	padding: 0px 0px 8px 0px;
	line-height:1.5em;
}
.threecolumn {
	margin: 5px 10px 5px 10px;
	padding:0px 0px 0px 0px;
	line-height:1em;
	color:#517fdd;
}
.fivecolumn {
	margin: 5px 10px 5px 10px;
	padding:0px 0px 0px 0px;
	line-height:1.5em;
}
#alertbox {
	border: 2px solid #ff0000;
/*	float:right; 
	width:150px;
*/
	padding:5px 3px 3px 5px;
	margin:0px 0px 15px 8px;
}
.alertmsg {
	border-width:1px;
	border-style:solid;
	border-color:#ff0000;
	font-weight:100;
	margin:0px 0px 0px 320px; 
	padding:5px 5px 5px 5px;
	width:200px;
	text-align:left;
}
#alertbox ul, #alertmsg ul {
	list-style-type:disc;
	margin:0px;
	padding:2px;
	width:180px;
}
#alertbox ul li, #alertmsg ul li {
	list-style-type:disc;
	margin:0;
	padding:5px;
}
.alertlist {
	margin:0;
	padding:0;
}
.alertlist dl {
	margin:0;
	padding:0;
}
.alertlist dt {
	font-style: italic;
	margin:3px 0 3px 0;
	padding:0;
	color:#000000;
}
.alertlist dd {
	margin:2px 0 4px 20px;
	padding:0px 0 0px 0;
	line-height: 1.2em;
	color:#555555;
}
.scripture {
/*	border: 1px solid #999999;
	float:right;
	padding: 5px 5px 5px 5px;
	width:125px;
	margin-left:8px; */
}
#bulletlist {
	margin:0;
	padding:0;
}
#bulletlist ul {
	list-style-type:disc;
	margin:0 20px 0 40px;
	padding:0;
}
#bulletlist ul li {
	list-style-type:disc;
}
/* bulletin styles */
.outlinebox_two {
	position:relative;
	margin:0;
	padding:0;
}
.outlinebox,
.outlinebox_left,
.outlinebox_right {
	border:1px solid #000000;
	padding:5px 5px 5px 5px;
	margin:10px 0px 10px 0px;
}
.outlinebox_left {
	float:left;
	width:260px;
}
.outlinebox_right {
	margin:0 0 0 280px;
}
.indent2tabs {
	margin:0 0 0 4em;
	padding:0 0 0 0;
}
/* St. Julia Parish History Timeline */

/* wrapper layout */
.pagebodys_tl {  /* don't want standard sidebar background on this page */
	margin:0;
	padding:0;
}
/* Introduction */

#tl_intro, 
#tl_ending {
	margin:10px 30px 10px 30px;
	padding:0;
	width:720px;
}
.tl_credits p,
.tl_credits ul li {
	font-style:italic;
	font-size:110%;
	margin: 0px 0px 0 0px;
	padding:0;
}
.tl_credits ul {
	margin:0px 20px 0px 20px;
	padding:0 0px 0 0;
	list-style-type:disc;
	width:640px;
	line-height:1.6em;
}
.tl_credits ul li {
	margin: 0 20px 0 20px;
	padding:10px 0 0 0;
	list-style-type:disc;
	line-height:1.6em;
}

/* 2 column layout:
	Left:		#stjulia	St. Julia Church History
	Right:		#stjoseph	St. Joseph Church History
	
   Timeline image appears as part of the background for the page
*/

#timeline {
	background-image:url(images/timeline2.gif);
	background-repeat:repeat-y;
	margin:10px 30px 10px 30px;
	padding:0;
	width:720px;
	float:left;
}

.stjulia,
.stjoseph {
	width:345px;
	padding: 0 0px 0 0;
}
.stjulia { 
	float:left; 
	position:relative;
	margin:0 0px 0 0px; 
	text-align:right; 
}
.stjoseph {  
	position:relative;
	margin:0 0 0 370px;
	text-align:left; 
}
.tl_title,
.tl_photo {
	font-size:150%;
	color:#000000;
	margin: 0 50px 0px 55px;
	padding:10px 0 10px 0;
}
.tl_box_left {
	margin:10px 25px 10px 30px;
	padding:0;
	width:270px;
}
.tl_box_right {
	margin:10px 0px 10px 55px;
	padding:0;
	width:270px;
}
.tickleft, .tl_img_left { float:right; }
.tickright, .tl_img_right { float:left; }
.tl_photo img {
	border:1px solid #000000;
}
.tl_item {
}
.tl_bumper {
	height:100px;
}

/* fonts and colors */
#tl_wrapper p {
	font-size:inherit;
	color:#000000;
}
.tl_highlight {
	color:#cc0000;
}

/* timeline entries */
#timeline a{
	color:#517fdd;
	cursor:pointer;
	text-decoration:none;
}
.tl_date {
	font-weight:bold;
	font-size:110%;
}
#tl_julia1, #tl_julia2, #tl_julia3, #tl_julia4, #tl_julia5,
#tl_julia6, #tl_julia7, #tl_julia8, #tl_julia9, #tl_julia10,
#tl_julia11, #tl_julia12, #tl_julia13, #tl_julia14, #tl_julia15,
#tl_julia16, #tl_julia17, #tl_julia18, #tl_julia19, #tl_julia20,
#tl_julia21, #tl_julia22, #tl_julia23, #tl_julia24, #tl_julia25,
#tl_julia26 {
	display:none;
	margin:5px 15px 0px 0px;
	padding:4px 6px 4px 6px;
	color:#333333;
	line-height:1.5em;
	border:1px solid #cccccc;
	background-image:url(images/tl_box_bg.jpg);
	background-repeat:repeat-y;
}
#tl_joseph1, #tl_joseph2, #tl_joseph3, #tl_joseph4, #tl_joseph5,
#tl_joseph6, #tl_joseph7, #tl_joseph8, #tl_joseph9, #tl_joseph10,
#tl_joseph11, #tl_joseph12, #tl_joseph13, #tl_joseph14, #tl_joseph15,
#tl_joseph16, #tl_joseph17, #tl_joseph18, #tl_joseph19 {
	display:none;
	margin:5px 0px 0px 15px;
	padding:4px 6px 4px 6px;
	color:#333333;
	line-height:1.5em;
	border:1px solid #cccccc;
	background-image:url(images/tl_box_bg.jpg);
	background-repeat:repeat-y;
}
#toggle1, #toggle2, #toggle3, #toggle4, #toggle5,
#toggle6, #toggle7, #toggle8, #toggle9, #toggle10,
#toggle11 {
	display:none;
	margin:5px 15px 0px 5px;
	padding:4px 6px 4px 6px;
	color:#333333;
	line-height:1.5em;
	border:1px solid #cccccc;
}

/* Forms */
#form_basic {
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	font-style: normal;
	line-height:2em;
	color:#333333;
}
#email_body,
#aff_body {
	margin:10px 30px 10px 30px;
	padding:0;
	font-size:120%;
}
#aff_body { width:720px; }
#email_body { width:500px; }
#email_body a,
#aff_body a {
	color:#517fdd;
	font-size:inherit;
}
.aff_box {
	font-size:inherit;
	background-color:#e2e3dc;
	border:1px solid #cccccc;
	padding:5px 10px 5px 10px;
	margin:0px 0px 10px 0px;
}
.aff_nobox {
	margin:0;
	padding:5px 10px 5px 10px;
}
.aff_box p,
.aff_nobox p {
	font-size:inherit;
}
label{
	font-size:110%;
	font-style:normal;
	font-weight:bold;
	line-height:1.5em;
	color:#333333;
 	text-align:right;
	padding-right:10px;
	vertical-align:top;
}
.adulted {
	vertical-align:top;
	padding-bottom:5px;
}
input.checkblock {
}
input.txt {
	border:  1px inset #666666;
	background-color:#ffffff;
	color:#333333;
	width:275px;
}
input.btn {
	border:  1px outset #666666;
	background-color:#cccccc;
	color:#0066FF;
}
/* photo galleries */
#thumbnails {
}
#thumbnails ul {
	display:block;
	list-style-type:none;
	margin:0px 0 0px 0;
	padding:0;
	width:780px;
	clear:left;
}
#thumbnails ul li {
	float:left;
	list-style-type:none;
	margin:0 10px 20px 0;
	padding:0;
	width:175px;
}
#thumbnails ul li img {
}
#thumbnails ul li a {
	text-decoration:underline;
	color:#666666;
	height:100%; /* ie */
}

/* index page redesign 3/07 */
#sidebox, #rightsidebox, #middle {
	float:left;
	margin:10px 0 0 0;
	padding:0 10px 0 10px;
	z-index:0;
}
#sidebox, #rightsidebox { width:170px; }
#middle { width:360px; }

#sidebox fieldset,
#rightsidebox fieldset {
	border-width:5px;
	border-style:solid;
	border-color:#e2e3dc;
	width:150px;
	margin:10px 0px 10px 0px;
	padding:5px;
	position:relative;
	font-size:90%;
	color:#333333;
}
#sidebox legend,
#rightsidebox legend {
	position:absolute;
	top:-.5em;
	left:.5em;
	color:#666666;
	background-color:#e2e3dc;
	border-width:1px;
	border-style:solid;
	border-color:#cccccc;
	margin:0 0 0 30px;
	padding:5px;
	text-align:center;
	font-size:130%;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#sidebox ul, #sidebox ul li {
	list-style-type:none;
}
#sidebox ul, #rightsidebox ul {
	width:150px;
	margin:25px 0 10px 5px;
	padding:0;
}
#rightsidebox ul, #rightsidebox ul li {
	list-style-type:none;
}
#sidebox ul li, #rightsidebox ul li {
	margin:0px 0 15px 0px;
	padding:0;
	color:#999999;
}
#sidebox ul li a,
#rightsidebox ul li a {
	color:#517fdd;
	text-decoration:none;
}
#sidebox ul li a:hover,
#rightsidebox ul li a:hover {
	color:#666666;
}
#middle p {
	color:#666666;
	font-size:100%;
	line-height:1.5em;
}
#middle a, #middle a:visited,
#middle p a, #middle p a:visited {
	color:#517fdd;
	font-size:inherit;
	font-style:normal;
	text-decoration:none;
}
#middle a:hover, #content p a:hover {
	color:#666666;
}
.welcome {
	margin:30px 0 20px 0;
	padding:0;
	font-size:230%;
	color:#517fdd;
	font-weight:bold;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
}
.pheader {
	font-size:200%;
	font-style:italic;
	color:#999999;
}
.inline_image {
    float: left;
    position: relative;
    top: 2px;
    padding: 2px;
    margin: 0 10px 7px 0;
}
    html>body .inline_image {
        margin: 0 13px 7px 0;
    }

/* stationery page */
#statpage {
	position:absolute;
	top:130px;
	width:720px;
	text-align:left;
	margin:  0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
}
.stationery {
	margin:20px 0 20px 30px;
	padding:10px;
	clear:left;
	width:600px;
	position:relative;
	border-color:#999999;
	border-style:solid;
	border-width:1px;
}
.stationery p {
	color:#333333;
	font-size:100%;
	margin:0px 0 0 0;
	padding:30px 0 0 0;
	font-weight:100;
	line-height:2em;
	width:550px;
}
.stat_detail {
	font-style:italic;
}
.stat_image {
	float:left;
	width:100px;
	text-align:center;
	margin-right:20px;
}
.stationery p a {
	font-style:normal;
	text-decoration:none;
	color:#517fdd;
}