/* (c)2008 Dan Craft, Duck Soup Sites, all rights reserved */

/* ==============================  Common CSS  ============================== */

/* All "layout_" classes are attached to HTML elements added for layout purposes only.  [This indicates some of where the CSS approach isn't able to extricate all layout from structured content straightforwardly.] */

html {
    overflow-y:scroll;
        /* vertical scrollbar presence on some (shorter) pages but not others
            will, in wide-enough window, cause "jumping" on page switch in
            browsers which add vertical scrollbar on demand, e.g. Firefox; force
            scrollbar always to be present; note: "overflow:scroll" is in CSS2 
            (forcing both scrollbars); "overflow-y:scroll" (an IE-ism) has been
            proposed for CSS3, but already implemented by [at least] Firefox; a
            browser without it may simply have the page jump */     
}
body {
    background-image:url(../images/Stripes.gif);
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
}
img { 
    border-width:0; 
    display:block;
        /* for IE, remove text descender spacing below inline images;
            this may the tickle IE6 collapsing image margin bug, in which case 
            use vertical-align:bottom, ensuring parent's line-height is less 
            than image height */
}
table { 
    border-width:0; 
    border-collapse:collapse; 
        /* should be border-spacing:0 but IE6 doesn't support that */
    table-layout:fixed;
        /* we specify all widths for tables and their cols */
}
td, th { 
    padding:0; /* IE defaults padding to 1 */
}
a:link, a:visited {
    color:rgb(64,64,64)/*dark grey*/;
    text-decoration:none;
}
a:hover {
    color:rgb(22,102,134)/*slate blue*/;
    text-decoration:none;
}

.CenteredPage {
    margin:0 auto;
    width:858px; /*Page(840)+RShadow(18) =>900*/
    padding:30px 12px 12px 30px;
        /* 30 surround buffer, but already 18 shadow top & right */
}
.Page {
    width:838px /*=>840*/;
    background-color:rgb(250,250,255)/*bright white*/;
    border:1px solid black;
    z-index:1;
        /* establish a stacking context for the Page; nothing should go "behind" this; (without this, the background here can obscure contained elements with negative z-indexes and floats) */
}

.TopPanel {
    width:838px; height:146px;
    background:url(../images/TopPanelBG.gif);
}
.DSS {
    position:absolute; left:23px; top:15px;
}
.DSSLogo {
    position:absolute; left:689px; top:5px;
}
.Menu {
    position:absolute; left:59px; top:120px;
    font-size:12px; line-height:120%;
    font-weight:bold;
}
.Menu .Choice {
    float:left;
    width:118px /*=>120*/; height:18px /*=>26*/; padding:6px 0 0 0;
    background:url(../images/MenuTabBG.gif);
    border-top:   1px solid rgb(191,191,191)/*lt grey*/;
    border-right: 1px solid rgb(102,102,102)/*md grey*/;
    border-bottom:1px solid rgb(102,102,102)/*md grey*/;
    border-left:  1px solid rgb(191,191,191)/*lt grey*/;
    text-align:center;
}
.Menu .Selected {
    border-bottom:1px solid rgb(181,181,181)/*lt-ish grey*/;
}
.Menu .Selected a {
    color:rgb(22,102,134)/*slate blue*/;
}

.ContactBlurb {
    text-align:center;
    font-size:12px; line-height:120%;
    color:rgb(164,23,4)/*deep red*/;
}
.FlourishEnd {
    width:84px; height:21px; margin:18px 33px 18px 33px;
}
.FlourishSep {
    display:inline; vertical-align:bottom;
        /* display:block - a work-around for IE6 extra space below images - is 
            tickling the IE6 collapsing image margin bug, so use
            vertical-align work-around (requires image height >=
            parent's line-height) */
    width:24px; height:28px; margin:13px 63px 11px 63px;
}
.FlourishBottom {
    width:84px; height:21px; margin:18px 33px 18px 33px;
}
.Contact .Name {
    padding:2px 0 0 0;
    font-weight:bold;
}
.Contact .Name .Qualifications {
    font-weight:normal;
    font-size:11px;
}
.ThrowIn {
    width:112px; margin:0 auto/*center*/;
    font-style:italic;
    text-align:left;
}
.ThrowIn1 {
}
.ThrowIn2 {
    margin-left:15px;
}
.ThrowIn3 {
    margin-left:30px;
}
.Availability .Geography {
    font-weight:bold;
}

.Copyright {
    position:absolute; right:6px; bottom:4px;
    font-size:10px; line-height:120%;
    text-align:right;
    color:rgb(64,64,64)/*dk gray*/;
}
.layout_VStrut_Copyright {
    /* to ensure there is space for the Copyright (since absolute-positioned items don’t take up layout space) this empty box is float:right, clear:right; note that it won’t actually overlay Copyright unless the page is extended to accommodate it (long right column) */
    float:right; clear:right;
    width:124px; height:21px;
}
.layout_ClearFloats {
    clear:both;
}