html * {margin: 0; padding: 0; font-family: Arial, Helvetica, Verdana, sans-serif;}
.noShow {display: none;}
.clearing {clear: both;}
.fakeButton {background: #5886c5 url('/images/fake_button_background.png') repeat-x bottom left; margin: .5em 0; width: 20em;}
.fakeButton a {color: #fff; font-weight: bold; text-decoration: none; padding: 0 0 0 1em; display: block;}
html {font-size: 13px; line-height: 2em; background: #c6beac url('/images/background.gif') repeat-y top center;}
body {height: 100%;}
#header, #navigation, #contentWrapper, #footer {clear: both;}
#container {width: 732px; text-align: left; margin: 0 auto; background: #0e0a01; position: relative;}
html > body {background: transparent url('/images/top_gradient.png') repeat-x top center;}
fieldset {border: none;}
a {color: #fff; text-decoration: none;}

#header {background: #fff url('/images/flag.jpg') no-repeat top right; float: left; width: 100%; height: 102px;}
#header h1 {display: none;}
#header .logo {background: transparent url('/images/header.png') no-repeat top left; height: 20px;}
#header .ega, #header .wrapper {display: block; float: left;}
#header .ega {padding: 10px 20px;}
#header .wrapper {width: 500px; padding-top: 12px;}
#header .companyDescription {color: #646345; font-size: 1em;}
#header .deployment {color: #980000; font-size: 1.125em; text-transform: uppercase; letter-spacing: 1px; padding-top: 11px;}

#navigation {background: #fff; float: left; width: 100%;}
#navigation li {list-style-type: none; float: left;}
#navigation li a {text-align: center; background: #d6d5cf; color: #393832; display: block; float: left; text-decoration: none; text-transform: uppercase; font-weight: bold; padding: 0.75em 0 0.5em 0; border-bottom: 4px solid #fff;}
#navigation li.home a {width: 140px;}
#navigation li.heroes a {width: 182px;}
#navigation li.about a {width: 244px;}
#navigation li.donate a {width: 154px;}
#navigation li.home, #navigation li.heroes, #navigation li.about {padding-right: 4px;}
#home #navigation li.home a, #heroes #navigation li.heroes a, #about #navigation li.about a, #donate #navigation li.donate a {border-bottom: 4px solid #070722; background: #070722; color: #fff; cursor: default;}
#navigation li a:hover {background: #344275; color: #fff;}
#contentWrapper {clear: both; width: 732px;}
#footer {color: #a5997f; text-align: center; background: transparent url('/images/footer_gradient.jpg') no-repeat top center; height: 112px; padding-top: 30px; padding-bottom: 15px;}
#footer .subFooter {margin: 1em 0 0 0;}
#footer .subFooter p {font-size: .85em; line-height: 1.5em;}

body#home #content {width: 732px; padding: 0; border-top: none; margin-bottom: 0;}
body#home #extraContent {display: none;}
body#home #content p {padding: 0;}

.subContent p {font-family: Georgia, Times, serif;}
.subContent h3 {color: #fff; font-size: 1.75em; padding: 0 12px 15px; float: left;}
.subHeader {background: #161639 url('/images/subheader_top.png') no-repeat top center; width: 100%; float: left; padding-top: 18px;}
.subContent {background: transparent url('/images/subheader_main.png') repeat-y top center; color: #b1cbff; float: left; width: 100%; border-bottom: 1px solid #000;}
#donateForm {position: absolute; right: 0;}
#home #donateForm {position: static; float: left;}

#content {width: 452px; background: #4e4c3f; color: #d5d1b9; padding: 20px; clear: both; clear: both;}
#extraContent {width: 239px; height: 500px; border-right: 1px solid #322f26; background: transparent url('/images/sidebar.png') repeat-y top left;}
#content, #extraContent {float: right; border-top: 1px solid #6b6757;}
#content p {padding-bottom: 1.25em; line-height: 1.625em;}
#content * {font-family: Georgia, Times, serif;}
#content a {color: #fff;}

#content, #extraContent {padding-bottom: 32767px; margin-bottom: -32767px;}
#contentWrapper {overflow: hidden;}

.rememberingOurBrothers h3 {padding: 0 0 5px 0; float: none;}
.rememberingOurBrothers .memorialSketch, .rememberingOurBrothers .information {float: left;}
.rememberingOurBrothers .memorialSketch {padding: 30px 15px 0 20px;}
.rememberingOurBrothers .information {width: 405px; padding: 0 10px 10px 10px; line-height: 1.8em;}
.information .fakeButton {margin: 9px 0 3px 0; width: 18.5em;}

#heroList {border-top: 1px solid #6b6757; background: #4e4c3f; float: left; width: 100%;}
#heroList h3 {display: none;}
#heroList .header {background: transparent url('/images/heroes_header.gif') no-repeat bottom center; height: 68px;}
#heroList ul {float: left; padding-left: 3px;}
#heroList ul li {width: 127px; padding: 0 9px; float: left; list-style-type: none;}
.photo {width: 115px; border: 6px solid #d7d4c0; height: 151px;}
.photo img {border: none;}

#heroList li a .meta {background: transparent; background-image: none; height: 12em; padding-top: 1em;}
#heroList li a:link {color: #d5d1b9; text-decoration: none;}
#heroList li a:visited {color: #d5d1b9; text-decoration: none;}
#heroList li a .photo {border: 6px solid #d7d4c0;}
#heroList li a:hover .photo {border: 6px solid #fff;}
#heroList li a:hover .meta {background: transparent url('/images/photo_highlight.png') repeat-x top left; height: 12em; }
#heroList ul li a p {font-family: Georgia, Times, serif; text-align: center; line-height: 1.5em;}
#heroList li a span {display: block;}
#heroList li a span.noShow {display: none;}
.rank {display: block;color: #ffc000; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 0.9em;}
.rank * {font-family: Arial, Helvetica, Verdana, sans-serif;}
.name {padding: 0 0 0.5em 0; color: #fff; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold;}
.dob, .dod {text-transform: uppercase;}
#heroList li a span p.dash {line-height: 3px; padding-top: 2px;}

#content .name, #content .rank, #content .rank sup {font-family: Arial, Helvetica, Verdana, sans-serif;}
#content .marine p.name {font-size: 2em; padding: 90px 0 0 2px; line-height: 1em; width: 310px;}
.marine .rank {font-size: .625em;}
.marine .photo, .marine .name, .marine .dates {float: left;}
.marine .photo {margin: 0 1em 0 0;}
.secondaryNavigation {position: absolute; width: 239px;}
.secondaryNavigation ul li {list-style-type: none;}
.secondaryNavigation ul li a {display: block; color: #fff; font-weight: bold; text-decoration: none; padding: .5em 26px; border-top: 1px solid #535246; border-bottom: 1px solid #343229;}
.secondaryNavigation ul li a:hover {background: #37352a;}
.secondaryNavigation ul li.first {padding-top: 1em;}
.secondaryNavigation ul li.first a {border-top: none;}
.secondaryNavigation ul li.active {background: #4e4c3f; border-right: 1px solid #4e4c3f; width: 239px;}
.secondaryNavigation ul li.active a {color: #d5d1b9;}
.secondaryNavigation ul li.active a:hover {background: #4e4c3f; cursor: default;}

.set label, .set .field, .set {float: left;}
.set {clear: left; padding: .5em 0;}
.set label {width: 10em; text-align: right; padding-right: 1em;}
.submit {margin: 0 1em;}

#navigation li a {text-shadow: #fff 2px 2px;}
#home #navigation li.home a, #heroes #navigation li.heroes a, #about #navigation li.about a, #donate #navigation li.donate a {text-shadow: #fff 0 0;}
#navigation li a:hover, .heroesNavigation li a {text-shadow: #222 2px 2px;}
#heroes .marine .name {text-shadow: #222 .125em .125em;}

#header * {behavior: url('/javascripts/iepngfix.htc');}
img {behavior: url('/javascripts/iepngfix.htc');}