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 */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
table .chunk {
    margin-top: 0;
    margin-bottom: 0;
}
.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 */
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}
.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;
}
/* Used for 3-D button on homepage variation */
.button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    /*font: 14px/100% Arial, Helvetica, sans-serif;*/
    font-size: 1.3em;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
    text-decoration: none;
}
.button:active {
    position: relative;
    top: 1px;
}
.orange_btn {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange_btn:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange_btn:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
a.button {
    color: #ffffff;
}