body {
	margin-top: 0px;
	text-align: center;
}
.style1 {
	font-size: 16px;
}
.style4 {font-size: 16px}
.banner{
margin: 0 auto;
border: 0;
}
.bannersize{
width: 849px;
height: 120px;
text-align: center;
background-image: url('http://staparish.net/alumni/images/mainbg.jpg');
}
.bottomportion{
margin: 0 auto;
border: 2px solid #999999;
width:849px;
}
.middleportion{
width:849px;
margin: 0 auto;
border-left: 2px solid #999999;
border-right: 2px solid #999999;
border-top: 2px solid #999999;
border-bottom: 0;
}
.submenu{
                font-size: 18px;
                text-align:left;
                display: block;
                height: 19px;
                margin-left: 38px;
                padding-top: 2px;
                padding-left: 7px;
                background-color:#FFFFFF;
                position: relative; 
                top: 0px; 
                left: 100px;
                border:solid black 1px;
                z-index:2;
}
.mail{
               color:#660000;
               font-size:18px;
}
.show{
                display:show;
}

.hide{
                 display:none;
}

.titletext{
	text-align: center;
	vertical-align: middle;
	color: #660000;
	font-size: 14px;
	background-color: #F7F7F7;
	border-right: 1px solid #999999;
	width: 160;
	height: 25px;
}
.subtitletext{
	text-align: center;
	vertical-align: middle;
	color: #660000;
	font-size: 14px;
	background-color: #FFFFFF;
	width: 160;
	height: 25px;
	border-bottom: 1px solid #999999;
}
.lasttitletext{
	text-align: center;
	vertical-align: middle;
	color: #660000;
	font-size: 14px;
	background-color: #F7F7F7;
	height: 25px;
	width: 160;
}
.lastsubtitletext{
	text-align: center;
	vertical-align: middle;
	color: #660000;
	font-size: 14px;
	background-color: #FFFFFF;
	width: 160;
	height: 25px;
}
.subcat{
	text-align: left;
	vertical-align: middle;
	color: #000000;
	font-size: 22px;
	width: 800px;
}
.cursubcat{
	text-align: center;
	vertical-align: middle;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	width: 120;
}
.subcatholder{
	background-color: #F7F7F7;
	height: 25px;
}
.spacer{
	width: 20px;
}
a.catLink{
	color: #660000;
	font-size: 14px;
	text-decoration: none;
                
}
a.catLink2{
	color: #660000;
	font-size: 20px;
	text-decoration: none;
}
a:hover.catLink{
	color: #666000;
	font-size: 14px;
	text-decoration: underline;
}
a:hover.catLink2{
	color: #666000;
	font-size: 20px;
	text-decoration: underline;
}
a.subCatLink{
	color: #000000;
	font-size: 20px;
	text-decoration: none;
}
a:hover.subCatLink{
	color: #000000;
	font-size: 12px;
	text-decoration: underline;
}
a.curSubCatLink{
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
a:hover.curSubCatLink{
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
.italia{
font-style: italic;
}
.lynyrd{
	color: #660000;
	font-size: 26px;
	font-weight: bold; margin-top: 10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.leftie{
	
}


P
{
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 12pt;
}


UL{margin-right: 5px; font-size: 12pt}
OL{margin-right: 5px; font-size: 12pt}
INPUT{
color: 990000; 

}

td.subtitle{ padding-left: 2px;}
td.nav{padding-left: 15px;}

.heading1{font-weight: bold; 
color: 660000; 
font-size: 14pt;
}
.heading2{
font-weight: bold; 
color: gray;
}
.calendar1{
font-size: 10pt; 
font-weight: bold; 
color: white;
}
.calendar2{
font-size: 10pt;
}
.heading3{
color: black; 
} 
.ds
{
width:35%;
color:#FFFFFF;
}
.subtitle{
font-size:13pt; 
font-weight: bold; 
color:#660000;
}
.copyright{
font-size:10pt; 
font-weight: bold; 
color:#660000;
}

A:link {text-decoration: none; color: 660000}
A:visited {text-decoration: none; color: 660000}
A:hover {text-decoration: underline; color: 660000}
A:active {text-decoration: underline; color: 660000}

A.nav:link {
text-decoration: underline; 
color: 660000; 
font-size: 11pt;
}
A.nav:visited {
text-decoration: underline; 
color: 660000; 
font-size: 11pt;
}
A.nav:hover {
 text-decoration: underline;
 background-color: 660000; 
color: #E0E0E0; 
font-size: 11pt; 
width: 130;
}
A.nav:active {
text-decoration: underline; 
color: 660000; 
font-size: 11pt;
}

A.nav_title:link {
font-weight: bold; 
text-decoration: underline; 
color: 660000; 
font-size: 13pt;
}
A.nav_title:visited {
font-weight: bold; 
text-decoration: underline; 
color: 660000; 
font-size: 13pt;
}
A.nav_title:hover {
font-weight: bold; 
text-decoration: underline; 
color: gray; 
font-size: 13pt;
}
A.nav_title:active {
font-weight: bold; 
text-decoration: underline; 
color: 660000; 
font-size: 13pt;
}

A.nav0:link {
font-weight: bold; 
text-decoration: underline; 
color: white;
font-size: small;
}
A.nav0:visited {
font-weight: bold; 
text-decoration: underline; 
color: white;
font-size: small;
}
A.nav0:hover {
font-weight: bold; 
text-decoration: underline; 
color: DDFFDD;
font-size: small;
}
A.nav0:active {
font-weight: bold; 
text-decoration: underline; 
color: white;
font-size: small;
}

A.nav2:link {
text-decoration: underline;
width:35%;
font-size: 9pt;
color:#FFFFFF;

}
A.nav2:visited {
text-decoration: underline;
width:35%;
font-size: 9pt;
color:#FFFFFF;
}
A.nav2:hover {
text-decoration: underline;
width:35%;
font-size: 9pt;
color:white;

}
A.nav2:active {
text-decoration: underline;
width:35%;
font-size: 9pt;
color:#FFFFFF;

}

A.sub:link {font-weight: bold; 
text-decoration: underline; 
color: gray; 
font-size: 10pt;
}
A.sub:visited {
font-weight: bold; 
text-decoration: underline; 
color: gray; 
font-size: 10pt;
}
A.sub:hover {
font-weight: bold; 
text-decoration: underline; 
color: 333333; 
font-size: 10pt;
}
A.sub:active {
font-weight: bold; 
text-decoration: underline; 
color: gray; 
font-size: 10pt;
}

#menuv		                                 /* position, size, and font of  menu */
	{	
	position:relative;	
	z-index: 10;
	width: 200px;						          /* [1] width of menu item (i.e., box) */
	text-align: center;
	font-size: 0.9em;
	font-family: helvetica, arial, geneva, sans-serif;
	}

#menuv a
	{
	width: 200px;
	display:block;						
	padding-top: 0.3em;		/* expands menu box vertically*/
	padding-bottom: 0.3em;
	border-bottom:1px solid #999999;		/* adds bottom border */
	white-space:nowrap;
	}

#menuv a, #menuv a:visited				/* all menus at rest */
	{
	color: #660000;
	background-color: white;
	text-decoration:none;				       /* removes underlines from links */
	}

#menuv a.parent, #menuv a.parent:hover 	/* attaches parent-arrow on all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
font-size: 20px;
	}

#menuv a:hover				             /* all menus on mouse-over */
	{
font-size:20px;
	color: #660000;
	background-color: #F7F7F7;
	}
	
#menuv li
	{
	list-style-type:none;		            /* removes bullets */
	}

#menuv ul li
	{
	position:relative;
	}

#menuv li ul
	{
	position: absolute;
	top: 0;
	left: 200px;				                 /* distance from  left menu (this should be the same as width value in #menuv [1]) above */
	display: none;
	}

div#menuv ul, #menuv ul ul, div#menuv ul ul ul
	{
	margin:0;				               /* keeps the menu parts together */
	padding:0;
	width: 200;			              /* width of sub menus  (this should be the same as width value in #menuv [1]) above */
	}

div#menuv ul ul, div#menuv ul ul ul, div#menuv ul li:hover ul ul, div#menuv ul li:hover ul ul ul
	{
	display: none;
	}

div#menuv ul li:hover ul, div#menuv ul ul li:hover ul, div#menuv ul ul ul li:hover ul
	{
	display: block;
	}
       #lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.staparish.net/alumni/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.staparish.net/alumni/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }