/* old body from holdcss */
body{
	margin:20px;
	padding:0;
	font-size:15px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	background-color:#dfdfdf;
	}

/* old p and br */

p { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 15px; 
font-weight: bold
padding-left: .2em;
}


br
{height: 20px;
}


/* ----------------------------------------------Generalise-------------------------------------*/

h1{
	margin:0;
        padding:0;
        color:blue;
	font-size:160%;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
        color:green;
	font-size:125%;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	}









/* MOST PAGES SEEM TO HAVE THIS BOXFIRSTPAGE AS THE FIRST DIV  ................*/
/* first box - from old css in holdcss */
#boxfirstpage {
position: absolute;
top: 125px;
left: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: 400;
 font-size: 15px;
  padding: 0.5em 0.5em;
}



#logocontainer {
position: absolute; 
left:4.5%;
top: 100px;
border: 2px solid #FFFFFF;
width: 80%;
height: 140px; 
background: #000000;
}



background-color: #fdfdfd;
margin: 10px 20px;	 
; clip:  rect(   )
}


#Rhead1 {
position: absolute;
top: 10px;
left: 10px;
height: 50px;
}


#Rhead2 {
	position: absolute;
	left: 40px;
	height: 50px;
	font-size:20px;
        font-weight: bold
	font-color:#2255ee;
	font-family:Georgia, "Times New Roman", Times, serif;
	top: 100px;
	background-color:#66ffff;
	
	
}





/* Navbar container */
.navbar {
  overflow: hidden;
  background-color: #444444;
  font-family: Arial;
  height: 70px;
  border-colour: #332211;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 12px;
  color: white;
  text-align: center;
  padding: 8px 10px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}


/* Dropdown button */
.dropdown .dropbtn {
  font-size: 13px; 
  border: none;
  outline: none;
  color: yellow;
  padding: 8px 10px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  font-color: yellow;
  font-weight: 400;
  background-color: pink;
  min-width: 160px;
  box-shadow: 0px 8px 14px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  font-color: #ddaa11;
  padding: 8px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #dddddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}






















/* ----------------------------------------------Container-------------------------------------*/

#container{
	position:relative;
	margin:0 auto 0;
	width:960px;
	}

/* ----------------------------------------------Header-------------------------------------*/

#header{
	display:block;
	width:960px;
	margin:0 0 5px 0;
	padding:20px 0 0 0;
	color:#aaaaaa;
	background-color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:5px solid #CCCCCC;
	}

#header #logo{
	display:block;
	width:630px;
	float:left;
	margin-bottom:20px;
	}

#header #logo h1{
	border:none;
	padding:0;
	float:left;
	}

#header #logo p{
	display:block;
	float:left;
	height:25px;
	margin:0 0 0 10px;
	padding:20px 0 0 10px;
	border-left:2px solid #999999;
	font-weight:bold;
	}

#header #logo h1 a{
	font-size:42px;
	color:#999999;
	background-color:#FFFFFF;
	}

#header #info{
	display:block;
	width:330px;
	margin:20px 0 0 0;
	float:right;
	}

#header #info ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#header #info li{
	display:inline;
	margin:0 0 0 10px;
	}



 following is for drop down menus...  

/*
Template Name: PlainSimple
File: Navigation CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 Unported License</a>
*/

#header ul#topnav{
	display:block;
	width:960px;
	height:35px;
	clear:both;
	margin:0;
	padding:0;
	list-style:none;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#3366cc;
	}

#header ul#topnav ul, #header li{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	}

#header li a:link, #header li a:visited, #header li a:hover{
	display:block;
	margin:0 2px 0 0;
	padding:10px 15px;
	color:#FFFFFF;
	background-color:#3366cc;
	}

#header ul#topnav ul li a:link, #header ul#topnav ul li a:visited{
	border:none;
	}

#header ul#topnav li.last a{
	margin-right:0;
	}

#header li a:hover, #header ul#topnav li.active a{
	color:#999999;
	background-color:#3366cc;
	}
	
#header li li a:link, #header li li a:visited{
	width:150px;
	float:none;
	margin:0;
	padding:7px 10px;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	background-color:#3366cc;
	}
	
