#intro {
margin: 20px 0 0 0;
border: thick solid #005B7F;
text-align:center;
}

a.main{
text-decoration: none;
color:#005B7F;
}

a.sides:link{
color:white;

}

a.sides:visited{
color:yellow;

}

h3.sides {
		margin:5px; padding:0;
		color:white;
		font:11pt/1.5 Gill Sans;
		text-decoration:underline;
		}

h3.main {
		margin:0; padding:0;
		color:#005B7F;
		font:11pt/1.5 Gill Sans;
		text-decoration:underline;
		}

h1 {
		margin:0; padding:0;
		color:#005B7F;
		font:30pt Gill Sans;
		}
h2 {
		margin:0; padding:0;
		color:#005B7F;
		font:15pt Gill Sans;
		}

h2.com {
		margin:15.0px 0 10.0px 0; padding:0;
		color:#005B7F;
		font:15pt Gill Sans;
text-align:center;
		}

h2.com {
		margin:1.0px 0 1.0px 0; padding:0;
		color:#005B7F;
		font:15pt Gill Sans;
text-align:center;
		}


h2.comp {
		color:#005B7F;
		font:15pt Gill Sans;
text-align:center;
		}
h2.intro {
		margin:0; padding:10.0px;
		color:#005B7F;
		font:14pt Gill Sans;
text-align:center;
		}

p.sides {
		margin:5px; padding:0;
		color:white;
		font:11pt Gill Sans;
		}		
		
p.main  {
		margin:5px; padding:0;
		color:#005B7F;
		font:11pt Gill Sans;
text-align:left;
		}	
p.maincent  {
		margin:5px; padding:0;
		color:#005B7F;
		font:11pt Gill Sans;
text-align:center;
		}	

p.pages  {
		margin:5px; padding:0;
		color:#005B7F;
		font:11pt Gill Sans;
text-align:center;
		}		

p.small  {
		margin:0; padding:15;
		color:#005B7F;
		font:8pt Gill Sans;
                line-height:2;
		}		
		
#header{
		margin:10; padding:0;
		}

#footer{
		margin:10.0px 0 0 0; padding:0;
		text-align:center;

		}

#afooter{
		margin:20.0px 0 0 0; padding:0;
		text-align:center;

		}

#stfooter{
		margin:80.0px 0 0 0; padding:0;
		text-align:center;

}
#left {
		float:left;
		width:180px;
height:650px;
		margin:0; padding:0;
		font-size:80%;
background:#005B7F;
		}
	
#right {
		float:right;
		width:180px;
height:650px;
		margin:0; padding:0;
		font-size:80%;
background:#005B7F;
		}
#middlen {
width:870px;
height:600px;
margin:0px 200px;
overflow:auto;
		}
		
#middlesc {
width:60%;
margin:0px 200px;
overflow:auto;
		}
#middlewmt {
width:870px;
height:630px;
margin:0px 200px;
overflow:auto;
		}
#middlescp {
width:62%;
height:600px;
overflow:auto;
		}

#middlevp {
width:880px;
height:450px;
margin:0px 200px;
overflow:auto;
		}
#middle {
margin:0px 200px;

		}
		
#logo a {
	float:left; 
 margin:0 5px 0 0;
	WIDTH:89px; 
	HEIGHT:80px;
	background: url("images/menu/sjvlogo.jpg") 0 0 no-repeat;
}

#angelone{
	WIDTH:137px; 
	HEIGHT:200px;
float:left;
margin: 0 20.0px 10.0px 0;
	background: url("images/menu/angels.jpg") 0 0 no-repeat;
}

#angeltwo{
	WIDTH:137px; 
	HEIGHT:200px;
float:right;
margin: 0 0 10.0px 20.0px;
	background: url("images/menu/angels2.jpg") 0 0 no-repeat;
}

#praying{
WIDTH:173px; 
	HEIGHT:200px;
	background: url("images/menu/praying.gif") 0 0 no-repeat;
}

#aone{
border: thick solid #005B7F;
	WIDTH:171px; 
	HEIGHT:300px;
float:left;
margin: 0 20.0px 10.0px 0;
	background: url("images/bio/a1.jpg") 0 0 no-repeat;
}

#atwo{
border: thick solid #005B7F;
	WIDTH:214px; 
	HEIGHT:300px;
float:right;
margin: 0 0 10.0px 20.0px;
	background: url("images/bio/a2.jpg") 0 0 no-repeat;
}
#hfone{
border: thick solid #005B7F;
	WIDTH:213px; 
	HEIGHT:300px;
