body {
	 font-family: Arial, Helvetica, sans-serif ; font-size: 100%; 
	 background: url("assets/images/bg.jpg") repeat-x scroll left top transparent;
	}
h1 { font-size:160%; font-family: Verdana, Arial, Helvetica, sans-serif ;}
h2 { font-size:140%; font-family: Verdana, Arial, Helvetica, sans-serif ;}
h3 { font-size:120%; font-family: Verdana, Arial, Helvetica, sans-serif ;}

td {vertical-align:top}

img.centred {
    display: block;
    margin-left: auto;
    margin-right: auto }
	
th.centred {
	text-align:center
		}
	
.topleft {
	text-align:left;
	vertical-align:top }

.bado {color: red;}

.date {
	position: relative;
	bottom: 0.5em;
	font-size: 70%; }
	
table.noborder
{   border-color: #ffffff;
    border-style: solid;
    border-width: 0 ;
    border-spacing: 0;
    border-collapse: collapse;
}
table.noborder td,th
{   border-color: #ffffff;
    border-style: solid;
    margin: 0;
    padding: 4px;
    border-width:  0;
    }

table.bordered
{   border-color: #000;
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

table.bordered td,th
{   border-color: #000;
    border-style: solid;
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
    }
	
tr.gray td {
		color: gray;
		}

.righttop {text-align:right; vertical-align:top;}
.lefttop {text-align:left; vertical-align:top;}
.centertop {text-align:center; vertical-align:top;}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

/* nicer definition lists */
dl { border: 3px  double #bbb; padding: 0.5em; width:40%} 
dt { float: left; clear: left; width: 100px; text-align: right; font-weight: bold; color: black; } 
dt:after { content: ":"; } 
dd { margin: 0 0 0 110px; padding: 0 0 0.5em 0; }

/* menu CSS stuff */

a#this {font-weight: bolder; background-image: url(thismenubutton.png);	background-repeat: repeat-x;}


/* This is the overall, outside container */
.hovermenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: medium;
	cursor: default;
	height: 60px;
}

/* this defines each menu item box */
.hovermenu ul li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 6em;
	float: left;
	background-image: none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	height: 60px;
	}

	/* This defines the link within each menu box (hot hovered-over or the active one */
.hovermenu ul li a{
	display: block;
	cursor: pointer;
	color: #333;
	text-decoration: none;
	background-image: url(menubuttonbg.png);
	background-repeat: repeat-x;
	height: 44px;
	padding-top: 0.5em;
	padding-right: 0.75em;
	padding-bottom: 0.5em;
	padding-left: 0.75em;
}

/* This defines what the link looks like when you hover over it */
.hovermenu ul li a:hover{
color: #00F;
}

/* This defines the link when you click it (before release) */

html>body .hovermenu ul li a:active{ /* Child selector hack - Apply mousedown effect only to IE7+ and other browsers */
border-style: inset;
}