body {background-color : #000000; padding=10px;
}

/* various header types and colour background fffccc yellow ccffff blue    #e6e6fa Pale blue ffccff pink  ffffcc Normal */

H1 { text-align : center; color: yellow; font-size: 1.8em; font-family "Arial", "Comic Sans", "times"font-weight: bold; margin-bottom: 1.5em; margin-top: 1.5em:
text-shadow: 2px 2px 3px #666666; }

H2 { font-family: "Gill Sans", Arial, sans-serif; text-align : center; color: red; font-size: 150%; font-weight: bold; margin-bottom: 1em; text-transform: uppercase; letter-spacing: 0.2em;}

H3 { text-align : center;color: yellow; font-size: 1.2em; font-weight: bold; margin-bottom: 1em;}

H4 { text-align : center; color: red; font-size: 1.5em; font-weight: bold; margin-bottom: 1em; }

H5 { text-align : left; color: blue; font-size: 1.2em; font-weight: bold; padding-left: 25px; }

/* various paragraph types */


	p {
		font-family:  "Arial", "Verdana", "sans-serif";
		line-height: 1.4em;
		color: #ffffff;}

	p.intro:first-line {
	font-weight: bold;}

	.credits {
		font-style: italic;	
		text-align: center;}

	.moreinfo { font-style : italic: font-size : 50%;}


	P {font :normal 12pt "arial", "times" }
	P.intro { font : normal 12pt, "arial", "times" }

	p.ex1 {
 	border: 1px solid red; 
  	padding: 25px;
	}

	p.ex2 {
 	 border-style: dotted; border-width: 2px; border-color: red; 
  	margin: 30px;
	padding: 3px;
	}

	p.ex3 {
 	 border: 0px solid red; 
 	 margin-left: 50px; margin-right: 30px;
	}

	p.one {font-weight: bold; color: red; padding: 20px}

	p.oneex {font-weight: bold; color: red; margin: 30px;}

	P.twoex {color: blue; margin: 20px;}

	/* Style the header */
	.header {
	  background-color: #ffffcc;
  	padding: 10px;
  	text-align: center; color: blue; font-size: 1.2em; 
  	font-weight: bold; margin-bottom: 1.2em;

	}

	nav{clear: both; height: 45px;font-weight: bold
	}

	nav ul { margin: 5px; padding: 5px 0px 5px 30px;
	}

	nav li {display: inline;margin-right: 40px; 
	}

	nav li a {color: black;
	}

	nav li a:hover, nav li a.current {
				color: white;}


	/* Style the footer */
	.footer {
 	 color: Black;
 	 background-color: White;
 	 padding: 10px;
  	text-align: center; color: black; font-size: 1.2em; 
 	 font-weight: bold; margin-bottom: 1.2em;}

	/* create a shrinkable image
	img.two {
	 max-width: 100%;
 	 height: 40%;
 	 width: 100%;

	} */

	/* create a responsive image */
	.responsive {
 	 max-width: 100%;
	  height: auto;
	}

	/* create div left,centered right or justified*/
	div.a {
	  text-align: center;
	}

	div.b {
  	text-align: left;
	}

	div.c {
 	 text-align: right;
	} 

	div.d {
  	text-align: justify;
	}

	div.e {
  	background-color: white;
 	 padding: 10px;
 	 text-align: center;
	}


	table {
  	width: 90%;
  	margin: 20px auto;
 	 table-layout: auto;
	}

	.fixed {
	  table-layout: fixed;
	}

	table,
	td,
	th {
  	border-collapse: collapse;
	}

th,
td {
  padding: 10px;
  border: solid 1px;
  text-align: center;
  
}
.import { color: red;
}

.boxed { color: #800000;
margin: 30px;
 padding: 20px;
  border: solid 1px;
  text-align: left;}

.w {
  width: 150px;
}
a { text-decoration: none;color: #ccc111; padding:20px;}
			
a:hover, a:focus {
  color: white;
  background-color: black;
  text-decoration: underline;
}
hr{
  height:2px;
  background-color:blue;
  border:5px;
  width:80%;
}
figure {
				float: left;
				width: 90%;
				height: 90%px;
				padding: 5px;
				margin: 20px;
				border: 1px solid #eeeeee;}
			figcaption {
				font-size: 80%; color: white;
				text-align: center;}
/* Last update 6th Feb 2020 */