html, body {
   background-color: #fff;
   margin: 0; padding:0; height:100%;
   font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
}
	
td.left {
   background: url(http://staff.science.uva.nl/~civr2007/i/left.jpg) repeat-y right;
   background-color: #ccc;
}

td.right {
   background: url(http://staff.science.uva.nl/~civr2007/i/right.jpg) repeat-y left;
   background-color: #ccc;
}

.contentWrapper {
   font: 0.75em/1.5 Georgia, Verdana, Arial, Helvetica, sans-serif; 
   margin: 0 10% 0px 15px;
   padding-left: 20px;
   padding-top: 10px;
   background: url(http://staff.science.uva.nl/~civr2007/i/armor.gif) no-repeat center top;
}
	
.confline {
   font-size: 16px;	
   color: #fff;
   font-weight: bold;
}

.uvaline {
   font-size: 14px;	
   color: #000;
   font-weight: bold;
}


.session {
   font-style: italic;
}

.papertitle {
   font-style: normal;
   font-weight: bold;
   color: #f00;
}

.program h3 {
   margin-top: 1em;
   font-size: 14px;
   color: #000;	
   border: none;
}

.program h2 {
   margin-top: 2em;
}


h1 {
   color: #Ff0000;
   font-size: 20px;
   border-bottom: #ccc 2px solid;  width: 100%;
}

h2 {
   font-size: 16px;
   color: #f00;	
   border-bottom: #ccc 1px solid;  width: 100%;
}

h3 {
   margin-top: 2em;
   font-size: 14px;
   color: #f00;	
   border-bottom: #ccc 1px solid;  width: 100%;
   text-align: center;
}


a:link    { color: #f00; text-decoration: none; }
a:visited { color: #000; text-decoration: underline; }
a:active  { color: #f00; text-decoration: underline; }
a:hover   { color: #f00; text-decoration: underline; background-color: #ffffcc; }

.amsterdam {
   border-left: #ccc 2px dashed;  height: 100%;
}

#prog{
   font-size: 14px;	
}

#prog i{
   font-size: 12px;	
}

#prog br {
   margin-top: 1.5em;
}

#navcontainer {
   background: #fff;
   padding: 0; margin: 0;
   padding-top: 10px;
   width: 100%;
   font-size: 11px;
   font-weight: bold;
   text-align: center;
}

ul#navlist {
   text-align: left;
   list-style: none;
   padding: 0;
   margin: 0 auto;
   width: 100%;
   border-width: 1px;
   border-color: #ccc;
   border-style: solid;
}

ul#navlist li {
   display: block;
   margin: 0;
   padding: 0;
}

ul#navlist li a {
   display: block;
   width: 100%;
   padding: 0.5em;
   border-width: 1px;
   border-style: solid;
   border-color: #ccc;
   color: #fff;
   text-decoration: none;
   background: #f00;
   border-left: #fff 7px solid;  height: 100%;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {
   background: #fff;
   color: #f00;
   border-left: #f00 7px solid;  height: 100%;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
   color: #000;
   background: transparent;
   border-left: #ccc 7px solid;  height: 100%;
}

div#sponsor { 
   text-align: center; 
}

div#sponsor a {	
   margin-top: 4px; 
   display: block; 
   width: 170px; 
}

div a#uva	 	{ height: 44px; background-image: url(../i/logo/uva.jpg); background-position: 5px 0; background-repeat: no-repeat; } 
div a#uva:hover		{ height: 44px; background-position: 5px 0; background-repeat: no-repeat; background-color: #fff;}

div a#iapr 		{ height: 47px; background-image: url(../i/logo/iapr.gif); background-position: 35px -53px; background-repeat: no-repeat; } 
div a#iapr:hover	{ height: 47px; background-position: 35px 0; background-repeat: no-repeat; background-color: #fff;}

div a#mn		{ height: 72px; background-image: url(../i/logo/mn.gif); background-position: 35px -78px; background-repeat: no-repeat; } 
div a#mn:hover		{ height: 72px; background-position: 35px 0; background-repeat: no-repeat; background-color: #fff;}

div a#muscle		{ height: 36px; background-image: url(../i/logo/muscle.gif); background-position: 15px -36px; background-repeat: no-repeat; } 
div a#muscle:hover	{ height: 36px; background-position: 15px 0; background-repeat: no-repeat; background-color: #fff;}

div a#beeldgeluid	{ height: 60px; background-image: url(../i/logo/bg.gif); background-position: 7px -59px; background-repeat: no-repeat; } 
div a#beeldgeluid:hover	{ height: 60px; background-position: 7px 0; background-repeat: no-repeat; background-color: #fff;}

div a#philips		{ height: 36px; background-image: url(../i/logo/philips.gif); background-position: 35px -37px; background-repeat: no-repeat; } 
div a#philips:hover	{ height: 36px; background-position: 35px 0; background-repeat: no-repeat; background-color: #fff;}


div#highlights		{ text-align: center; }
div#highlights a	{ margin-top: 4px; display: block; width: 100px; }

div a#rijks	 	{ height: 75px; background-image: url(../i/highlights/rijks.jpg); background-position: 13px -85px; background-repeat: no-repeat; } 
div a#rijks:hover	{ height: 75px; background-position: 13px 0; background-repeat: no-repeat; background-color: #fff;}

div a#gogh	 	{ height: 75px; background-image: url(../i/highlights/gogh.jpg); background-position: 13px -85px; background-repeat: no-repeat; } 
div a#gogh:hover	{ height: 75px; background-position: 13px 0; background-repeat: no-repeat; background-color: #fff;}

div a#stedelijk	 	{ height: 75px; background-image: url(../i/highlights/stedelijk.jpg); background-position: 13px -85px; background-repeat: no-repeat; } 
div a#stedelijk:hover	{ height: 75px; background-position: 13px 0; background-repeat: no-repeat; background-color: #fff;}

div a#hortus	 	{ height: 75px; background-image: url(../i/highlights/hortus.jpg); background-position: 13px -85px; background-repeat: no-repeat; } 
div a#hortus:hover	{ height: 75px; background-position: 13px 0; background-repeat: no-repeat; background-color: #fff;}

div a#canal	 	{ height: 75px; background-image: url(../i/highlights/canal.jpg); background-position: 13px -85px; background-repeat: no-repeat; } 
div a#canal:hover	{ height: 75px; background-position: 13px 0; background-repeat: no-repeat; background-color: #fff;}

.alt { display: none; }

.cmd { font-family: monospace;
       font-size: 1.3em;       
     }

pre {
	white-space: pre;
	font-family: monospace;
       	font-size: 1em;       
}

div.accepted {
   margin-bottom: 1em; 
}

.footer {
   text-align: center;
   font-size: 11px; 
   color: #fff; 
   font-weight: bold; 
   border-top: #ccc 3px solid;  width: 100%;
   border-bottom: #f00 3px solid;  width: 100%;
   background-color: #f00; 
}


#programcontainer
{
   margin: 0;
   padding: 0;
}

ul#programlist
{
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #f00;
margin: 0;
}

ul#programlist li
{
float: left;
height: 21px;
background-color: #f00;
margin: 2px 2px 0 2px;
border: 1px solid #f00;
}

ul#programlist li#active
{
border-bottom: 1px solid #fff;
background-color: #fff;
}

li#active a { color: #f00; }

#programlist a
{
float: left;
display: block;
color: #fff;
text-decoration: none;
padding: 4px;
}

#programlist a:hover
{
float: left;
display: block;
color: #ccc;
background-color: #fff;
text-decoration: none;
padding: 4px;
}