#header li li a:hover{
	color:#999999;
	background-color:#CCCCCC;
	}

#header li ul{
	background: #FFFFFF;
	z-index:9999;
	position: absolute;
	left: -999em;
	height:auto;
	width:170px;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	}

#header li ul a{width: 140px;}

#header li ul ul{margin: -32px 0 0 0;}

#header li:hover ul ul{left: -999em;}

#header li:hover ul, #header li li:hover ul{left:auto;}

#header li:hover{ position: static;}

#header li.last a{margin-right:0;}


/* HERE FOR ATTEMPTS TO CREATE THREE COLUMNS -   zzzzzzzzzzzzzzzzzzzz                  ZZZ */



/* create three unequal columns that float next to each other */
.column {
float: left;
padding 10px;
}


/* left and right columns */
.column.side {
width: 25%;
}

/* middle column */
.column.middle {
width: 50%


/* clear floats after the columns */

.row:after {
content: "";
display: table;
clear: both;
}




 back to original things...  





table th    {
   background-color: eeeeff;
   background-image:   url(../Images/PWSgrad.gif);
   background-repeat: repeat-y;
}





#backing {
background: #222222;
position: absolute;
left:6%;
top: 60px;
width: 70%;
height: 80px;
border-top: #555555 solid 2px;
}





#mainbit {
position: absolute;
top: 180px;
}

hr {
border:none;
height: 20px;
}



#navv
{
  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .7em;
  padding: 0.2em;
 
 }
	
#navv ul 
{
text-align: left;
list-style: none;
margin: 0;
padding: 0;
padding-top: 3px;

}	
	
#navv li
{
display: inline;
list-style: none;
margin-right: o.2em;
}
   
#navv a:link
{
float:none;
background:#9966ff url(../images/Blueto6666ff.gif) repeat-x;

padding: 0.25em 0.5em;
color:#ffffff;
font-weight:500;
text-decoration:none; 
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #717171;
border-right: 1px solid #717171;
}

#navv a:visited
{
float:none;
background:#9966ff url(../images/Blueto6666ff.gif) repeat-x;
padding: 0.25em 0.5em;
color:#ffffff;
font-weight:500;
text-decoration:none; 
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #717171;
border-right: 1px solid #717171;
}

#navv a:hover
{
float:none;
background:#6666ff;
padding: 0.25em 0.5em;
color:#ffffff;
font-weight:500;
text-decoration:none; 
border-top: 1px solid #717171;
border-left: 1px solid #717171;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}





#nav2
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: .9em;
}
	
#nav2 ul 
{
list-style: none;
margin: 0;
padding: 0;
padding-top:  4px;
}	
	
#nav2 li
{
display: inline;
  margin-left: auto;
  margin-right: auto;
}
 

 
 
 
 
 
   
#nav2 a:link
{
margin-left: auto;
margin-right: auto;
float:none;
background: #3366cc;
padding: 2px 2px 2px 2px;
width: 160px;
color:#ffffcc;
font-weight:bold;
text-decoration:none; 
border: 2px solid #ffffff;
}

#nav2 a:visited
{
margin-left: auto;
margin-right: auto;
float:none;
background:#cccccc url(../images/Blueto6666ff) ;
padding: 2px 2px 2px 2px;
width: 160px;
color:#ffffcc;
font-weight:bold;
text-decoration:none; 
border: 2px solid #ffffff;
}

#nav2 a:hover
{
margin-left: auto;
margin-right: auto;
float:none;
background:#aaaaaa;
padding: 2px 2px 2px 2px;
width: 160px;
color:#ffffcc;
font-weight:bold;
text-decoration:none; 
border: 2px solid #ffffff;
}


.rightimg  {
    float: right;
	margin-left: 30 px;
	margin-right: 30 px;
	margin-bottom: 30 px;
	padding-right: 30 px;
	}
	
.leftimg  {
    float: left;
	margin-left: 30 px
	margin-right: 30 px;
	padding-left: 80 px;
	margin-bottom: 6px;
	}








strong {

font-family: arial;
font-size: 25px;
font-style: italic;
font-weight: bold;
color: #FFCC33;
}


