/* For custom CSS tables see http://www.somacon.com/p141.php */
/* REMOVED background-color: #FDFDFF; from .content  ON 23 november 2010*/
body         { text-align: center; background-image: url('bgroundstrip.jpg') }
.content     { width: 800px; align:center; margin:0 auto; text-align: left;}
ul           { font-family: Tahoma, Verdana, Arial; font-size: 11pt; line-height: 140%; margin-left: 50; margin-right: 50 }
p            { font-family: Tahoma, Tahoma, Verdana, Arial; color: #000000; font-size: 11pt; margin: 20;  color: #FFFF99  }
ol           { font-family: Tahoma, Tahoma, Verdana, Arial; color: #000000; line-height: 20%; font-size: 11pt; margin: 20;  color: #FFFF99  }
a:link       { text-decoration: none; color: #33CCFF}
a:visited    { text-decoration: none; color: #33CCFF }
a:active     { text-decoration: none; color: #FF00FF }
a:hover      { text-decoration: none; color: #FF0000 }
h1           { font-family: 'Tahoma', Verdana, Arial; font-size: 16pt; color: #FFDDDD; 
               letter-spacing: 2pt; font-weight: bold; margin: 10 }
h2           { font-family: 'Tahoma', Verdana, Arial; font-size: 14pt; color: #FFDDDD; margin: 10 }
h3           { font-size: 12pt; font-family: 'Tahoma', Arial; letter-spacing: 2; margin: 10; color: #FFDDDD }
h4           { font-family: Tahoma, Verdana, Arial; font-size: 12pt; letter-spacing: 
               1pt; text-indent: 4; font-weight: bold; margin-top: 20;  margin: 10; color: #FFDDDD }
h5           { font-size: 10pt; font-family: Tahoma, Verdana, Arial; font-weight: bold;  margin: 10; color: #FFDDDD }
h6           { font-size: 8pt; font-family: Tahoma, Verdana, Arial;  margin: 10; color: #FFDDDD }
td           { font-family: Tahoma, Tahoma, Verdana, Arial; font-size: 8pt;  margin: 10; color: #FFDDDD }
hr { border: 0; color: #FF2299;
background-color: #FFFF99;
height: 2px;
width: 100%;
text-align: left;
}
table.killer {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse: separate;
}
table.killer th {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: double double double double;
	border-color: blue blue blue blue;
	background-color: gray);
	-moz-border-radius: 6px 6px 6px 6px;
}
table.killer td {
	border-width: 1px 1px 1px 1px;
	/* TOP RIGHT BOTTOM LEFT */
	padding: 1px 5px 1px 5px;
	border-style: double double double double;
	border-color: blue blue blue blue;
	background-color: rgb(250, 240, 230);
	-moz-border-radius: 3px 3px 3px 3px;
	font: normal 8pt Tahoma, Verdana, Arial;
}
div.linkbuttons {
width: 800px;
position: relative;
left: 50%;
margin-left: -385px; /* half the width of the div */
}
a.squarebutton{
background: transparent url('squareleftbut.gif') no-repeat top left;
display: block;
float: left;
font: bold 12px  Tahoma, Verdana, Arial; /* Change 12px as desired SJS: was 12px inbetween normal and arial */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}
a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}
a.squarebutton span{
background: transparent url('squarerightbut.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}
a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}
a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden;
width: 100%;
}
/* STYLES FOR HYPERLINK BUTTONS*/
.rssbutton{
background-color: 3399FF;
border: 1px #ff6600 outset;
padding: 2px 4px;
color: BLACK;
text-decoration: none;
font: bold 10px Verdana;
}
.rssbutton:visited{
color: white;
}
.rssbutton:hover, .rssbutton:active{
color: black;
border-style: inset;
background-color: #CC88FF;
padding: 2px 6px 2px 2px; /*shift text 1px to the right and down*/
}
.cssbutton{
background-color: #220000; /* MAIN BUTTON COLOUR WITHOUT HOVER */
border: 2px #C4E1FF outset;
padding: 2px 8px;
text-decoration: none; color: #FF0000; 
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
/*
.cssbutton:visited{
color: black;
text-decoration: none; color: #FF0000;
}
*/
.cssbutton:hover{
color: white;
border-style: inset;
background-color: #DC4801; /* MAIN BUTTON HOVER COLOUR */
padding: 2px 7px 2px 9px; /*shift text 1px to the right and down*/
}
.cssbutton:active{
color: black;
}
/*COLOURS FOR TOP ROW BUTTONS*/
a.cssbutton{
color: white;
}
a.cssbutton:visited{
color: white;
}
a.cssbutton:active{
color: orange;
}
a.cssbutton:hover{
color: black;
}