gremmie@1: body { gremmie@1: background-color: #eee; gremmie@1: } gremmie@1: #page { gremmie@1: } gremmie@1: #header { gremmie@1: background-color: teal; gremmie@1: } gremmie@1: #header h1 { gremmie@1: border-bottom: 1px solid #ccc; gremmie@1: font: normal italic 1.5em/18px Georgia, serif; gremmie@1: margin-bottom: 11px; gremmie@1: color: #57FEFF; gremmie@1: margin-left: -108px; gremmie@1: padding: 15px 0 21px 108px; gremmie@1: } gremmie@1: #header p { gremmie@1: float: left; gremmie@1: padding: 60px 24px 24px 24px; gremmie@1: font-size: 1.5em; gremmie@1: line-height: 1em; gremmie@1: } gremmie@1: #header ul { gremmie@1: padding-top: 62px; gremmie@1: padding-right: 12px; gremmie@1: text-align: right; gremmie@1: list-style: none; gremmie@1: } gremmie@1: #header li { gremmie@1: display: inline; gremmie@1: margin: 0 12px; gremmie@1: } gremmie@1: #header li a { gremmie@1: font-size: 1.25em; gremmie@1: line-height: 1em; gremmie@1: text-decoration: none; gremmie@1: color: #57FEFF; gremmie@1: } gremmie@1: #header li a:hover { gremmie@1: color: #300; gremmie@1: } gremmie@1: #content-primary { gremmie@1: } gremmie@1: #content-secondary { gremmie@1: } gremmie@1: #footer { gremmie@1: height: 192px; gremmie@1: background: #333; gremmie@1: font-size: 10px; gremmie@1: line-height: 1em; gremmie@1: text-shadow: 1px 1px 1px #333; gremmie@1: color: #fff; gremmie@1: } gremmie@1: #footer p { bgneal@19: margin: 1em; gremmie@1: } bgneal@42: #footer a { bgneal@42: color: #0ff; bgneal@42: } gremmie@1: ul.app-menu { gremmie@1: text-align: center; gremmie@1: list-style: none; gremmie@1: } gremmie@1: ul.app-menu li { gremmie@1: display: inline; gremmie@1: border: 1px solid black; gremmie@1: padding: 3px 1em; gremmie@1: background-color: teal; gremmie@1: } gremmie@1: ul.app-menu li a { gremmie@1: text-decoration: none; gremmie@1: background-color: teal; gremmie@1: color: #111; gremmie@1: } gremmie@1: ul.app-menu li a:hover { gremmie@1: color: #fff; gremmie@1: } gremmie@1: div.side-block { gremmie@1: margin: 0 0 0.5em 0; gremmie@1: padding: 2px 2px; gremmie@1: width: 100%; gremmie@1: } gremmie@1: div.side-block-title { gremmie@1: margin: 0; gremmie@1: background-color: teal; gremmie@1: color: white; gremmie@1: font-weight: bold; gremmie@1: text-align: center; gremmie@1: } gremmie@1: div.side-block-content { gremmie@1: margin: 0; gremmie@1: border: 1px solid teal; gremmie@1: padding: 2px 2px; gremmie@1: } gremmie@1: iframe { gremmie@1: margin-bottom: 1em; gremmie@1: } gremmie@1: img { gremmie@1: border-style: none; gremmie@1: } gremmie@1: .breadcrumbs { gremmie@1: font-size: x-small; bgneal@13: padding-bottom: 0.5em; gremmie@1: } bgneal@5: table { bgneal@5: width: auto; bgneal@5: } bgneal@16: .errorlist { bgneal@16: background: #FBE3E4; bgneal@16: color: #8a1f11; bgneal@16: border-color: #FBC2C4; bgneal@16: border: 2px solid #ddd; bgneal@16: } bgneal@26: .app-logo { bgneal@26: text-align: center; bgneal@26: padding: 0.5em; bgneal@26: } bgneal@28: .bulletin { bgneal@28: text-align: center; bgneal@28: margin: 1em 1em; bgneal@28: padding: 1em 1em 0; bgneal@28: border: 1px solid black; bgneal@28: } bgneal@28: .bulletin h3 { bgneal@28: background-image: url(../icons/asterisk_orange.png); bgneal@28: background-position: center left; bgneal@28: background-repeat: no-repeat; bgneal@28: } bgneal@28: .bulletin .bulletin-meta { bgneal@28: font-size: x-small; bgneal@28: color: gray; bgneal@28: text-align: right; bgneal@28: } bgneal@29: ul.icon-list li { bgneal@29: list-style-type: none; bgneal@29: } bgneal@33: #slideshow { bgneal@33: position:relative; bgneal@33: left:15px; bgneal@33: height:240px; bgneal@33: } bgneal@33: #slideshow img { bgneal@33: position:absolute; bgneal@33: top:0; bgneal@33: left:0; bgneal@33: z-index:8; bgneal@33: opacity:0.0; bgneal@33: } bgneal@33: #slideshow img.active { bgneal@33: z-index:10; bgneal@33: opacity:1.0; bgneal@33: } bgneal@33: #slideshow img.last-active { bgneal@33: z-index:9; bgneal@33: }