bgneal@26: body { 
bgneal@26:    font-family: arial, helvetica, sans-serif;
bgneal@26:    color: #EF7D21;
bgneal@26:    background-color: #213442;
bgneal@26:    font-size: 1.0em;
bgneal@26: }
bgneal@26: 
bgneal@26: .centered { text-align: center; }
bgneal@26: 
bgneal@26: a:link {
bgneal@26:    color:  #6B969C;
bgneal@26:    text-decoration: none;
bgneal@26: }
bgneal@26: 
bgneal@26: a:visited {
bgneal@26:    color:  #6B969C;
bgneal@26:    text-decoration: none;
bgneal@26: }
bgneal@26: 
bgneal@26: a:hover { 
bgneal@26:    text-decoration: underline;
bgneal@26: }
bgneal@26: 
bgneal@26: h1, h3 {
bgneal@26:    color: #EF7D21;
bgneal@26: }
bgneal@26: 
bgneal@26: h1 {
bgneal@26:    font: italic 32px georgia, 'times new roman', sans-serif;
bgneal@26:    margin: 0px;
bgneal@26:    padding: 0 0 10px 0;
bgneal@26: }
bgneal@26: 
bgneal@26: .headline1 {
bgneal@26:    font: italic 32px georgia, 'times new roman', sans-serif;
bgneal@26:    margin: 0px;
bgneal@26:    padding: 0 0 10px 0;
bgneal@26: }
bgneal@26: 
bgneal@26: h2 {
bgneal@26:    font: italic 20px verdana, tahoma, arial, sans-serif;
bgneal@26:    padding-top: 5px;
bgneal@47:    margin-top: 1.5em;
bgneal@26:    color:  #6B969C;
bgneal@26:    border-top: solid 1px #6B969C;
bgneal@26: }
bgneal@26: 
bgneal@26: div.madeira-photo-list {
bgneal@26:    margin: 2em;
bgneal@26:    text-align: center;
bgneal@26: }
bgneal@26: 
bgneal@26: div.madeira-photo-list img {
bgneal@26:    border: thin dotted #6B969C;
bgneal@26:    padding: 2px;
bgneal@26:    margin: 5px;
bgneal@26: }
bgneal@26: 
bgneal@26: a.img-link:link    { text-decoration: none; background-color: transparent; }
bgneal@26: a.img-link:visited { text-decoration: none; background-color: transparent; }
bgneal@26: a.img-link:hover   { text-decoration: none; background-color: transparent; }
bgneal@26: 
bgneal@26: .header {
bgneal@26:    margin-top: 10px;
bgneal@26:    margin-left: 5px;
bgneal@26: }
bgneal@26: 
bgneal@26: .photobkgnd {
bgneal@26:    margin: 3em;
bgneal@26:    z-index: 3;
bgneal@26:    background-color: #888888;
bgneal@26:    padding: 5px;
bgneal@26: }
bgneal@26: 
bgneal@26: .newsflash {
bgneal@26:    margin: 20px 1em;
bgneal@26:    border: 3px solid #6B969C;
bgneal@26:    padding: 5px;
bgneal@26:    background-color: #2e414f;
bgneal@26:    color: #EF7D21;
bgneal@26: }
bgneal@26: 
bgneal@26: /* 
bgneal@26: ** f'in IE doesn't seem to honor my padding and the float doesn't work.
bgneal@26: ** solution: make an invisible border...lame. 
bgneal@26: ** It's fine in Firefox.
bgneal@26: */
bgneal@26: .floatLeftBox {
bgneal@26:    /* padding: 0 1em 1em 0;  I wish I could just use this */
bgneal@26:    float: left;
bgneal@26:    border-right: 0.5em solid #213442;
bgneal@26:    border-bottom: 0.5em solid #213442;
bgneal@26: }
bgneal@26: 
bgneal@26: .clearMe {
bgneal@26:    clear: left;
bgneal@26: }
bgneal@26: 
bgneal@26: .cdCoverFloatList {
bgneal@26:    margin-left: 260px;
bgneal@26:    text-align: left;
bgneal@26: }
bgneal@26: 
bgneal@26: /* For internal links (within the same page) */
bgneal@26: .intLink {
bgneal@26:    margin-top: 2em;
bgneal@26:    font-size: small;
bgneal@26: }
bgneal@26: 
bgneal@26: label.normal {
bgneal@26:    width: 9em;
bgneal@26:    float: left;
bgneal@26:    text-align: right;
bgneal@26:    margin: 0 1em 10px 0;
bgneal@26:    clear: both;
bgneal@26:    font-weight: bold;
bgneal@26: }
bgneal@26: 
bgneal@26: .form-box {
bgneal@26:    color: black;
bgneal@26:    background: #ccc;
bgneal@26:    border-top: black solid 2px;
bgneal@26:    border-left: black solid 2px;
bgneal@26:    border-bottom: #eee solid 2px;
bgneal@26:    border-right: #eee solid 2px;
bgneal@26:    margin-bottom: 5px;
bgneal@26: }
bgneal@26: 
bgneal@26: .form-radio {
bgneal@26:    margin-left: 10em;
bgneal@26: }
bgneal@26: 
bgneal@26: .form-comment {
bgneal@26:    font-style: italic;
bgneal@26:    font-size: x-small;
bgneal@26:    margin-left: 10em;
bgneal@26:    margin-bottom: 10px;
bgneal@26: }
bgneal@26: 
bgneal@26: .submit-button {
bgneal@26:    color: black;
bgneal@26:    background: #6B969C;
bgneal@26:    border: 2px outset;
bgneal@26:    padding: 3px;
bgneal@26: }
bgneal@26: 
bgneal@26: table.input-form th {
bgneal@26:    vertical-align: top;
bgneal@26: }
bgneal@26: 
bgneal@26: ul.errorlist {
bgneal@26:    margin: 0 0 0 1em;
bgneal@26:    padding: 2px;
bgneal@26: }
bgneal@26: .errorlist li {
bgneal@26:    color: red;
bgneal@26: }
bgneal@26: 
bgneal@26: fieldset {
bgneal@26:    border: 1px solid teal;
bgneal@26:    margin-top: 2em;
bgneal@26: }
bgneal@26: 
bgneal@26: legend {
bgneal@26:    background: #6B969C;
bgneal@26:    color: black;
bgneal@26:    border: 1px solid black;
bgneal@26:    padding: 2px 12px 2px 12px;
bgneal@26: }
bgneal@26: 
bgneal@26: #footer {
bgneal@26:    clear: both;
bgneal@26:    list-style-type: none;
bgneal@26:    margin-top: 30px;
bgneal@26:    padding-top: 1em;
bgneal@26:    border-top: solid 1px #6B969C;
bgneal@26:    font-size: small;
bgneal@26:    font-style: italic;
bgneal@26:    text-align: right;
bgneal@26: }
bgneal@26: 
bgneal@26: #navleft ul {
bgneal@26:    margin: 0 0 0 0;
bgneal@26:    padding: 0 0 0 0;
bgneal@26:    font: 12px verdana, tahoma, arial, sans-serif;
bgneal@26:    font: bold 15px georgia, 'times new roman', sans-serif;
bgneal@26:    list-style-type: none;
bgneal@26:    display: inline;
bgneal@26: }
bgneal@26: 
bgneal@26: #navleft li {
bgneal@26:    margin: 0px 0 0;
bgneal@26:    display: inline;
bgneal@26: }
bgneal@26: 
bgneal@26: #navleft a {
bgneal@26:    display: block;
bgneal@26:    padding: 2px 2px 2px 10px;
bgneal@26:    border: 1px solid #000000;
bgneal@26:    background:  #6B969C;
bgneal@26:    color: #EF7D21;
bgneal@26:    text-decoration: none;
bgneal@26: }
bgneal@26: 
bgneal@26: #navleft a:link, #navleft a:active, #navleft a:visited {
bgneal@26:    color: #213442;
bgneal@26: }
bgneal@26: 
bgneal@26: #navleft a:hover {
bgneal@26:    border: 1px solid #000000;
bgneal@26:    background: #213442 url(../images/brick.gif);
bgneal@26:    color: #213442;
bgneal@26: }
bgneal@26: 
bgneal@26: div.article-source {
bgneal@26:    font-style: italic;
bgneal@26:    padding-bottom: 2px;
bgneal@26:    margin-bottom: 5px;
bgneal@26: }
bgneal@26: 
bgneal@26: div.center-block {
bgneal@26:    margin: 10px 30px 10px 30px;
bgneal@26:    border: 1px solid #6B969C;
bgneal@26:    padding: 3px;
bgneal@26: }
bgneal@26: 
bgneal@26: div.center-block h2 {
bgneal@26:    font: italic 20px verdana, tahoma, arial, sans-serif;
bgneal@26:    padding-top: 1px;
bgneal@26:    margin-top: 1px;
bgneal@26:    color:  #6B969C;
bgneal@26:    border-top: none;
bgneal@26:    text-align: center;
bgneal@26: }
bgneal@26: 
bgneal@26: div.thumb-box {
bgneal@26:    margin: 20px 1em;
bgneal@26:    border: 3px solid #6B969C;
bgneal@26:    padding: 5px;
bgneal@26:    background-color: #2e414f;
bgneal@26:    color: #EF7D21;
bgneal@26: }
bgneal@26: 
bgneal@26: div.thumb-box img {
bgneal@26:    border: thin dotted #6B969C;
bgneal@26:    padding: 2px;
bgneal@26:    margin: 5px;
bgneal@26: }
bgneal@26: 
bgneal@26: div.thumb-box h2 {
bgneal@26:    font: italic 20px verdana, tahoma, arial, sans-serif;
bgneal@26:    padding-top: 1px;
bgneal@26:    margin-top: 1px;
bgneal@26:    color:  #6B969C;
bgneal@26:    border-top: none;
bgneal@26:    text-align: center;
bgneal@26: }
bgneal@26: 
bgneal@26: table {width:auto;}
bgneal@26: 
bgneal@26: table.flyers { width: 100% }
bgneal@26: 
bgneal@26: table.image-table {
bgneal@26:    display: inline;
bgneal@26:    margin: 0 5px 20px 0;
bgneal@26: }
bgneal@26: 
bgneal@26: table.image-table caption {
bgneal@26:    font-size: x-small;
bgneal@26:    caption-side: top;
bgneal@26:    text-align: center;
bgneal@26:    background-color: #213442;
bgneal@26: }
bgneal@26: 
bgneal@26: #slideshow {
bgneal@26:    width: 600px;
bgneal@26:    height: 200px;
bgneal@26: }