w
 /*
CSS for Parrocca Sant Elena site
*/
/*
General
*/

h1,h2,h3,h4 {
	font-family "Trebuchet MS", Ariel, Courier New, sans-serif;
  }
h1 {
	font-size: x-large;
	color: black;
	padding-top: 1.5em;
	padding-bottom: .2em;
	padding-left: .4em;
	margin: 0;
	background: #ffff33 url(pictures/praying.jpg) repeat-y right
  }

h2 {
	font-size: x-large;
	font-style: italic;
	color: #800000;
	padding-top: .2em;
	padding-bottom: .2em;
	padding-left: .4em;
	margin: 0;
  }

h3 {
	font-size: x-large;
	font-weight: bold;
	font-style: italic;
	color: red;
        padding-top: 1.5em;
	padding-bottom: .2em;
	padding-left: .4em;
	margin: 0;
	background: #f0e68c url(pictures/wistin.jpg) repeat-y right
  }
  

h4  {
	font-size: x-large;
	color: black;
	padding-top: 1.5em;
	padding-bottom: .2em;
	padding-left: .2em;
	margin: 0;
	background: #ffff33 url(pictures/praying.jpg) repeat-y left
  }

h5  {	
	font-size: x-large;
	font-style: italic;
	font-weight: bold;
	color: #6A5ACD;
	padding-top: .1em
	padding-bottom: .1em;
  }
	

p   {
	font-size: medium;
	color: black;
  }
/*
table  {
	border-collapse: collapse;
	border: 1px solid black;
	  }   */

th     {
	text-align: center;
	background: grey;
	color: white;
	padding: 0.2em;
	  }

td     {
	border: 1px solid black;
	padding: 0.2em;
	   }

p.italic  {
	font style-style: italic;
	font-size:        40px;
	font-weight:      bold
	color:            #8B0000
	   }

#tagline p{
	font-style: italic;
	font-family: Georgia, Times, serif;
	font-size: large;
	background color: red;
	border-top: 3px solid red;
	border-bottom: 3px solid red;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
	padding-left: .8em;
	margin: 0;
	color: green;
  }

#bodycontentLT {
	border: 3px solid purple;
	padding-top: .2em;
	padding-bottom: .2em;
	padding-left:  .8em;
	padding-right: .8em;
	width: 200px;
   }

#bodycontentLT1 {
	 
	border: 3px solid purple;
	padding-top: .2em;
	padding-bottom: .2em;
	padding-left:  .8em;
	padding-right: .8em;
	width: 200px;
   }

#bodycontentCT {
	position: relative;
	left: 235px;
	border: 3px solid purple;
	padding-top: .2em;
	padding-bottom: .2em;
	padding-left:  .8em;
	padding-right: .8em;
	width: 650px;
   }

#bodycontentRT {
	position: absolute;
	top: 0px;
	left: 685px;
	border: 3px solid purple;
	padding-top: .2em;
	padding-bottom: .2em;
	padding-left:  .8em;
	padding-right: .8em;
	width: 300px;
   }

#bodycontentCT1 {
	position: relative;
	left: 235px;
	border: 3px solid purple;
	padding-top: .2em;
	padding-bottom: .2em;
	padding-left:  .8em;
	padding-right: .8em;
	width: 1230px;
   }

#bodycontact {
	position: relative;
	left: 235px;
	border: 3px solid purple;
	padding-top: .2em;
	padding-bottom: .2em;
	padding-left:  .8em;
	padding-right: .8em;
	width: 1000px;
   }

.design {
	border-top: 2px solid #2E8B57;
	border-bottom: 2px solid #2E8B57;	
	border-left: 2px solid #2E8B57;
	border-right: 2px solid #2E8B57;
	font-size: medium;
	padding-top: .2em;
	padding-bottom: .2em;
	padding-left: .8em;
	padding-right: .8em;
   }

.designp {
	border-top: 2px solid #FF8C00;
	border-bottom: 2px solid #FF8C00;	
	border-left: 2px solid #FF8C00;
	border-right: 2px solid #FF8C00;
	padding-top: .2em;
	padding-bottom: .2em;
	padding-left: .8em;
	padding-right: .8em;
   }

.designq {
	border-top: 2px solid #708090;
	border-bottom: 2px solid #708090;	
	border-left: 2px solid #708090;
	border-right: 2px solid #708090;
	padding-top: .2em;
	padding-bottom: .2em;
	padding-left: .8em;
	padding-right: .8em;
   }

.floatR  {
	float: right;
	margin: 10px;
	  }

.floatL  {
	float: left;
	margin: 10px;
	  }

.center {
	text-align:  center;
   }
.right {
	text-align:  right;
   }

.credits {
	font-weight: bold;
	font-size: 75%;
	color: red;
   }

.red     {
	font-weight: bold;
	color: #8B0000;
   }

.blue    {
	font-weight: bold;
	color: #00008B;
   }

.purple  {
	font-weight: bold;
	color: #800080;
   }

.green    {
	font-weight: bold;
	color: #006400;
   } 

em  {
	font-size: large;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: red;
   }

#space  {
	background color: yellow;
   }

/* to do with the menu */
a   {
	font-weight: bold;
	color: black;
  }
a:link {
	font-size: small;
	font-weight: bold;
	color: red;
   }
a:visited {
	font-size: 40px;
	color: #000066;
   }
a:hover {
	text-decoration: none;
	color: white;
	background-color: red;
   }
a:active {
	color: aqua;
	background-color: red;
   }


/*
This section deals with the position of items on the screen.
It uses absolute positioning - fixed x and y coordinates measured
from the top left corner of the browser's content display.
Those to the left of the screen.
*/
#bodycontentC1, #hometopL, #bodycontentLT, #bodycontentRT {
	 position: absolute;
   }
 
#navigation, #header, #sthelen, #sthelen1, #vizjoni, #link,  {
	position: absolute;
   }
#header {
	width: 100%;
	border-top: 3px solid red;
   }