body {
    color : #000000 ;
    background-color : #efefef ; /* Pale Gray */
    font-family : Optima, Arial, Helvetica, sans-serif ;
    margin: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-family : Arial, Helvetica, sans-serif ;
}
h3 {
    color: #009922; /* PhD Posters Accent Green */
}

/* Order that these appear in is important to Safari, apparently. */
a {    text-decoration : none ; }
a:link { color : #000099 ; }
a:visited { color : #000099 ; }
a:hover { text-decoration : underline ; color : #0000ff ; }
a:active { color : #0000ff ; }

img { border: none; background: transparent; }
img.layered_corner { position: absolute; z-index: 10; background: transparent; }
img.hairline { border: 1px solid #cccccc; }

/* Keeps forms from disrupting layout by adding bulk */
form {
    margin: 0;
    padding: 0;
}

/* A ~ zero-height element that keeps floating images from sticking out of enclosing divs! */
.floatbreak {
    clear: both;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1px;
    line-height: 1px;
}


#logo_header {
    background: url(logo_back.gif) repeat-x top left;
    margin: 0;
    height: 75px;
    position: relative; /* abosolutely positioned children are now relative to this */
}
#logo_header img {
    margin: 0;
    float: left; /* for CSS1 browsers */
    position: absolute; /* absolute, RELATIVE TO the enclosing element marked "relative" */
    left: 0;
    top: 0;
}
#logo_header div {
    color: #999999;
    margin: 0;
    padding: 0.2em 0.5em;
    text-align: right;
    position: absolute; /* absolute, RELATIVE TO the enclosing element marked "relative" */
    right: 0;
    bottom: 0;
}
#logo_header a {    text-decoration : none ; }
#logo_header a:link { color : #ffffff ; }
#logo_header a:visited { color : #ffffff ; }
#logo_header a:hover { text-decoration : underline ; color : #ffffff ; }
#logo_header a:active { color : #ffffff ; }


#nav_bar {
    background: #cccccc;
    margin: 0;
    padding: 3px 1.5em 2px 1.5em;
    font-size: smaller;
    border-bottom: 1px solid #999999;
}
#nav_bar a { text-decoration : none ; }
#nav_bar a:link { color : #666666 ; }
#nav_bar a:visited { color : #666666 ; }
#nav_bar a:hover { text-decoration : underline ; color : #333333 ; }
#nav_bar a:active { color : #333333 ; }


.chunk {
    background: #ffffff;
    margin: 1.5em 16px; /* Matches footer line */
    border: 1px solid #cccccc; /* Medium Gray Border */
}
.chunk h2 {
    color: #ffffff; /* White */
    /*color: #5a5ab3; /* PhD Posters Light Blue */
    /*color: #1a1a67; /* PhD Posters Dark Blue */
    background: url(logo_back.gif) repeat-x bottom left;
    /*background-color: #ffffff; /* White */
    /*background-color: #5a5ab3; /* PhD Posters Light Blue */
    /*background-color: #1a1a67; /* PhD Posters Dark Blue */
    margin: 0;
    /*padding: 0.1em 8px; /* Matches P width */
    padding: 0.2em 0.5em; /* Doesn't match P width, but that probably doesn't matter */
}
.chunk .hi { /* "inline" header */
    font-weight: bold;
}
.chunk img.side {
    margin: 0;
    float: right;
}
.chunk p {
    margin: 0.85em 8px; /* Matches H2 width */
}
.chunk .p_like {
    /*margin-left: 8px; /* Matches H2 width */
    /*margin-right: 8px; /* Matches H2 width */
    margin: 8px;
}
.chunk li {
    padding: 0.2em 0; /* a little space between bullet points */
}


.pagefooter {
    font-size: smaller;
    text-align: center;
    margin: 16px; /* Matches chunk width */
    /*border-top: 1px solid #cccccc; /* Medium Gray Border */
    padding-top: 0.5em;
}


/* Used for the * that marks mandatory form fields */
.mandatory {
    color: #990000;
}
/* Used for e.g. competitor's prices */
.strikethru {
    color: #666666;
    text-decoration: line-through;
}
.deemph {
    color: #808080;
}
/* Used for attributions in Testamonials, Gallery */
.attrib {
    color: #666666;
    text-align: center;
    font-size: smaller;
}
/* Used for "be patient" file upload msg in step1.php */
.alert {
    background: #ffff99;
    border: 1px solid #cccc33;
    padding: 0.5em;
}
/* Used for lower-key alerts -- "Did you know?" style */
.alert2 {
    background-color: #ccccff;
    border: 1px dotted #5a5ab3; /* PhD Posters Light Blue */
    padding: 0.5em;
    font-style: italic;
}
/* Used for dividing Pickup from Mail Order */
.vertical_divide {
    border-right: 1px dotted #000000;
}