body {
color:black;
background-color:white;
margin:20px;
padding:0px;
font:11px verdana, arial, helvetica, sans-serif;
}

h1 {
margin:0px 0px 15px 0px;
padding:0px;
font-size:2em;
font-weight:bold;
color:#9966FF;
}

h2 {
font:bold 1.5em verdana, arial, helvetica, sans-serif;
margin:0px 0px 5px 0px;
padding:0px;
}
h3 {
font:bold 1.1em verdana, arial, helvetica, sans-serif;
margin:0px 0px 5px 0px;
padding:0px;
color:#6633CC;
}

p,div.main {
font:11px/20px verdana, arial, helvetica, sans-serif;
margin:0px 0px 16px 0px;
padding:0px;
text-align: justify;
}


a {
color:#6633cc;
font-size:11px;
font-family:verdana, arial, helvetica, sans-serif;
font-weight:600;

}
a:link {color:#6633CC; text-decoration: none;}
a:visited {color:#330099; text-decoration:none;}
a:hover {color:#6633CC; text-decoration: underline;}

div.small {
background-color: #EFDEFF;
color: black;
font: .8em verdana, arial, helvitca, sans-serif;
margin: 0px;
}

div.center {
text-align: center;
}

table {
font:11px/20px verdana, arial, helvetica, sans-serif;
border: 0px;
}
th {
background-color: #CC99FF;
}
th.left {
width: 32%;
}
th.right {
width: 68%
}

td {
background-color: #EFDEEF;
}
td.left {
width: 32%;
}

td.right {
width: 68%
}
div.float {
float: right;
}
div.flleft {
float: left;
margin: 2px 2px 2px 2px;
}

div.floater {
  float: left;
	margin: 4px 4px 4px 4px;
	width: 105px;
  } 

div.float2 {
 float: left;
 margin: 5px 5px 5px 5px;
}

div.spacer {
  clear: both;
  }
div.container { 
border: 1px solid black;
padding: 5px 5px 5px 5px;
margin: 20px 20px 20px 20px;
}

div.container p {
text-align: center;
}

td.label { text-align: right; }

td.tagList {font: .8em verdana, arial, helvitca, sans-serif; }

p.navbarTop, p.navbarBottom { text-align: left; }

p.datePageMail { font-size: 65%; }




#colour {
color:black;
background-color:#9966FF;
}
/* All the content boxes belong to the content class. */
.content {
position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
width:auto;
min-width:374px;
margin:0px 210px 20px 170px;
border:1px solid black;
padding:10px;
z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
text-align: "justify";
}



#navAlpha {
position:absolute;
width:150px;
top:20px;
left:20px;
border:solid;
border-width:1px;
background-color:#EFDEFF;
padding:10px;
z-index:2;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.
See http://glish.com/css/hacks.asp for details. */
voice-family: "\"}\"";
voice-family:inherit;
width:128px;
}
/* I've heard this called the "be nice to Opera 5" rule. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#navAlpha {width:128px;}

#navBeta {
position:absolute;
width:190px;
top:20px;
right:20px;
border:solid;
border-width:1px;
background-color:#EFDEFF;
padding:10px;
z-index:1;
/* Again, the ugly brilliant hack. */
voice-family: "\"}\"";
voice-family:inherit;
width:168px;
}
/* Again, "be nice to Opera 5". */
body>#navBeta {width:168px;}
/* Stylesheet modified from one in the layouts reservoir of www.bluerobot.com */