div#Header
{
	background-color: #EEF;
	color: Black;
	margin: 0;
	border: 2px solid #DDF;
	padding: 0.5em;
	text-align: center;
}

div#Header strong
{
	font-weight: bold;
	color: BLACK;
	background-color: #DDF;
}

h1
{
	font-family: sans-serif;
	background-color: #DDF;
	margin: 0.5em;
	padding: 0.5em;
	text-align: center;
	font-weight: bold;
	display: block;
	font-size: large;
	color: BLACK;
	min-height: 64px;

/*
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-image: url("accv2010logo.jpg");
	padding-right: 200px;
*/

}

h1 img { float: right; margin-left: 1em; border: none;}

h1 strong { font-size: xx-large; }

ul#Topics > li
{
	font-family: sans-serif;
	list-style-image: url("images/icons/shape_square.png");
}

dl.talk dt
{
	font-family: sans-serif;
	font-weight: bold;
}

/* 
 * styles for folding and unfolding by script
 * These should be added by script indeed.
 */

/* hidden class will be marked by script */
dl.talk.hidden dt
{
	text-decoration: underline;
	color: 
}

dl.talk.hidden dd.abstract
{
	display: none;
}

dl.talk dt:hover
{
	background-color: #DDF;
	cursor: pointer;
}

dl.talk dt
{
	position: relative;
}

dl.talk dt:hover::after
{
	position: absolute;
	right: 0;
	bottom: -1em;

	color: GRAY;
	background-color: WHITE;
	font-size: smaller;
	content: " [click to hide abstract]";
}

dl.talk.hidden dt:hover::after
{
	position: absolute;
	right: 0;
	bottom: -1em;
	
	color: GRAY;
	background-color: WHITE;
	font-size: smaller;
	content: " [click to show abstract]";
}


#TimeTable
{
	margin: 0;
	width: 100%;
}

#TimeTable tr th
{
	width: 20%;
}

#TimeTable tr th+th
{
	width: 80%;
}

.abstract { font-family: inherit; }

#TimeTable .greeting
{
	background-color: #FEF;
}

#TimeTable .break
{
	background-color: #EFE;
}

#TimeTable dl
{
	margin: 0;
}