html, body {padding:0;margin:0;background-color:#333}

a {padding:.2em .4em}
a:link, a:visited {color:#b3eeff}
a:hover {text-decoration:none;color:#fff;border:1px solid #20677c;margin-left:-1px;margin-right:-1px;background-color:#009dca}

#container {font-family:Tahoma;color:#fff;background-color:#5c5c5c}

#top {text-align:right;width:43em;margin:0 auto;padding:0}
#top img {float:right;padding:0 0 0 1.5em}
#top h1 {padding:0;margin:0}
#top p {padding:0;margin:0}

#header {background-color:#007ca0;border-left:2em solid #00475c;border-right:2em solid #00475c}
#top {padding:1.5em 1em 0 1em}
#main-menu ul {list-style:none;margin:0 auto;padding:0;clear:both;padding:0 0 1em}
#main-menu li {display:inline;padding-right:1em}
#main-menu li.current a {text-decoration:none;color:#fff;border:1px solid #20677c;margin-left:-1px;margin-right:-1px;background-color:#009dca}
#main-menu li, #main-menu li a {font-weight:bold;color:#fff;text-decoration:none;font-size:1.1em}

#path {padding:0 1em 1em 1.4em}
#path ul {list-style:none;margin:0 auto;width:40em;padding:0;clear:both}
#path li {display:inline}
#path li, #path li a {font-weight:bold;color:#fff;text-decoration:none;font-size:.9em}

#content {padding:1em 1em 0 1em;border-left:2em solid #3a3a3a;border-right:2em solid #3a3a3a;min-height:30em}
#content h2, #content h3 {padding:0 0 .5em 0;margin:0}
#content h2 {font-size:1.5em}
#content h3 {font-size:1.25em}

#bottom {background-color:#333;padding:1em 1em 1.2em;border-left:2em solid #000;border-right:2em solid #000}
#copyright ul {list-style:none;margin:0;padding:0}
#copyright li {display:inline}

.project1 {float:left;width:50%}
.project2 {float:left;padding-left:50%;width:50%}
.project3, .project1, .project2 {padding:.5em 0 0 0}
.project3 .logo, .project1 .logo, .project2 .logo {float:left;padding-right:.5em}
.project1 .info, .project2 .info {}
.project3 .info p, .project1 .info p, .project2 .info p {padding:0 0 .4em 0;margin:0}
.project3 .info {clear:both}