/* highlight_image */ .highlight_image { position: static; right: 0; z-index: 1;} /* highlight_headline */ .highlight_headline { background-color: rgba(40,40,40,.85); height: 4.5em; width: 100%; margin-top:-10em;} #highlight_header { margin-left:1em; margin-right:1em; margin-top: 1em;} #highlight_header a { font-size: 1em; color: rgba(215,215,215,1);} .highlight_headline:hover a { text-decoration: underline;} /* highlight_abstract */ .highlight_abstract { background-color: rgba(40,40,40,.85); height: 5.5em; width: 100%; margin-top:-5.5em; z-index: -1;} #highlight_blurb { color:white; margin-left:1.2em; margin-right:1.2em; font-size: 1em; color: rgba(215,215,215,1);} /* small_banner */ .small_banner { position: relative; display: flex; flex-wrap: wrap; height: 18em; width: 100%;} .small_banner_top { position: relative; width: 100%; height: 1em; background-color: rgb(64, 126, 201); z-index: 1;} .small_banner_img { right: 100%; height: 18em; margin-top: 1em;} .small_banner_outer { background-color: rgba(215,215,215,.85); height: 17em; width: 40%; margin-top:0; z-index: 5;} /* small_banner_headline */ .small_banner_headline { height:2.6em;} .small_banner_headline:hover a { text-decoration: underline;} #small_banner_header { margin-left: 1em; margin-right: 1em; margin-top: 1em; font-size: 1.5em;} #small_banner_header a { color: rgba(40,40,40,1);} /* small_banner_blurb */ #small_banner_blurb { color:rgba(40,40,40,1); margin-left:1.2em; margin-right:1.2em; margin-top: 5em; font-size: 1em} .front_content { width: 100%; } div#highlight_container { position: relative; clear: both; margin-top: -5em; } div#other_highlights { clear: both; height: 66px; background-color: white; width: 992px; border: 4px solid #d9d9d9; border-radius: 16px; margin-bottom: 2px; padding-top: 2px; padding-bottom: 2px; } div#highlight img { height: 550px; border: 0px; /* to avoid a border around those that are links */ border-radius: 0px; margin-left: auto; margin-right: auto; } div#highlight a:hover img { height: 227px; border: 1px solid blue; } #other_highlights img { float: left; height: 64px; width: 64px; margin-left: 3px; border: 0px; /* to avoid a border around those that are links */ } #other_highlights a:hover img { height: 62px; width: 62px; border: 1px solid blue; } div#highlight_container { background-image: url('/my/images/front/sn_highlight_crop_grey_back_map.png'); background-size: cover; background-repeat: no-repeat; background-position: left top; height: 550px; width: 100%; margin-bottom: 2px; z-index: -10; } div#highlight_container div { float: right; } div#highlight_container div.blurb { float: none; background-color: #ccc; width: 170px; font-size: 11px; padding: 3px; color: #444; } div#other_highlights div { float: left; } div#other_highlights div.blurb { width: 249px; background-color: #ccc; height: 58px; margin-right: 3px; padding: 3px; font-size: 10px; color: #444; overflow: hidden; } div#press_releases { float: left; min-height: 170px; font-size: 9px; width: 392px; border: 4px solid #d9d9d9; border-radius: 16px; background-color: white; padding: 2px 0 1px 0; margin-bottom: 2px; } div#front_menu { float: left; min-height: 170px; width: 190px; font-size: 13px; border: 4px solid #d9d9d9; border-radius: 16px; background-color: white; margin-right: 2px; padding-bottom: 3px; } ul#menu_list { margin-top: 20px; } ul.front_page { margin: 0; padding: 0; list-style-type: none; margin: 10px; } ul.front_page li { margin: 0; padding: 0; margin-bottom: 3px; } ul.front_page a { margin: 0; padding: 0; color: #555; } ul.front_page a:hover { color: #ffbb00; } h1.front_page { margin: 0; padding: 0; text-align: center; font-size: 16px; } div#highlight_container table { margin-top: 10px; margin-right: 17px; }