/* main stylesheet for the website*/

/* for the main body of the web pages*/
body {
    background-color:#ccccff;

  }

/* to remove underlining links on the web pages*/
a {text-decoration:none; 
    color:Blue;
  }

/* main headline */
div.headline {
    
    font-size : 18pt;
    font-weight : bold;
    text-align : center;
    margin:auto;
    
  }

/* the main St Peter's Photo */
div.mainphoto {
    left: 25em;
position: relative;
    top: 0em;
  }

/* the services block on the web pages*/

div.services {
   display: block;
   right:0em;
   position : absolute;
   top : 0em;
   width : 25%;
   font-size: small;
     }

/* the main body on the index page*/

div.mainbod {
    position:relative;
    top : 5em;
    width : 45%;
    margin:auto;    
    text-align:center;
  }

/* nav bar under the St Peter's photo for all pages*/
div.navbar {
    position : relative;
    vertical-align : top;
    text-decoration: none;
  }

/* the cross keys on the index page*/
div.stpeterscross {
    position : absolute;
    right : 0.5em;
    top : 20em;
    width : inherit;
  }

/* the psalm that appears on all pages*/
div.psalm {
    
    position : absolute;
    left : 4em;
    top : 0em;
    width : 12em;
      }


/* position and formating of the bell ringing video*/
object.video {
  position:absolute;
  top:20em;
  left:10em;
   width:inherit;
   }


/*this places the rock icon on the rock webpage*/
div.rockicon {
    position: relative;
    margin-left: 28em;
  margin-top: 5em;
   border:thin blue;

}

/*this is for any text to be put in block*/

div.textblock {
 position: absolute;
 width: 40em;
 margin-top: 5em;
 margin-left: 25em;
  
}

div.textusefullinks {
 position: relative;
 width: auto;
margin:auto;
   text-align: center;

}
    
/*index page news items on the left hand side bar*/
  
div.frontnews {
display:block;
position: absolute;
left: 5em;
top:60em;
text-align:left;
width:20em;
height:30em;
font-size:small;
margin-right:10px;
}

/*copyright block formating*/
p.copyright{
font-size:small;
}

p.copyrightall{ 
text-align:center;
font-size:small;
}

/*heading for special services on the index.php page*/

p.specialservices{
color:#973C34;
font-size:medium;
font-weight:bold;
}

/* index page-dates for your diary */
 .dates4diary{
 position: absolute;
 display: block;
font-family: Arial, Helvetica, sans-serif;
 width:20%;
 right: 0em;
 top: 50em;
 background-color:#CCCCFF;
 border: 2px dashed ;
 padding: 5px;
 }