/* colors:
 * background: 						color:
 * 	black (default) 					white (default)
 *   	#2255BB (dark blue) 				black
 *   	#4477DD (medium blue)
 *   	#6699FF (light blue)
 *   	white with light opacity
 * 	none (inherit) 					#511F00 (link)
 * 											#2E1B1B (visited link)
 * 											#8C3600 (hover link)
*/


* { padding:0; margin:0; border:0; font-family: Verdana, Geneva, sans-serif; }

del{ margin-left:.25em; margin-right:.25em; }
.change{ color:red; }
.new{ color:red; }
.math{ font-family: CMSY10, CMEX10, Symbol, Times; font-style: normal; }
.sc{ font-variant: small-caps; }
section#local-transp{ padding-top:4ex; }
section#awards>section.level2>ul>li>ul{ list-style:none; margin:0; padding:0; }

h1, h2, h3, h4, h5{ background-color:none; text-align:left; margin-left:.25em; }
h2{ font-size:100%; }
h3{ font-size:100%; }

/* header design */
header{ z-index:99990; background:#6699FF; border-radius:0 0 .5em .5em; }
body header section{ background:none; border-radius:0; }
body header section h1{ background:none; margin-left:7em; border-radius:0; }

/* body design */
body{ position:static; background:black; overflow-x:visible; }
body section, body section p, body section section{ margin:.5em; padding:.5em 1em .5em .5em; text-align:justify; }
body section iframe{ height:20em; margin:1ex 1em; border:1pt solid black; border-radius:1ex; }
body section ul,body section ol{ margin:.5em 0; padding:.5em .5em .5em 1em; text-align:left; }
body section ul li p,body section ol li p{ margin:0; padding:0; }

body>section.level1>p, body section.level1>ul, body section.level1>ol, body section{ background:rgba(255,255,255,.2); border-radius:.5em; display:block; }
body>section.level1>ul, body>section.level1>ol{ margin:.5em; }
body>section.level1 span.center{ text-align:center; width:inherit; display:block; margin:.5em; padding:.5em 0;}

body>section.level1:nth-child(3n+2){ background: #2255BB; }
body>section.level1:nth-child(3n+1){ background: #6699FF; }
body>section.level1:nth-child(3n+0){ background: #4477DD; }

body section a{ color:#511F00; }
body section a:visited{ color:#2E1B1B; }
body section a:hover{ color:#8C3600; }

a[href=""]{ color:black; cursor:normal; text-decoration:none; pointer-events:none; }
a[href=""]:visited{ color:black; }
a[href=""]:hover{ color:black; }

body section p.logos-dark{ text-align:center; background:gray; background-color:rgba(0,0,0,.25); }
body section p.logos-light{ text-align:center; background:white; background-color:rgba(255,255,255,.5); }
body section p.logos{ text-align:center; background:none; }
body section p.logos-dark img, body section p.logos-light img, body section p.logos img{ max-height:8em; margin:0 2em; }
body section p.logos.smaller img, body section p.logos-dark.smaller img, body section p.logos-light.smaller img{ max-height:5em; }

body section section.level2 p>img{ width:100%; padding:0; margin:0; border:0; border-radius:.5em; }
body section#program section.level2 div.inline>ul{ margin:0; list-style:none; }
body section#program section.level2 div.inline>ul>li{ margin:2ex 0; }
p.center, div.center{ text-align:center; }
.highlight{ font-size:120%; }


body section .inline{ display:inline-block; vertical-align:middle; }
.third{ max-width:33%; margin-left:.5em; margin-right:.5em; padding-left:0; padding-right:0; }
.twothirds{ max-width:60%; margin-left:.5em; margin-right:.5em; padding-left:0; padding-right:0; }
div.twothirds>p{ margin-left:2em; }
.quarter{ max-width:25%; margin-left:0; margin-right:0; padding-left:0; padding-right:0; }
.threequarters{ max-width: 70%; margin-left:0; margin-right:0; padding-left:0; padding-right:0; }
body section div.address{ display:block; }
body section section iframe{ margin:1ex 0 0 0; }

body section#organizers>section#local-arrangements address>p{ margin:0; padding:0; }
body section#organizers>section#local-arrangements ul{ margin:0; padding:0; }
body section#organizers>section#local-arrangements ul>li{ list-style:none; }

/* fold */
input.fold { display:none; }
ins.labelfold, label.fold{
	text-decoration:none;
	display:inline-block;
	font-style:italic;
	font-size:100%;
	margin:1ex 2em;
	padding:0;
	padding:.25ex .25em;
	background-color:rgba(255,255,255,.2);
	border-radius:.5em;
}
label.fold{ cursor:pointer; }
span.fold{
	margin:0 1em;
	display:inline-block;
	height: 0;
	width: 0;
	-webkit-transition: transform 1s ease-in-out;
		-moz-transition: transform 1s ease-in-out;
		 -ms-transition: transform 1s ease-in-out;
		  -o-transition: trasnform 1s ease-in-out;
		     transition: transform 1s ease-in-out;
	border-style: solid;
	border-width: 10px 8px 0;
	border-color: #000000 transparent transparent transparent;
}
label.fold:hover { color:#8C3600; text-decoration:none; }
label.fold:hover>span.fold{ border-color: #8C3600 transparent transparent transparent; }
article.fold{
	display:none;
	margin:0 0 1ex;
	padding:.5ex .5em;
	background-color:rgba(255,255,255,.2);
	border-radius:.5em;
}
article.fold>p{ margin:1ex 0; }
article.fold>ol{ margin:.25ex 0 .25ex 1.5em; }
input.fold:checked ~article.fold { display:block; }
input.fold:checked +label.fold{
	margin-bottom:0;
	border-radius:.5em .5em 0 0;
	border-style: solid;
	border-width: 0 0 1pt 0;
	border-color: transparent transparent black transparent; 
}
input.fold:checked +label.fold>span.fold{
	-webkit-transform: rotateZ(180deg);
		-moz-transform: rotateZ(180deg);
		 -ms-transform: rotateZ(180deg);
		  -o-transform: rotateZ(180deg);
			  transform: rotateZ(180deg);
}

/**** tables ****/
table tr td, table tr th { margin:.1ex 1em; padding:.1ex 1em; text-align:center; }

/* footer design */
footer { color:white; background:black; }
footer section a{ color:#4477DD; }
footer section a:visited { color:#2255BB; }
footer section a:hover{ color:#6699FF; }
footer>section{ height:5em; vertical-align:middle; text-align:left; }
footer address{ margin:1em .5em; }

footer section>p>a>img{
	display:inline-block;
	vertical-align:middle;
	font-size:85%;
	text-decoration:none;
	color:white;
	position:relative;
	height:2.5em;
	border:0;
}

/* for accessibilty validation */
body>a, body>a:visited, body>a:hover, footer>a, footer>a:visited, footer>a:hover{ color:white; background:black; }