.yellow { margin: 0; }
.yellow-content { width: 680px; }
.blue { margin: 10px 0;  }
.blue-content { width: 680px; }

h3 { color: #1980c0; font-size: 18px; line-height: 24px; font-weight: normal; margin: 15px 0 5px 0; }
h4 { color: #393939; font-size: 14px; line-height: 24px; font-weight: bold; margin: 10px 0 5px 0; text-transform: uppercase}
			
#project-info { position: relative; }
#project-info h4 { color:#000; font-size:18px; line-height: 24px; font-weight: normal; text-transform: none }
#project-info #project-map { float: right; border: 1px solid #36332f; margin: 5px 5px 0 10px; }
#project-info #project-footer	{ position: absolute; bottom: 20px; left: 0; width: 250px; }

#project-photos { float: left; width: 140px; padding-top: 5px; margin: 0 10px 0 0; }
#project-photos img { padding: 0 0 10px 0; }
#project-desc { float: left; width: 530px; }
#project-desc-wide { width: 670px; }

.clear-project-footer { height: 40px; background: none; }
.links {  }

.project-pages { width: 230px; height: 60px; float: left; }
.project-pages li { padding-right:10px; padding-bottom: 5px;}

#legend { float: left; width: 200px; margin-left: 10px;  font-size: 11px;}
#system-map { width: 432px; height: 394px; border:1px solid #d6bc6c; float: left;}
.zoom-in {  text-align: center; margin: 10px 0;  }
#keys { border: 1px solid #666; margin: 5px 0; background-color: #fde9aa; }
#keys td { padding: 5px 5px 5px 0; }
#keys td.key {  padding: 5px 0 5px 5px;  }