body { background: #31446e; color: white; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; margin: 0; text-align: center; /* ugh - accomodates ie6 */ }
a { color: white; }
a:active, a:hover { outline: none; }
strong { font-weight: bold; }
em { font-style: italic; }
img, div { behavior: url(/stylesheets/iepngfix.htc); }

#topbar { background: #519fa3; font-size: 14px; height: 28px; width: 100%; } 
    #topbar p { _display: inline; margin: 0 auto; padding-top: 7px; text-align: right; width: 887px; } 
    #topbar a { font-weight: bold; text-decoration: none; } 
    #topbar a:hover { text-decoration: underline; }

#container { margin: auto; width: 887px; text-align: left; /* reset text-align from body because of ie6 */ } 

#title-area { margin: 18px auto 18px auto; width: 887px; } 
    #title-area strong { font-family: Caslon, Georgia, Times New Roman, serif; font-size: 48px; font-weight: bold; } 

#billboard { background: url(/images/shelby.jpg); margin: auto; height: 345px; width: 887px; } 
    #billboard p { font-size: 24px; line-height: 1.3em; padding: 15px 0 0 10px; margin: 20px 0 30px 20px; width: 410px; } 
    #start-button button { background: #f6da74; border: 3px solid white; color: #091569; cursor: pointer; font-size: 28px; font-style: italic; font-weight: bold; height: 76px; position: relative; top: 18px; left: 80px; width: 290px; } 

#content-cards { margin: 30px auto; height: 236px; width: 887px; } 
    #content-cards #one, #content-cards #two, #content-cards #three { float: left; height: 136px; width: 282px; } 
    #content-cards #one, #content-cards #two { margin-right: 20px; } 
    #content-cards #one { background: #f6da74; }
    #content-cards #two { background: #aa1101; }
    #content-cards #three { background: #091569; }
    #content-cards p.card-title { position: relative; font-size: 24px; font-style: italic; font-weight: bold; padding: 8px 0; text-align: center; width: 100%; } 
    #content-cards #one p.card-title { background: transparent url(/images/card1_top_bg.png) no-repeat top left; }
    #content-cards #one p.last-element { background: #f6da74 url(/images/card1_bottom_bg.png) no-repeat bottom left; }
    #content-cards #two p.card-title { background: transparent url(/images/card2_top_bg.png) no-repeat top left; }
    #content-cards #two p.last-element { background: #aa1101 url(/images/card2_bottom_bg.png) no-repeat bottom left; }
    #content-cards #three p.card-title { background: transparent url(/images/card3_top_bg.png) no-repeat top left; color: #091569; }
    #content-cards #three p.last-element { background: #091569 url(/images/card3_bottom_bg.png) no-repeat bottom left; }
    #content-cards p.last-element { *min-height: 200px; _min-height: 220px; *height: auto !important; *height: 200px; _height: 220px; }
    .card-text { font-size: 14px; line-height: 1.4em; padding: 10px; } 
    img.card-number { float: left; position: absolute; top: -4px; left: -20px; } 
    img.card-img { float: right; margin-left: 2px; } 

#footer { margin: auto; text-align: center; width: 887px; }
