<! Whiteparish>
<style type="text/css">
<meta http-equiv="Content-Type"; content="text/html";>

  body, h1, p 
       {background: E1FFC4;
	padding: 0.5em;
	border: none; 
	margin-left: 10%;
	margin-right: 10%; }

  body {background: #E1FFC4;
	color: #ff00ff; 
	font-size: 100%;
	align:"justify"; }

  h1 { 	background: #E1FFC4;
	color: #ff0000; 
	font-size: 220%; 
	font face="Times New Roman";
	align="center"; }

  h2 {  color: #ff0000; 
        font-size: 150%;
	font face="Times New Roman";
	align="left";}

  h3 {  color: #ff0000;
	font-size=100%;
	font face="Times New Roman";
	align="left";}

  h4 {  color: #ff0000;
	font-size=50%;
	font face="Times New Roman";
	align="left";}


  li {  background: /E1FFC4;
	color: #000000;
	align: "left"; }



  p { 	background: #E1FFC4;
	color: #000000;
	align:"justify";
    } 

  p.footer {text-align:right; color:red; font-size: 10px; font-weight:bold} /* use <p class="footer"> for revision status footer to each page */

/* two other ways of setting up the footer left in place as examples - no longer needed so can be re-assigned */
/* see examples in Abbeys and Churches/Abbeys and Churches.htm */
  p.right {text-align: right; color:#aa00FF; font-size: 10px;} /* use <p class="right"> color isn't working and needs sorting out*/
  #tright { text-align:right; color:green; font-size: 10px;} /* use <p id="tright"> - preferable since it can be used on headings, etc. too? */

  p.fullwidth {max-width:100%;}
  p.halfwidth {max-width:50%;}

table{
	border-width: 8px;
	border-spacing: 2px;
	border-style: ridge;
	border-color: #8b8;
	border-collapse: separate;
	background-color: white; /*overriden below for each element*/
	color: gray; /*text colour shows through if definitions below aren't working*/
     }
  td {  
	border-width: 1px; 
	border-style: solid; 
	border-color: black;
	color: black;
     }   /* background-color:#00ffff;} */ /* td defines a cell*/
  th {  
	border-width: 1px; 
	border-style: solid; 
	border-color: black;
	color: #505050;
	background-color:#cfa;
     }   /*th defines a table heading cell*/


  a.public {text-decoration:none;}
  a.public:hover {background-color: #aaccaa;}

  a.private {color:#ff00ff;
             text-decoration:none;}
  a.private:hover {background-color: #ddEEdd;
           }

  a:hover {background-color: #bbbbbb;
           }


  #purplelink {
       color: #FF00FF;
       text-decoration:none;
    } 

  #rollover {
       color: #0000FF;
       text-decoration:none;
    } 

  #rollover:hover {
       background-color: #BBBBBB;
    } 

    
caption {color:black}

tr:nth-child(even) {background-color: #dea;}
tr:nth-child(odd) {background-color: #fff;}
  
</style>

/*
Some of the above is possibly meaningless? td - seems to define elements for the table, the first and second "body"...  Revisit
21.2.2017 Playing with table text colour
border options: outset none hidden dotted dashed solid double ridge groove inset
22.7.2021 Playing with text-align in css: #right and p.right added

<!style.css (Whiteparish) Copyright 2002-2022 Created 13.1.2002 Last updated 2.1.2022>