float:left;
margin: 0 20.0px 10.0px 0;
	background: url("images/bio/hf1.jpg") 0 0 no-repeat;
}

#hftwo{
border: thick solid #005B7F;
	WIDTH:177px; 
	HEIGHT:300px;
float:right;
margin: 0 0 10.0px 20.0px;
	background: url("images/bio/hf2.jpg") 0 0 no-repeat;
}

#hfthree{
border: thick solid #005B7F;
	WIDTH:227px; 
	HEIGHT:300px;
margin: 20.0px 10.0px 0 0;
	background: url("images/bio/hf3.jpg") 0 0 no-repeat;
}

#hffour{
border: thick solid #005B7F;
	WIDTH:367px; 
	HEIGHT:300px;

margin: 0 0 10.0px 20.0px;
	background: url("images/bio/hf4.jpg") 0 0 no-repeat;
}

#hffive{
border: thick solid #005B7F;
	WIDTH:200px; 
	HEIGHT:300px;

margin: 20.0px 0 0 20.0px;
	background: url("images/bio/hf5.jpg") 0 0 no-repeat;
}

#mkone{
border: thick solid #005B7F;
	WIDTH:215px; 
	HEIGHT:300px;
float:left;
margin: 0 20.0px 10.0px 0;
	background: url("images/bio/mk1.jpg") 0 0 no-repeat;
}

#mktwo{
border: thick solid #005B7F;
	WIDTH:140px; 
	HEIGHT:300px;
float:right;
margin: 0 0 10.0px 20.0px;
	background: url("images/bio/mk2.jpg") 0 0 no-repeat;
}

#jvone{
border: thick solid #005B7F;
	WIDTH:202px; 
	HEIGHT:305px;
float:left;
margin: 0 20.0px 10.0px 0;
	background: url("images/bio/jv3.jpg") 0 0 no-repeat;
}

#jvthree{
border: thick solid #005B7F;
	WIDTH:176px; 
	HEIGHT:300px;
float:left;
margin: 20.0px 20.0px 10.0px 0;
	background: url("images/bio/sjv1.jpg") 0 0 no-repeat;
}

#jvtwo{
border: thick solid #005B7F;
	WIDTH:180px; 
	HEIGHT:240px;
float:right;
margin: 0 0 10.0px 20.0px;
	background: url("images/bio/sjv2.jpg") 0 0 no-repeat;
}

#nuns {
border: thick solid #005B7F;
	WIDTH:164px; 
	HEIGHT:123px;
margin: 40px 0 0 5.0px;
	background: url("images/menu/nuns.jpg") 0 0 no-repeat;
}
#communion {
border: thick solid #005B7F;
	WIDTH:164px; 
	HEIGHT:123px;
margin: 40px 5.0px 0 5.0px;
	background: url("images/menu/eucharist.jpg") 0 0 no-repeat;
}
#liturgy {
border: thick solid #005B7F;
	WIDTH:164px; 
	HEIGHT:123px;
margin: 40px 5.0px 0 5.0px;
	background: url("images/menu/lent.jpg") 0 0 no-repeat;
}
#ladies {
border: thick solid #005B7F;
	WIDTH:164px; 
	HEIGHT:123px;
margin: 40px 5.0px 0 0;
	background: url("images/menu/ladies.jpg") 0 0 no-repeat;
}

#dirone {
border: thick solid #005B7F;
	WIDTH:164px; 
	HEIGHT:123px;
margin: 40px 0 0 5.0px;
	background: url("images/menu/P1010003.jpg") 0 0 no-repeat;
}

#dirtwo {
border: thick solid #005B7F;
	WIDTH:164px; 
	HEIGHT:123px;
margin: 40px 5.0px 0 5.0px;
	background: url("images/menu/P1010029.jpg") 0 0 no-repeat;
}

#dirthree {
border: thick solid #005B7F;
	WIDTH:164px; 
	HEIGHT:123px;
margin: 40px 5.0px 0 5.0px;
	background: url("images/menu/P1010047.jpg") 0 0 no-repeat;
}

#dirfour {
border: thick solid #005B7F;
	WIDTH:164px; 
	HEIGHT:123px;
margin: 40px 5.0px 0 0;
	background: url("images/menu/P1010095.jpg") 0 0 no-repeat;
}

#galone {
border: thick solid #005B7F;
	WIDTH:164px; 
	HEIGHT:123px;
