html { min-width: 820px; max-width: 1280px; background: #ccc; }
body, textarea, input, select { font: 75%/1.3 arial, helvetica, sans-serif; color: #333; margin: 0; padding: 0; border-collapse: collapse; }
p, td, input, select, textarea { font-size: 1em; }
h1 { font-size: 1.5em; margin-top: 0; }
h2 { font-size: 1em; }
form h2 { padding-top: 1em; }
a { color: #039; }
a:visited { color: #609; }
a:hover { text-decoration: underline; }
img { border: none; }
img.inherent { padding-right: 1em; }
ul { margin-left: 0; padding-left: 1.3em; }
th { text-align: left; }
noscript, *.alert, *.error { color: #f03; font-weight: bold; }
*.alert { border: 1px solid #f03; padding: .5em; }
*.alert-i { border: 1px solid #777; padding: .5em; }
strong { color: #777; }
*.strong { font-weight: bold; }
*.nobr { white-space: nowrap; }
*.smaller { font-size: .85em; }
*.small { font-size: .75em; color: #777; }
*.em { font-style: italic; }
*.clear { clear: left; padding: .5em; }
*.filler { height: 1em; }
*.oclock { padding-right: .5em; }
div.ill { margin: .5em 0; }
div.ill1 { float: left; padding: .5em 2em 0 0; }
div.ill2 { float: left; padding: .5em 0 0 0; }

div#main { width: 90%; background: #fff; margin-left: auto; margin-right: auto; margin-top: 1%; margin-bottom: 1%; border: 1px solid #ccc; }

/* horizontal menu */
div#header { text-align: center; }
table#menu { width: 100%; margin-left: auto; margin-right: auto; text-align: center; }
table#menu td { padding-left: .5em; padding-right: .5em; white-space: nowrap; font-size: .9em; color: #999; background: #eee; height: 2em; background-image: url('../images/bgheading.png'); background-repeat: repeat-x; background-position: top left; color: #999; border-left: 1px solid #eae8e6; }
table#menu td a { color: #999; text-decoration: none; }
table#menu td a:hover { color: #039; text-decoration: underline; }

/* former porvoo conferences menu */
table#menu0 { width: 100%; margin-left: auto; margin-right: auto; text-align: center; }
table#menu0 td { padding-left: .5em; padding-right: .5em; padding-top: .1em; white-space: nowrap; font-size: .9em; background: #999; height: 2em; background-image: url('../images/bgheading.png'); background-repeat: repeat-x; background-position: top left; color: #999; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; }
table#menu0 td a { color: #777; text-decoration: none; }
table#menu0 td a:hover { color: #039; text-decoration: underline; }
table#menu0 td a:active { color: #039; text-decoration: underline; }

/* image.htmlf */
div#printtxt { display: none; }

div#content { margin: 0 22px 0 0; clear: left; background: #fff; padding-top: 3em; }

/* main column */
div#content div#col1 { float: left; width: 70%; padding-bottom: 1em; }

/* menu column */
div#content div#col2 { float: left; width: 15em; }
			
/* vertical menu */
div.menu { font-size: 1em; height: 200%; padding: .5em; border-top: 1px solid #ddd; width: 80%; }
div.menu a { color: #333; text-decoration: none; }
div.menu a:visited { color: #333; }
div.menu a:hover { color: #039; background: #eee; }
div.menu a:active { color: #039; background: #eee; }
*.sub { margin-left: 1em; border-top: none!important; }
*.bottomborder { border-bottom: 1px solid #ddd; }

/* form in registration.html */
div.form { margin: 1em 0; }
*.form label { width: 20em; float: left; }
*.form label input { margin-right: .5em; }
*.form textarea { width: 20em; height: 10em; }
*.required { color: #f03; }
*.form a { text-decoration: none; }
input.button { width: 8em; }
fieldset { padding: .5em; }

/* table in participants.html */
table.participants { border-collapse: collapse; }
table.participants th { padding-bottom: .5em; }
table.participants th, table.participants td { vertical-align: top; }
table.participants th, table.participants td { padding-right: 2em; padding-bottom: .3em; }

/* sponsors.htmlf */
div#zponsors { clear: left; margin-left: 15em; border-top: 1px solid #ddd; }
div#zponsors2 { clear: left; margin-left: 15em; padding-top: 2em; }
div#zponsors img, div#zponsors2 img { padding-right: 2em; }
div#contact { clear: left; margin-left: 15em; border-top: 1px solid #ddd; }

/* color */
/* #333; dark grey */
/* #777; grey strong */
/* #999; medium grey */
/* #ddd; light grey  */
/* #eee; lighter grey  */
/* #039; blue */
/* #609; violet */
/* #f03; red  */