* {margin: 0; padding: 0;}

html {color: #000000; font-size: 100%; height: 100%;}
 
body {font: .84em/1.3em Arial, Verdana, 'Lucida Grande', Geneva, Lucida, Helvetica, sans-serif;
 height: 100%; background: #FFF; behavior:url("csshover.htc");}
 
#wrapper {position: absolute; top: 0; left: 0}

html, body, #wrapper {min-height: 100%; width: 100%;height: 100%;}

html>body, html>body #wrapper {height: auto;} 
 
ul {list-style: none;}

a {text-decoration: none;}
a img {border: none;}
a:link, a:visited {color: #0000FF;}
html body a:hover {color: #40668B; background-color: #D7E4EC;}

#navbar {text-align: center; background: #D7E4EC; border-top: 1px solid #D7E4EC; 
 border-bottom: 1px solid #40668B;padding: 0.5em 0;}
 
#navbar li {display: inline; padding: 0 1.5em;}

#navbar li a {text-transform: uppercase; color: #40668B; font-size: 1.2em; font-weight: bold;}
  .about #navbar #about a,
  .projects #navbar #projects a,
  .resources #navbar #resources a,
  .articles #navbar #articles a,
  .gallery #navbar #gallery a,
  .mailinglist #navbar #mailinglist a {color: #000099;}

#navbar a:hover,	
  .about #navbar #about a:hover,
  .projects #navbar #projects a:hover,
  .resources #navbar #resources a:hover,
  .articles #navbar #articles a:hover,
  .gallery #navbar #gallery a:hover,
  .mailinglist #navbar #mailinglist a:hover {color: #0000FF;}

p {margin:0 0 1em 0;}
blockquote {display:block;margin:1em;}
	
table {margin: 0; border: 0; cellspacing: 0; cellpadding: 0;}
td {vertical-align: top; padding-top: 5px;}
td.l,td.r {width: 25%;}
td.s, .wide {width: 100%;}
.narrow, table.g {width: 70%; margin: 0 auto;}
td.l,td.m,td.s {padding-left: 5px;}
td.r,td.m,td.s {padding-right: 5px;}
td.m {width: 50%;}
tr.f,tr.s {text-align: center; height: 1.6em;}
table.f {border-top: 1px solid #40668B; margin-top: 5px; background-color: #D7E4EC;}
#footer {position: absolute; bottom: 0; width: 100%;}
table.mn {margin-bottom: 1em;}
table.g img {border: 1px solid #FFF;}
table.g img:hover {border: 1px solid purple;}
table.g td.g {padding-left: 5px;}
table.g td {padding-top: 25px;}
table.tbla td {padding: 0 6px;}
table.tblb td {padding: 3px 6px;}
table.tp td, table.tp th {padding-right:1.5em;}

table.tbl {border-color: #996633; border-width: 0 0 1px 1px; border-style: solid; border-spacing: 0; border-collapse: collapse;}
table.tbl td {border-color: #996633; border-width: 1px 1px 0 0; border-style: solid; margin: 0; padding: 4px; background-color: #FFFFCC;}

.h {font-size: 1.4em; font-weight: bold;}
.h2 {font-size: 1.6em; font-weight: bold;}
.p {color: purple;}
.t {font-size: 1.2em;}
.ind {margin-left: 12px;}
.gr {color: #003300;}
.text-center {text-align: center;}
.box {background: #FFFFCC; border: 1px solid #996633; padding: 5px; margin: 5px;}
.narrow-box {background: #FFFFCC; border: 1px solid #996633; padding: 5px; width: 70%; margin: 0 auto;}
.narrow .box {margin: 0;}
.hl {background: #FFFFCC;}
.ru {border-bottom: 1px solid red;}
.yellow {background: #FFFF00;}
.green {background: #00FF00;}
.cyan {background: #00FFFF;}
.m-top-2 {margin-top: 2em;}
.image-right {float: right; margin-left: 1em; margin-bottom: 0.5em; text-align: center; background-color: #eeeeee;}
.image-left {float: left; margin-right: 1em; margin-bottom: 0.5em; text-align: center; background-color: #eeeeee;}
.caption {margin: 0.5em 0;}
img.img-small {max-width: 200px; max-height: 200px;}
.clear {clear: both;}

td.l ul {font-weight: bold;}
td.l li ul {color: #40668B;}
td.l li li {color: #000; font-weight: normal;}

tr.tspace > td {padding-top: 2em;}

ul.a {list-style-type: disc; margin: 10px 0;}
ul.a li {padding: 5px 0; margin: 0 10%;}

ul.bl {padding-top: 5px; margin: 0 5px;}
ul.bl li {padding: 5px;}
ul.bl li li {margin: 0 5px; font-style: italic;}
ul.bl li.hl {background-color: #FFFFCC;}

#kaelter {margin: 5px;}

#amsterdam .it {padding: .5em 0 1em 0;}
#amsterdam #deeds td { padding-right: .5em; }