margin: 40px 0 0 5.0px;
	background: url("images/menu/P1010006.jpg") 0 0 no-repeat;
}

#galtwo {
border: thick solid #005B7F;
	WIDTH:164px; 
	HEIGHT:123px;
margin: 40px 5.0px 0 5.0px;
	background: url("images/menu/P1010036.jpg") 0 0 no-repeat;
}

#galthree {
border: thick solid #005B7F;
	WIDTH:164px; 
	HEIGHT:123px;
margin: 40px 5.0px 0 5.0px;
	background: url("images/menu/P1010034.jpg") 0 0 no-repeat;
}

#galfour {
border: thick solid #005B7F;
	WIDTH:164px; 
	HEIGHT:123px;
margin: 40px 5.0px 0 0;
	background: url("images/menu/P1010008.jpg") 0 0 no-repeat;
}

#mediaone {
border: thick solid #005B7F;
	WIDTH:164px; 
	HEIGHT:123px;
margin: 5px 0 0 5.0px;
	background: url("images/media/vin1.jpg") 0 0 no-repeat;
}

#mediatwo {
border: thick solid #005B7F;
	WIDTH:164px; 
	HEIGHT:123px;
margin: 5px 5.0px 0 5.0px;
	background: url("images/media/vin2.jpg") 0 0 no-repeat;
}

#mediathree {
border: thick solid #005B7F;
	WIDTH:164px; 
	HEIGHT:123px;
margin: 5px 5.0px 0 5.0px;
	background: url("images/media/vin3.jpg") 0 0 no-repeat;
}

#vidone {
border: thick solid #005B7F;
	WIDTH:164px; 
	HEIGHT:123px;
margin: 40.0px 0 0 5.0px;
	background: url("images/media/vid1.jpg") 0 0 no-repeat;
}

#vidtwo {
border: thick solid #005B7F;
	WIDTH:164px; 
	HEIGHT:123px;
margin: 40.0px 5.0px 0 5.0px;
	background: url("images/media/vid2.jpg") 0 0 no-repeat;
}

#vidthree {
border: thick solid #005B7F;
	WIDTH:164px; 
	HEIGHT:123px;
margin: 40.0px 5.0px 0 5.0px;
	background: url("images/media/vid3.jpg") 0 0 no-repeat;
}


#introhome {
padding: 10.0px;
text-align:justified;
}

#missionst {
margin: 0 0 10.0px 0;
text-align:center;
}

/* menu icons */

#virback a {
		display:block;
		width:140px;
		height:138px;
		margin: 1em 0; padding:7px 0 10px 20px;
		background: url("images/media/virback.jpg") 0 0 no-repeat;
		}

#veback a {
		display:block;
		width:140px;
		height:138px;
		margin: 1em 0; padding:7px 0 10px 20px;
		background: url("images/media/veventsback.jpg") 0 0 no-repeat;
		}

#vback a {
		display:block;
		width:140px;
		height:138px;
		margin: 1em 0; padding:7px 0 10px 20px;
		background: url("images/media/videoback.jpg") 0 0 no-repeat;
		}

#croc a {
		display:block;
		width:140px;
		height:138px;
		margin: 1em 0; padding:7px 0 10px 20px;
		background: url("images/media/croc.jpg") 0 0 no-repeat;
		}

#mquiz a {
		display:block;
		width:140px;
		height:138px;
		margin: 1em 0; padding:7px 0 10px 20px;
		background: url("images/media/mquiz.jpg") 0 0 no-repeat;
		}


#andsoc a {
		display:block;
		width:140px;
		height:138px;
		padding:0 0 10px 20px;
		background: url("images/media/andsoc.jpg") 0 0 no-repeat;
		}


#marksoc a {
		display:block;
		width:140px;
		height:138px;
		padding:0 0 10px 20px;
		background: url("images/media/marksoc.jpg") 0 0 no-repeat;
		}

#virtual a {
		display:block;
		width:140px;
		height:138px;
		margin: 1em 0; padding:7px 0 10px 20px;
		background: url("images/media/virtual.jpg") 0 0 no-repeat;
		}

#vevents a {
		display:block;
		width:140px;
		height:138px;
		margin: 1em 0; padding:7px 0 10px 20px;
		background: url("images/media/gevents.jpg") 0 0 no-repeat;
		}

#video a {
		display:block;
		width:140px;
		height:138px;
		margin: 1em 0; padding:7px 0 10px 20px;
		background: url("images/media/video.jpg") 0 0 no-repeat;
		}

