/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */

/* Your images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/* basic elements */
body {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: url('images/bg.jpg');
	color: #333;
	text-align: center;
	}

#logo {
    padding: 100px 0 0 0;
    overflow: hidden;
    background-image: url("images/logo.jpg");
    background-repeat: no-repeat;

    height: 0px;
    height /**/:100px;
}

h1 {
	color: #faf6bb;
	font-family: Garamond, Georgia, serif;
	font-size: 2em;
}

h1 a,
h1 a:hover {
	text-decoration: none;
	color: #ffff66;
}

h2 {
	color: #faf6bb;
	font-family: Garamond, Georgia, serif;
	font-size: 1em;
}

h2 a {
	text-decoration: none;
	color: #ffff66;
}

h2 a:hover {
	text-decoration:underline;
	color: #ffff66;
}

h3 {
	color: #faf6bb;
	font-family: Garamond, Georgia, serif;
	font-size: 1.5em;
}

h3 a {
	text-decoration: none;
	color: #ffff66;
}

h3 a:hover {
	text-decoration:underline;
	color: #ffff66;
}

h4 {
	color: #990000;
	font-family: Garamond, Georgia, serif;
	font-size: 3em;
}

h4 a,
h1 a:hover {
	text-decoration: none;
	color: #ffff66;
}
hr {
color:#990000
}

/* parchment backed text "box" */
.rbtop div { background: url("images/corner_tl.png") no-repeat top left; }
.rbtop { background: url("images/corner_tr.png") no-repeat top right; }
.rbbot div { background: url("images/corner_bl.png") no-repeat bottom left; }
.rbbot { background: url("images/corner_br.png") no-repeat bottom right; }
.rbroundbox { background: url("images/boxbg.gif") repeat; }

/* set height and width of corners */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 20px;
font-size: 1px;
}

.rbcontent { 
margin: 0 7px; 
text-align:justify;
color:#000000;
font-size: 12px;
}

.rbroundbox { 
margin: 1em auto; 

}
/* left sidebar navigation */
#lnavbar {  
    background:url("images/sidebar_l.jpg") 0 0 no-repeat;  
    width:145px;  
    height:925px;  
    margin:0;  
	padding:0;  
}

#lnavbar li span { display: none; }  
  
#lnavbar li { float:left; list-style:none; position:relative; }  

#lnavbar li, #lnavbar a {  
   height:37px;    /* Each button must have the same height, define it here */  
   display:block;  
   margin:0;  
   padding:0;  
}  

li#spacer,li#home, li#calendar, li#newsletter, li#lectionary, li#sermons, li#layministers, li#history, li#people, li#staff, li#gallery, li#prayer, li#christed { 
margin-bottom:0px; 
width:145px; }  

/* set location of rollover images */
#home a:hover { background:url("images/sidebar_l.jpg") -145px  -37px no-repeat; }  
#calendar a:hover { background:url("images/sidebar_l.jpg") -145px  -74px no-repeat; }  
#newsletter a:hover { background:url("images/sidebar_l.jpg") -145px  -111px no-repeat; }  
#lectionary a:hover { background:url("images/sidebar_l.jpg") -145px  -148px no-repeat; }  
#sermons a:hover { background:url("images/sidebar_l.jpg") -145px -185px no-repeat; }  
#layministers a:hover { background:url("images/sidebar_l.jpg") -145px -222px no-repeat; } 
#history a:hover { background:url("images/sidebar_l.jpg") -145px -259px no-repeat; } 
#people a:hover { background:url("images/sidebar_l.jpg") -145px -296px no-repeat; } 
#staff a:hover { background:url("images/sidebar_l.jpg") -145px -333px no-repeat; } 
#gallery a:hover { background:url("images/sidebar_l.jpg") -145px -370px no-repeat; } 
#prayer a:hover { background:url("images/sidebar_l.jpg") -145px -407px no-repeat; } 
#christed a:hover { background:url("images/sidebar_l.jpg") -145px -444px no-repeat; } 

/* right sidebar navigation */
#rnavbar {  
    background:url("images/sidebar_r.jpg") 0 0 no-repeat;  
    width:145px;  
    height:518px;  
    margin:0;  
	padding:0;  
}

#rnavbar li span { display: none; }  
  
#rnavbar li { float:left; list-style:none; position:relative; }  

#rnavbar li, #rnavbar a {  
   height:37px;    /* Each button must have the same height, define it here */  
   display:block;  
   margin:0;  
   padding:0;  
}  

li#music, li#outreach, li#g2g, li#chapel, li#cross, li#labyrinth, li#stsmm, li#sisters, li#diocese, li#links, li#donate { 
margin-bottom:0px; 
width:145px; } 

#music a:hover { background:url("images/sidebar_r.jpg") -145px -37px no-repeat; } 
#outreach a:hover { background:url("images/sidebar_r.jpg") -145px -74px no-repeat; } 
#g2g a:hover { background:url("images/sidebar_r.jpg") -145px -111px no-repeat; } 
#chapel a:hover { background:url("images/sidebar_r.jpg") -145px -148px no-repeat; } 
#cross a:hover { background:url("images/sidebar_r.jpg") -145px -185px no-repeat; } 
#labyrinth a:hover { background:url("images/sidebar_r.jpg") -145px -222px no-repeat; } 
#stsmm a:hover { background:url("images/sidebar_r.jpg") -145px -259px no-repeat; } 
#sisters a:hover { background:url("images/sidebar_r.jpg") -145px -296px no-repeat; } 
#diocese a:hover { background:url("images/sidebar_r.jpg") -145px -333px no-repeat; } 
#links a:hover { background:url("images/sidebar_r.jpg") -145px -370px no-repeat; } 
#donate a:hover { background:url("images/sidebar_r.jpg") -145px -407px no-repeat; } 

