body, td{  font-family: Verdana, sans-serif, Helvetica; font-size: 80% }
.error {color: red; }

a img {border: none }
a { text-decoration: none ; color: #a50;}
a:hover, a.active, .active a { color: #fd6900; }

dd {font-weight: bold }


#main {float: left;  padding-left: 80px; width: 1100px; /* background: #edefeb url(../images/shadow.gif) left repeat-y;*/; border-bottom: 10px solid #eee } 

#main-header { font-size: 20px; display: block; color: #eee; padding-left: 30px  }

#picture-list { padding-left: 15px; width: 80px; height: 530px; float: left; overflow: auto; background: #eee; align: center }
#picture-list a { display: block; float: left; width: 80px;}
div.project-list-box: { width: 600px;}
ul.project-list { list-style: none; margin: 0; padding: 0; float: left; background: #eee }
ul.project-list li { width: 200px; float: left; background: #eee }
ul.project-list li .project-title { display: block; width: 200px; background: #eee }
ul.project-list li { text-align: center;  padding: 10px; background: #eee }

h2 {color: #555; /*text-transform: uppercase;*/;font-size: 1.2em }

#center-wrapper { text-align: center; width: 100%; margin-top: 70px }
#login-header { display: none }
#center-wrapper h1 { margin: 0; padding: 0; font: 18px Helvetica, Verdana, Arial; color: #666; }
#box { background: url(../images/logo.gif) no-repeat 90px 10px; padding: 90px 30px 30px 30px; width: 400px; border: 1px solid #ddd;  margin: 0 auto; }
#main-picture {float: left; padding-left: 3px }

h2 {clear : both }

#nav {border-bottom: 10px solid #eee }
#nav a {padding-right: 10px; solid #eee }