#gallery a {
		display:block;
		width:140px;
		height:138px;
		margin: 1em 0; padding:7px 0 10px 20px;
		background: url("images/media/gallery.jpg") 0 0 no-repeat;
		}

#sendprayer a {
		display:block;
		width:140px;
		height:138px;
		margin: 60.0px 10.0px 0 0; 
padding:10px;
		background: url("images/menu/sendp.jpg") 0 0 no-repeat;
		}
#viewprayers a {
		display:block;
		width:140px;
		height:138px;
		margin: 60.0px 0 0 10.0px;
padding:10px;
		background: url("images/menu/vprayer.jpg") 0 0 no-repeat;
		}
#pback a {
		display:block;
		width:140px;
		height:138px;
		margin: 1em 0; padding:7px 0 10px 20px;
		background: url("images/menu/pmenuback.jpg") 0 0 no-repeat;
		}
#ppets a {
		display:block;
		width:140px;
		height:138px;
		margin: 1em 0; padding:7px 0 10px 20px;
		background: url("images/menu/ppets.jpg") 0 0 no-repeat;
		}

#stmenuback a {
		display:block;
		width:140px;
		height:138px;
		margin: 1em 0; padding:7px 0 10px 20px;
		background: url("images/menu/stback.jpg") 0 0 no-repeat;
		}

#nmenuback a {
		display:block;
		width:140px;
		height:138px;
		margin: 1em 0; padding:7px 0 10px 20px;
		background: url("images/menu/nmenuback.jpg") 0 0 no-repeat;
		}

#gback a {
		display:block;
		width:140px;
		height:138px;
		padding:10.0px;
margin: 10.0px 10.0px 0 0;
		background: url("images/menu/gback.jpg") 0 0 no-repeat;
		}

#gchurch a {
		display:block;
		width:140px;
		height:138px;
		margin: 1em 0; padding:7px 0 10px 20px;
		background: url("images/menu/gchurch.jpg") 0 0 no-repeat;
		}

#gevents a {
		display:block;
		width:140px;
		height:138px;
		margin: 1em 0; padding:7px 0 10px 20px;
		background: url("images/menu/gevents.jpg") 0 0 no-repeat;
		}
#message a {
		display:block;
		width:140px;
		height:138px;
padding:10.0px;
margin: 40.0px 10.0px 0 0;
		background: url("images/menu/message.jpg") 0 0 no-repeat;
		}

#twnews a {
		display:block;
		width:140px;
		height:138px;
		padding:10.0px;
margin: 40.0px 0 0 10.0px;

		background: url("images/menu/twnews.jpg") 0 0 no-repeat;
		}

#events a {
		display:block;
		width:140px;
		height:138px;
		padding:10.0px;
margin: 0 10.0px 20.0px 0;

		background: url("images/menu/gevents.jpg") 0 0 no-repeat;
		}

#archive a {
		display:block;
		width:140px;
		height:138px;
		padding:10.0px;
margin: 0 0 20.0px 10.0px;
		background: url("images/menu/archive.jpg") 0 0 no-repeat;
		}

#intro a {
		display:block;
		width:140px;
		height:138px;
		margin: 1em 0; padding:7px 0 10px 20px;
		background: url("images/menu/intro.jpg") 0 0 no-repeat;
		}
		
#home a {
		display:block;
		width:140px;
		height:138px;
		margin: 1em 0; padding:7px 0 10px 20px;
		background: url("images/menu/homebutton.jpg") 0 0 no-repeat;
		}
		
#groups a {
		display:block;
		width:140px;
		height:138px;
		margin: 1em 0; padding:7px 0 10px 20px;
		background: url("images/menu/groups.jpg") 0 0 no-repeat;
		}

#news a {
		display:block;
		width:140px;
		height:138px;
padding:10.0px;
margin: 0 0 0 10.0px;
		background: url("images/menu/nevents.jpg") 0 0 no-repeat;
		}
		
#media a {
		display:block;
		width:140px;
		height:138px;
padding:10.0px;
margin: 0 10.0px 0 0;
		background: url("images/media/media.jpg") 0 0 no-repeat;
		}

#community a {
		display:block;
		width:140px;
		height:138px;
padding:10.0px;
margin: 0 0 0 10.0px;
		background: url("images/menu/community.jpg") 0 0 no-repeat;
		}
		
#aboutus a {
		display:block;
padding:10.0px;
margin: 0 10.0px 0 0;
		width:140px;
		height:138px;
		background: url("images/menu/aboutus.jpg") 0 0 no-repeat;
		}
