#content { background-color: #e0e0ff; padding: 20px 10px; overflow: auto; } .module { background: url(http://www.mcor-nmra.org/Banners/Banner34.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: 28 20px; position: relative; overflow: hidden; width: 1024px; height: 256px; margin: 20px; } .module > header { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px 10px; background: inherit; background-attachment: fixed; overflow: hidden; } .module > header::before { content: ""; position: absolute; top: -20px; left: 0; width: 200%; height: 200%; background: inherit; background-attachment: fixed; -webkit-filter: blur(4px); filter: blur(4px); } .module > header::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25) } .module > header > h1 { margin: 0; color: white; position: relative; z-index: 1; text-align: center; } .module > header > h3 { margin: 0; color: white; position: relative; z-index: 1; text-align: center; } #tab-container { float: left; margin: 0px 0 0 0; width: 250px; } #tab-container ul { list-style: none; text-align: center; } #tab-container ul li { border-top: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 8px solid #666; background-color: #ddd; margin: 8px 0; } #tab-container ul li a, #tab-container ul li a:visited { text-decoration: none; color: #666; display: block; padding: 5px 5px; } #tab-container ul li:hover { border-left: 8px solid #333; } #tab-container ul li a:hover { color: #000; } #tab-container ul li.selected { border-right: none; background-color: #fff; border-left: 8px solid #0079c2; } #Region-second-level ul li { border-top: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 8px solid #666; background-color: #ddd; margin: -8px 0 8px 12px; width: 150px; } #AP-second-level ul li { border-top: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 8px solid #666; background-color: #ddd; margin: -8px 0 8px 12px; width: 150px; } #main-container { min-height: 700px; margin: 0 0 0 250px; padding: 20px; background-color: #fff; border: 1px solid #888; } #convention-container { min-height: 700px; margin: 0 0 0 0px; padding: 20px; background-color: #fff; border: 1px solid #888; } .title { display: block; unicode-bidi: embed; font-size: 1.17em; margin: .83em 0; font-weight: bolder; page-break-after: avoid; } .link { font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 12pt; } .Address { font-family: "Times New Roman", Times, serif; font-size: 10pt; text-transform: uppercase; } .Button { border: outset #FFFF00; font-family: "Times New Roman", Times, serif; font-size: 16px; font-weight: bolder; background-position: center center; text-align: center; color: #000000; background-color: #FFCC00; width: 118px; } .Headline { font-family: "Times New Roman", Times, serif; font-size: 36px; font-weight: bold; color: #FF0000; } .PageHeader { font-size: 1.5em; margin: .75em 0; font-weight: bolder; page-break-after: avoid; display: block; unicode-bidi: embed } .error { font-weight: bold; color: #990000; } .Email { font-size: 12pt; font-weight: bold; } .Greeting { font-size: 18px; font-weight: bolder; color: #990099; text-align: center; } #citation { margin-top: -20px; margin-left: 20px; }