body {font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-color: #FFFFFF; color: #000000}

td {font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: top; font-size: 100%}

th {font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: top; background-color: #CCCCCC; font-size: 90%}

p  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%}

.datatable  {font-size:80%}
.datatable p {font-size:100%;margin:0em}

hr { color: #993399; }

a img {border: 0;} /* Any images set inside a link will not have a border */

.hide {display:none}

.borderboxorange {border-left: 1px solid #CC0099;border-bottom: 1px solid #CC0099; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; background-color: #FEECC5}

ul {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%}
ol {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%}
li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%}

h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 120%; font-weight: bold; color: #cc0099}
h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 110%; font-weight: bold}
h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold}
h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold}

.justright {text-align: right; padding-right: 3px; vertical-align: bottom}

.medtext {font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 90%}

.smalltext {font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 75%}

a {font-family: verdana, arial, helvetica, sans-serif}
a:hover { text-decoration: none; }

a.leftnav:link {color: #993399; background-color: #FFFFFF; text-decoration: none}
a.leftnav:visited {color: #CC0099; background-color: #FFFFFF; text-decoration: none}
a.leftnav:hover {color: #CC0099; background-color: #FFFFFF; text-decoration: underline}

/*a.navbarsm {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
a.navbarsm:link {color: #FFFFFF; background-color: #CC0099; text-decoration: none}
a.navbarsm:visited {color: #FFFFFF; background-color: #CC0099; text-decoration: none}
a.navbarsm:hover {color: #CCCCCC; background-color: #CC0099; text-decoration: underline}
*/
.justrightsm {font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; padding-right: 3px; font-size: 70%}

blockquote {  font-size: 100% }

.mathbox {border: 0px; padding: 4px; background-color: #EEEEEE; position: absolute; top: 490px; left: 5px}

/* Style for curriculum online logo for selected conferences. RW 010604. */
img#col {float: right}

/* Styles for speaker image on speakerdetails.php. RW 060704. */
img#speaker_image {float: right; padding: 20px; padding-left: 50px}

/* This hides elements with class 'hideinprint' when user prints or previews the print page.*/
/* It works in IE5+Win, NN6Win, Mozilla and Opera. RW 250504. */
@media print {
	.hideinprint {display: none}
	.mathbox {display: none}
	.box {display: none}
}

/* Style for error messages on getinvolved form. */
#errormsg{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 85%;
	color: #FF0000;
	}

/* Style for the list of conferences in conferencelist.php */
#conf_list tr {
	background-color: #EEEEEE;
	font-size: 75%;
	}

#conf_list thead tr {
	background-color: #BBBBBB;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	}


/* Style for the grey boxes containing the about, programme and news links. */
.box {
	padding: 5px 0px 10px 3px;
	border-color: #CC0099;
	border-style: solid;
	}


#about {
	background: #EEEEEE url("images/rightcorner.gif") right bottom no-repeat;
	border-width: 1px 0px 0px 1px;
		}

#programme {
	background: #EEEEEE url("images/rightcorner.gif") right bottom no-repeat;
	border-width: 1px 0px 0px 1px;
	}

#news {
	background: #EEEEEE url("images/leftcorner.gif") left bottom no-repeat;
	border-width: 1px 1px 0px 0px;
	}

/* Style for the horizontal rounded tab links */
#navigation {
	float: left;
	width: 99%;
	font-size: 93%;
	line-height: normal;
	padding-left: 10px;
	}

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

#navigation li {
	float: left;
	background: url("images/rightoff.gif") no-repeat right bottom;
	margin: 0;
	padding: 0;
	}

#navigation a {
	display: block;
	background: url("images/leftoff.gif") no-repeat left bottom;
	padding: 4px 10px;
	font-family: tahoma, verdana, 'trebuchet ms', arial, sans-serif;
	color: #000;
	text-decoration: none;
	}

#navigation a:hover {color: #FFF;}

#navigation #current {background-image: url("images/righton.gif");}
#navigation #current a {
	background-image: url("images/lefton.gif");
	color: #FFF;
	}

td.arrowcell {text-align: center; width: 15px}

a.boxlink {
	font-family: 'Trebuchet MS', arial, helvetica, sans-serif;
	font-size: 85%;
	font-weight: normal;
	}

a.boxlink:link {
	text-decoration: none;
	color: #000000;
	}

a.boxlink:visited {color: #000000; text-decoration: none}
a.boxlink:hover {color: #CC0099; text-decoration: none}

table#news_links tr td a.boxlink {
	text-decoration: underline;
	}


table.linkbox {
	width: 97%;
	}

table.linkbox thead tr td {
	color: #CC0099;
	font-size: 80%;
	font-weight: bold;
	font-family: verdana, helvetica, arial, sans-serif;
	line-height: 100%;
	}

table.linkbox tr td {
	vertical-align: middle;
	line-height: 90%;
	}

table.linkbox tr td p {
	font-size: 75%;
	font-family: tahoma, 'Trebuchet MS', arial, helvetica, sans-serif;
	}

table.linkbox tr td p span {
	font-style: italic;
	}