/* Saints icons */

#sjv a {
		display:block;
padding:10.0px;
margin: 40.0px 10.0px 0 0;
		width:140px;
		height:138px;
		background: url("images/menu/vianney.jpg") 0 0 no-repeat;
		}

#mark a {
		display:block;
		width:140px;
		height:138px;
padding:10.0px;
margin: 40.0px 0 0 10.0px;
		background: url("images/menu/mark.jpg") 0 0 no-repeat;
		}
		
#andrew a {
		display:block;
		width:140px;
		height:138px;
padding:10.0px;
margin: 0 10.0px 30.0px 0;
		background: url("images/menu/andrew.jpg") 0 0 no-repeat;
		}

#holyfamily a {
		display:block;
		width:140px;
		height:138px;
padding:10.0px;
margin: 0 0 30.0px 10.0px;
		background: url("images/menu/holyf.jpg") 0 0 no-repeat;
		}
		
#histext a {
		display:block;
padding:10.0px;
margin: 40.0px 10.0px 0 0;
		width:140px;
		height:138px;
		background: url("images/menu/histext.jpg") 0 0 no-repeat;
		}

#hispics a {
		display:block;
		width:140px;
		height:138px;
padding:10.0px;
margin: 40.0px 0 0 10.0px;
		background: url("images/menu/hispics.jpg") 0 0 no-repeat;
		}


#profiles a {
		display:block;
		width:140px;
		height:138px;
		margin: 1em 0; padding:7px 0 10px 20px;
		background: url("images/menu/profiles.jpg") 0 0 no-repeat;
		}
		
#lsh a {
		display:block;
		width:140px;
		height:138px;
		margin: 1em 0; padding:7px 0 10px 20px;
		background: url("images/menu/lsh.jpg") 0 0 no-repeat;
		}



#saints a {
		display:block;
		width:140px;
		height:138px;
		padding:10.0px;
margin: 40.0px 0 0 10.0px;
		background: url("images/menu/saints.jpg") 0 0 no-repeat;
		}
#history a {
		display:block;
		width:140px;
		height:138px;
		padding:10.0px;

		background: url("images/menu/history.jpg") 0 0 no-repeat;
		}


#spatula a {
		display:block;
		width:140px;
		height:138px;
		padding:10.0px;
margin: 40.0px 10.0px 0 0;

		background: url("images/menu/spatula.jpg") 0 0 no-repeat;
		}		

#dirmenuback a {
		display:block;
		width:140px;
		height:138px;
		margin: 1em 0; padding:7px 0 10px 20px;
		background: url("images/menu/directionsback.jpg") 0 0 no-repeat;
		}

#standrew a {
		display:block;
		width:140px;
		height:138px;
		margin: 1em 0; padding:7px 0 10px 20px;
		background: url("images/menu/standrews.jpg") 0 0 no-repeat;
		}
		
#holyf a {
		display:block;
		width:140px;
		height:138px;
		margin: 1em 0; padding:7px 0 10px 20px;
		background: url("images/menu/holyfamily.jpg") 0 0 no-repeat;
		}

#stmark a {
		display:block;
		width:140px;
		height:138px;
		margin: 1em 0; padding:7px 0 10px 20px;
		background: url("images/menu/stmark.jpg") 0 0 no-repeat;
		}
			
/* Community icons */

#pint a {
		display:block;
padding:10.0px;
margin: 40.0px 10.0px 0 0;
		width:140px;
		height:138px;
		background: url("images/menu/pint.jpg") 0 0 no-repeat;
		}


#links a {
		display:block;
		width:140px;
		height:138px;
padding:10.0px;
margin: 40.0px 0 0 10.0px;
		background: url("images/menu/links.jpg") 0 0 no-repeat;
		}
		
#blog a {
		display:block;
		width:140px;
		height:138px;
padding:10.0px;
margin: 0 10.0px 30.0px 0;
		background: url("images/menu/blog.jpg") 0 0 no-repeat;
		}

#guest a {
		display:block;
		width:140px;
		height:138px;
padding:10.0px;
margin: 0 0 30.0px 10.0px;
		background: url("images/menu/guest.jpg") 0 0 no-repeat;
		}
#postmenu a {
		display:block;
padding:10.0px;
margin: 1em 0; padding:7px 0 10px 20px;
		width:140px;
		height:138px;
		background: url("images/menu/postp.jpg") 0 0 no-repeat;
		}

#menu a:hover {	
		background-position: -160px 0;
		}