/* these are the base styles that all browsers will use. NS4 will only use this, as it can't read the other imported CSS */
body
{
	font-family: Verdana,Arial,sans-serif;
	font-size: 100%;
	margin:0;
	margin-top:5px;
	margin-bottom:5px;
	background-color:#D7DEFF;
}

/* NS4 cascade bug fix */
table
{
	background-color: #FFFFFF;
} 

/* fonts for basic elements */
p,td,h1,h2,h3,h4,ul,ol 
{
	font-family: Verdana,Arial,sans-serif; 
	font-size: 1em;
}
 
/* ensures the form button sits nicely */
#imagefield
{
	vertical-align:bottom;
}

/*image margins for large biography photos*/
img.inline-left-large-photo { margin:3px 10px 5px 0 ; padding: 0;}

/*image margins for small biography photos*/
img.inline-left-small-photo { margin:3px 10px 3px 0 ; padding: 0; border:1px #000000 solid;}

/*formatting for biography text*/
.biog-text {
	font-size:1em;
	padding-top:0;
	padding-bottom:0.6em;
	white-space: normal;
	margin: 0px;
	top: 0px;
}

/* blue horizontal rule */
.hrblue {
	color:#3300CC;
}

/* invisible horizontal rule for version 3 browsers - including PDAs*/
hr
{
	display: none;
}
 
/* heading styles. These are only used by NN4; other browsers use the other style sheet */
h1 
{
	font-size: 1.5em;
	margin-bottom: 3px;
	font-weight:bold;
	color: #330066;
}
h2 
{
	font-size:1.3em;
	font-weight:bold;
	color: #330066;
}
h3 
{
	font-size:1.2em;
	margin-bottom: 3px;
	color: #330066;
}
h4 
{
	font-size:1em;
	font-weight:bold;
	margin-bottom:0.6em;
	color: #330066;
}

/* when the following styles are applied, they need to be applied to each table cell in a row (NS4 bug fix) */

/* allows table cells to shrink when they are empty */
.onepix
{
	font-size: 1px;
	height:1px; 
	line-height: 1%;
	vertical-align:top;
}
 
/* dark blue band at very top of page above header */
.topline
{
	background-color: #330066;
	font-size: 0px;
	line-height: 1%;
	height:7px;
} 

/*  main strip of header - with image and form */
.header
{
	background-color: #330099;
	color: #fff;
	font-size: 0.7em;
	border-bottom: 1px solid #fff;
} 
 

/* the two thin rows above and below each of the breadcrumb trails use this style */
.breadborder
{
	background-color: #FFF;
	font-size: 1px; 
	line-height: 1%;
}

/* colour for the breadcrumb trail at top and bottom */
.breadcrumb
{
	background-color:#2d00b3;
	color:#fff;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000033;
	border-bottom-color: #3366FF;

	
}

/* primary navigation background colour (below breadcrumb) */
.topnav
{
	background-color: #4609ff;
	color: #fff;
	padding-bottom:1px;

	/*color:#FFFFFF;*/
	
}

.underbreadcrumbnav
{
	background-color: #3400ce;
  border-bottom: 1px solid #3366FF;
	color: #fff;
	padding-bottom:1px;

	/*color:#FFFFFF;*/
	
}

/* THE MAIN CONTENT TEXT STYLES */
.maincontent
{
	font-size:0.9em; 
	padding:0; 
	font-weight:normal;
}

/*'last update info' text style*/
.contentfooter
{
	font-size:0.7em;
}

/* styles for secondary navigation */
#secnav
{
	color: #330066;
	font-size:0.9em;
	text-align:right;
	font-weight: normal;
	margin-top:15px;
}

/* styles for breadcrumb trails and main nav to control row height and spacing */
.spacedparas
{
	padding:3px; 
	padding-left: 0px; 
	padding-right:0px; 
	font-size: 0.8em; 
	margin:0;

}

.spacedparas_footer
{
	padding:3px; 
	padding-left: 0px; 
	padding-right:0px; 
	font-size: 0.8em; 
	margin:0;

}

/* the year-based navigation under bottom breadcrumb trail */
.yearbasednav
{
	background-color: #3300cc;
	color: #fff;
} 

/* The footer which sits below the year based nav */
.footer
{
	background-color: #330099;
	color: #fff;
	border-top: 1px solid #330066;
}

/* the dark gblue line at the bottom of the page */
.bottomline
{
	background-color: #330066;
	font-size: 1px;
	line-height: 1%;
}

/*styles for programme*/
/*programme text smaller*/
.programme-text
{
font-size:0.8em;
}
/*styles for coloured blocks with room and room key style*/
.research-block
{
	background-color:#CCFFCC;
	padding-top:2px;
	padding-left:2px;
}
.room
{
	border-top:0px;
	background-color:#FFFF99;
}

.room-theme
{
	background-color:#330066;
}
.room-key
{
	background-color:#D7DAFF;
}

.short-papers-block
{
	background-color:#C2D8FE;
	padding-top:2px;
	padding-left:2px;
}

.invited-speakers-block
{
	background-color:#FFCC99;
	padding-top:2px;
	padding-left:2px;
}

.discussion-block
{background-color:#b6a4ff;
padding-top:2px;
padding-left:2px;
}

.keynote
{
	background-color:#FFCCFF
}

.spacer_pipe_page 
{font-size:.6em;
color:#ffffff}

.spacer_pipe_header
{
	font-size:0.6em;
	color:#3300CC
}

.spacer_pipe_mainnav
{
	font-size:0.6em;
	color:#330066;
}

.spacer_pipe_breadcrumb
{
	font-size:0.6em;
	color:#330099
}


/* link styles in header and footer */
a.whitelink:link 
{
	text-decoration: underline;
	color: #fff;
}
a.whitelink:visited 
{
	text-decoration: underline;
	color: #fff;
}
a.whitelink:hover 
{
	background: none #fff;
	text-decoration: none;
	color: #000;
}
	
/* Breadcrumb link at the top and bottom */
a.breadlink:link 
{
	text-decoration: underline;
	color: #fff;
}
a.breadlink:visited 
{
	text-decoration: underline;
	color: #fff;
}
a.breadlink:hover 
{
	text-decoration: underline;
	color: #330066;
	background-color: #fff;
}
	
/* Seconday Navigation links in main content area */

a.secnavlink:link 
{
	text-decoration: underline;
	color: #330066;
}
a.secnavlink:visited 
{
	text-decoration: underline;
	color: #330066;
}
a.secnavlink:hover 
{
	text-decoration: none;
	color: #fff;
	background-color: #330066;
}
	
.secnavlinkselected
{
	text-decoration: none;
	color: #330066;
}

/* primary navigation links above the main content area (ALT-C Home,ALT Home, etc)*/
a.mainnavlink:link 
{
	text-decoration: underline;
	color: #fff;
}
a.mainnavlink:visited 
{
	text-decoration: underline;
	color: #fff;
}
a.mainnavlink:hover 
{
	text-decoration: none;
	background-color: #fff;
	color:#330066;
}

/* blue mail link at the bottom of the main content area */
a.maillink:link 
{
	text-decoration: underline;
	color: #330066;
}
a.maillink:visited 
{
	text-decoration: underline;
	color: #330066;
}
a.maillink:hover 
{
	text-decoration: underline;
	color: #fff;
	background-color: #330099;
}

	
/* STYLES FOR INTERNAL LINKS */
a:hover 
{
	text-decoration: underline;
	background-color: #CEFFFE;
	color: #330099;
}

/* STYLES FOR EXTERNAL LINKS */
a.externallink:hover 
{
	text-decoration: underline;
	color: #006600;
	background-color: #CCFF99;
}

/*padding and text style for anchor sponsors*/
.sponsor-formatting
{
padding-bottom: 30px;
padding-top: 5px;
font-size:0.9em;
}

/*text style for aother sponsors*/
.sponsor-formatting-no-pad
{
font-size:0.9em;
}

/* Styles for Top (^) link */
a.toplink:link 
{
	color:#330099;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}
a.toplink:visited 
{
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}
a.toplink:hover 
{
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}
/* This is to make the skip navigation link invisible to non text-based browsers at the start of the page */
.skiplink{display:none;}


form {
  margin: .25em;
  border: 2px solid #CCC;
  padding: .5em;
}
#form1 {
  border:0;
}
fieldset {
  border: 0;
}

legend {
  font-size: 120%;
  font-weight: bold;
  letter-spacing: -.05em;
  color: #660066;
}
form div {
}
label {
  display: block;
}
form div {
  margin: .5em 0 .5em 0;
  border-bottom: 1px solid #EEE;
  padding-bottom: .5em;
  overflow: auto;
}
form .note {
  font-size: .8em;
}
fieldset.footer {
  border: 0;
  background: #FFF;
}
.button {
	border: 2px solid #CCC;
	background: #330066;
	color: #FFF;
	font-weight: bold;
}

#key-dates {
  border-collapse: collapse;
}

#key-dates th {
  padding-bottom: .25em;
  border-bottom: 2px solid #EEE;
  margin-bottom: .25em;
  font-weight: bold;
  text-align: left;
}
#key-dates td {
  padding-bottom: .25em;
  border-bottom: 2px solid #EEE;
  margin-bottom: .25em;
  padding: .25em .5em .25em .5em;
}