/* see http://bluerobot.com/web/layouts/layout1.html for info */

/* ref. of colours used:
   light yellow ffffee
   yellow ffffcc
   blue-grey cccccc
   lilac ccccff
   baby blue 99ccff

   end of colours section */

* { 	font-family:verdana, arial, helvetica, sans-serif; }
 
body {
	margin:0px;
	padding:0px;
	color:#000000;
	background-color: #6a97d2;
	}
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size: 200%;
	font-weight:900;
	color:#cccccc;
	}

a { color:#09c;	}
a:link {color:#09c; }
a:visited {color:#07a; }
a:hover {background-color:#eee; }

#header {
 position:relative; z-index: 3; /* to obscure geocities branding */
	margin: 0px 0px 10px;
	padding: 10px 20px 10px;
	height: 28px; /* 14px + 10px + 4px = 28px */
	border-bottom: 2px groove #99ccff; 
	background-color:#eeeeee;
	}

#content {
      margin-left: 200px;
	padding:10px;
	}

#nav {
	position:absolute;
	top: 85px; left: 10px; /* to align with left edge of header text */
	width: 170px;
	padding: 10px;
	background-color:#99ccff;
	border:2px groove #99ccff;
     }

/* Paul's bit */

div#nav a span {display:none; }
div#nav h2, div#nav h4 {margin-bottom: 0px; }
div#nav p {background: #99ccff; color: #000000; } /*ensure color of nav p's */

/* this bit to give headers and paras a unified feel, hopefully */
/* can I assume that hX followed by p means the hX belongs to p */

div#content div {margin: 5px 0px 0px 0px; padding: 5px; color: #000000; background: #ccccff; }

p#links { text-align: right; }


abbrev, acronym, .def { text-shadow: 2px 2px 4px; /* right, down, blur radius, colour */
       background: #ddddff;
       cursor: help; /* other options - text, url("mything.cur"), crosshair */
       }

.centred {display: block; 
          margin: auto; /* should centre image */ 
          margin-top: 10px; margin-bottom: 10px;
          }

.smtxt { font-size: 0.6em; }

/* testing */
/* img {opacity: 0.33 !important;}
img[alt] {opacity: 1.0 !important;} */