/* single sidebar navigation */
#mnavbar {  
    background:url("images/sidebar.jpg") 0 0 no-repeat;  
    width:155px;  
    height:925px;  
    margin:0;  
	padding:0;  
}

#mnavbar li span { display: none; }  
  
#mnavbar li { float:left; list-style:none; position:relative; }  

#mnavbar li, #mnavbar a {  
   height:37px;    /* Each button must have the same height, define it here */  
   display:block;  
   margin:0;  
   padding:0;  
}  

li#mspacer,li#mhome, li#mcalendar, li#mnewsletter, li#mlectionary, li#msermons, li#mlayministers, li#mhistory, li#mpeople, li#mstaff, li#mgallery, li#mprayer, li#mchristed,li#mmusic, li#moutreach, li#mg2g, li#mchapel, li#mcross, li#mlabyrinth, li#mstsmm, li#msisters, li#mdiocese, li#mlinks, li#mdonate {  
margin-bottom:0px; 
width:155px; }  

/* set location of rollover images */
#mhome a:hover { background:url("images/sidebar.jpg") -155px  -37px no-repeat; }  
#mcalendar a:hover { background:url("images/sidebar.jpg") -155px  -74px no-repeat; }  
#mnewsletter a:hover { background:url("images/sidebar.jpg") -155px  -111px no-repeat; }  
#mlectionary a:hover { background:url("images/sidebar.jpg") -155px  -148px no-repeat; }  
#msermons a:hover { background:url("images/sidebar.jpg") -155px -185px no-repeat; }  
#mlayministers a:hover { background:url("images/sidebar.jpg") -155px -222px no-repeat; } 
#mhistory a:hover { background:url("images/sidebar.jpg") -155px -259px no-repeat; } 
#mpeople a:hover { background:url("images/sidebar.jpg") -155px -296px no-repeat; } 
#mstaff a:hover { background:url("images/sidebar.jpg") -155px -333px no-repeat; } 
#mgallery a:hover { background:url("images/sidebar.jpg") -155px -370px no-repeat; } 
#mprayer a:hover { background:url("images/sidebar.jpg") -155px -407px no-repeat; } 
#mchristed a:hover { background:url("images/sidebar.jpg") -155px -444px no-repeat; } 
#mmusic a:hover { background:url("images/sidebar.jpg") -155px -481px no-repeat; } 
#moutreach a:hover { background:url("images/sidebar.jpg") -155px -518px no-repeat; } 
#mg2g a:hover { background:url("images/sidebar.jpg") -155px -555px no-repeat; } 
#mchapel a:hover { background:url("images/sidebar.jpg") -155px -592px no-repeat; } 
#mcross a:hover { background:url("images/sidebar.jpg") -155px -629px no-repeat; } 
#mlabyrinth a:hover { background:url("images/sidebar.jpg") -155px -666px no-repeat; } 
#mstsmm a:hover { background:url("images/sidebar.jpg") -155px -703px no-repeat; } 
#msisters a:hover { background:url("images/sidebar.jpg") -155px -740px no-repeat; } 
#mdiocese a:hover { background:url("images/sidebar.jpg") -155px -777px no-repeat; } 
#mlinks a:hover { background:url("images/sidebar.jpg") -155px -814px no-repeat; } 
#mdonate a:hover { background:url("images/sidebar.jpg") -155px -851px no-repeat; } 

.floatleft {
	float: left;
	padding: 0 5px 0 0;
}

.floatright {
	float: right;
	padding: 0 0 0 5px;
}

/* footer navigation */
#footer {  
    background:url("images/footer.jpg") 0 0 no-repeat;  
    width:900px;  
    height:140px;  
    margin:0;  
	padding:0; 
}

#footer li span { 
display: none; 
}  
  
#footer li { float:left; list-style:none; position:relative; }

#footer li, #footer a {  
   width:300px;    /* Each button must have the same height, define it here */  
   height:140px;
   display:block;  
   margin:0;  
   padding:0;  
}  

li#diocesef, li#map, li#sistersf { 
height:140px;
width:300px; 
}  

/* set location of rollover images */
#diocesef a:hover { background:url("images/footer.jpg") -900px  0px no-repeat; }  
#map a:hover { background:url("images/footer.jpg") -1200px  0px no-repeat; }  
#sistersf a:hover { background:url("images/footer.jpg") -1500px  0px no-repeat; } 

/* header navigation */
#header {  
    background:url("images/homea.jpg") 0 0 no-repeat;  
    width:228px;  
    height:31px;  
    margin:0;  
	padding:0;  
}

#header li span { 
display: none; 
}  
  
#header li { float:left; list-style:none; position:relative; }

#header li, #header a {  
   width:228px;    /* Each button must have the same height, define it here */  
   height:31px;
   display:block;  
   margin:0;  
   padding:0;  
}  

li#hometop { 
height:228px;
width:31px; }


/* set location of rollover images */
#hometop a:hover { background:url("images/homea.jpg") -228px 0px no-repeat; }  

/* banner text */

 #banner{  
    background: none
    margin:0;  
	padding:0;  
}

#banner li span { 
display: none; 
}  
  
#banner li { list-style:none; } 

li#bannertext{ 
font-size:small;
color:#900;
 }