/* ===== Begin Steven R. Miller Style Sheet ===== */

body
  { background-color: #d8d8d8;
    font-family: arial, helvetica, san-serif;
    color: black;
    margin: 1em;
  }

form#login fieldset
  { font-size: 83%;
    background-color: #df6a70;
  }

form#login label
  { font-weight: bold;
  }

#container
  { margin: 0em;
  }

#wrapper
  { margin: 0em;
    height: 1%; /* The height command conpensates for IE6 anomolies */
  }

#content 
  { float: left;
    margin: 1em 17em 0em 13em;
    display: inline;
    font-size: 83%;
  }

#announce table#container #wrapper #content 
  { float: left;
    margin: 1em 1em 0em 13em;
    display: inline;
    font-size: 83%;
  }

#art #content p,
#art #content form
  { font-size: 120%;
  }

#welcome #content,
#clientmgr #content,
#client_ID #content
  { float: left;
    margin: 1em 0em 0em 15em;
    display: inline;
  }

div#doorstop
  { width: 62em;
/*    width: 60em; */
    height: 0px;
  }

#correspond #doorstop
  { width: 59em;
    height: 0px;
  }

#collectionmgr #doorstop
  { width: 70em;
    height: 0px;
  }

#art #doorstop,
#artmgr #doorstop,
#clientmgr #doorstop,
#client_ID #doorstop
  { width: 66em;
    height: 0px;
  }

#arteditor #doorstop
  { width: 67em;
    height: 0px;
  }

/* ===== masthead styling ===== */
#masthead
  { width: 98%;
    height: 80px;
    overflow: hidden;
    position: relative;
  }

#masthead-logo
  { /*float: right;*/
    position: absolute;
      top: 0;
      right: 0;
  }

#masthead-signature
  { position: absolute;
    top: 0px;
    left: 0px;
  }

/* ===== main navigation styling ===== */
#mainnav
  { position: absolute; top: 9em; left: 1em;
    width: 10em;
    /*float: left;       */
    /*margin-top: 1em;   */
    /*margin-left: -99%; */
  }

#mainnav ul
  { margin: 0px;
    padding: 0px;
    list-style-type: none;
  }

/* ===== collection navigation styling ===== */
#welcomegallery
  { float: left;
    width: 450px;
    height: 450px;
    text-align: center;
    margin: 4px;
    background-color: #c0c0c0;
    border: 2px outset;
  }

#welcomewelcome
  { float: left;
    width: 161px;
    height: 280px;
    text-align: center;
  }

#notecardwelcome
  { float: left;
    width: 161px;
    height: 280px;
    text-align: center;
    border-bottom: 5px ridge #d8d8d8;
  }

#collectionwelcome
  { float: left;
    height: 200px;
    display: inline;
  }

#collectionnav
  { float: right; 
    text-align: center;
    width: 8em;
    margin-top: 1em;
    margin-right: 3em;
    margin-left: -14em;
    border-left: solid #cc0000 1px;
  }

#collectionnav a
  { font-size: 87%;
  }

#collectionnav h2
  { text-align: left;
    margin-left: 1.5em;
  }

#collectionnav ul
  { list-style-type: none;
    text-align: center;
  }

#collectionnav li
  { margin-top: 0.5em;
    margin-bottom: 0.5em;
  }

/* ===== filmstrip styling ===== */

#previousheart,
#nextheart,
#filmstrip
  { float: left;
    width: 112px;
    height: 136px;
    text-align: center;
  }

#activeart
  { float: left;
    width: 112px;
    height: 136px;
    text-align: center;
    border: solid red 2px;
  }

#previoustext,
#nexttext
  { float: left;
    width: 112px;
    height: 50px;
    text-align: center;
  }

#arttext
  { float: left;
/*    width: 448px; */
    height: 50px;
    text-align: center;
  }

/* =====] Specific Newsletter Page Styles [===== */

.contact-type { border: solid #d8d8d8 1px;}

.contact-type img { margin: 1px;}

.contact-type-text
  { margin-left: 100px;
    /* font-size: smaller; */
    display: block;
    border: solid #d8d8d8 1px;
  }

#newsletter #container #wrapper #content fieldset
  { position: relative;
    width: 1px;
  }

#newsletter p
  { position: relative;
  }

#newsletter #container #wrapper #content label
  { position: absolute; top: 0; left: 0;
    width: 12em;
    font-weight: bolder;
  }

input#news_lastname,
input#news_firstname,
input#news_telephone,
input#news_zip,
input#news_email,
textarea#news_comments
  { margin-left: 12em;
  }

.error
  { margin-left: 2em;
    color: red;
    font-weight: bolder;
  }

/* =====] Specific Contact Page Styles [===== */

.contact-type { border: solid #d8d8d8 1px;}

.contact-type img { margin: 1px;}

.contact-type-text
  { margin-left: 100px;
    /* font-size: smaller; */
    display: block;
    border: solid #d8d8d8 1px;
  }

#contactus #container #wrapper #content fieldset
  { position: relative;
    width: 1px;
  }

#contactus p
  { position: relative;
  }

#contactus #container #wrapper #content label
  { position: absolute; top: 0; left: 0;
    width: 12em;
    font-weight: bolder;
  }

#contactus #container #wrapper #content input,
#contactus #container #wrapper #content textarea
  { margin-left: 12em;
  }

#contactus #container #wrapper #content input#contactus
  { margin-left: 0;
    background-image: url(images/email.bmp);
    width: 69px;
    height: 31px;
    border-style: none;
    float: left;
  }

.error
  { margin-left: 0.5em;
    margin-right: 1.5em;
    color: red;
    font-weight: bolder;
    font-style: italic;
  }

/* ===== arteditor styling ===== */

#arteditor label#labelname,
#arteditor label#labelcatalogitem,
#arteditor label#statusl,
#arteditor label#labeldescription,
#arteditor label#labellocation,
#arteditor label#labelalt,
#arteditor label#labeltitle,
#arteditor label#labelfilename,
#arteditor label#avail1,
#arteditor label#labelcopyright,
#arteditor label#framed
  { width: 6.5em;
    text-align: left;
    float: left;
    margin-right: 5px;
  }

#arteditor label#labeledition
  { width: 5.5em;
    text-align: right;
    float: left;
    margin-right: 5px;
  }

#arteditor label#printdim
  { width: 35em;
    text-align: right;
    font-weight: bold;
    float: left;
    margin-right: 5px;
  }

#arteditor label#framedim
  { width: 20em;
    text-align: right;
    font-weight: bold;
    float: left;
    margin-right: 5px;
  }

/* ===== client_ID styling ===== */
textarea#status,
textarea#notes         {font-family: arial, helvetica, san-serif; font-size: 100%; color: black; margin-left: 11em;}

div#status,
div#client_ID,    div#unsubscribe,  div#local,    div#noonlineability,     div#hfswt,
div#lastname,     div#firstname,
div#salutation,   div#source,
div#title,        div#company,
div#address1,     div#address2,
div#city,         div#state,    div#zip,    div#country,
div#phone1,       div#phone2,
div#mobile1,      div#mobile2,
div#email1,       div#email2,
div#fax,          div#website,
div#code1upd,     div#collection,
div#lastpurchase, div#lastpurchasedate,
div#mailingsent,  div#mailingsentdate,
div#correspond,   div#lastcontact,
div#bday16,       div#bday712,
div#referredby,   div#filecreated,
div#notes              {float: left; position: relative; margin: .2em 0em;}

input#client_ID,
input#lastname,
input#salutation,
input#title,
input#address1,
input#city,
input#phone1,
input#mobile1,
input#email1,
input#fax,
input#code1upd,
input#lastpurchase,
input#mailingsent,
input#correspond,
input#bday16,
input#referredby       {font-family: arial, helvetica, san-serif; font-size: 100%; color: black; margin-left: 11em;}

input#firstname,
input#source,
input#company,
input#address2,
input#phone2,
input#mobile2,
input#website,
input#collection,
input#lastpurchasedate,
input#mailingsentdate,
input#lastcontact,
input#bday712,
input#filecreated      {font-family: arial, helvetica, san-serif; font-size: 100%; color: black; margin-left: 13em;}

input#unsubscribe      {color: black; margin-left:  9em;}
input#local            {color: black; margin-left:  5em;}
input#noonlineability  {color: black; margin-left: 12em;}
input#hfswt            {color: black; margin-left:  5em;}
input#state            {margin-left: 5em;}
input#zip              {margin-left: 4em;}
input#country          {margin-left: 7em;}
input#email2           {margin-left: 8.5em;}

label#status,
label#client_ID,
label#lastname,
label#salutation,
label#title,
label#address1,
label#city,
label#phone1,
label#mobile1,
label#email1,
label#fax,
label#code1upd,
label#lastpurchase,
label#mailingsent,
label#correspond,
label#bday16,
label#referredby,
label#notes            {position: absolute; left: 0; top: .2em; text-align: right; width: 10em;}

label#firstname,
label#source,
label#company,
label#address2,
label#phone2,
label#mobile2,
label#website,
label#collection,
label#lastpurchasedate,
label#mailingsentdate,
label#lastcontact,
label#bday712,
label#filecreated      {position: absolute; left: 0; top: .2em; text-align: right; width: 12em;}

label#unsubscribe      {position: absolute; left: 0; top: .2em; text-align: right; width:  8.5em;}
label#local            {position: absolute; left: 0; top: .2em; text-align: right; width:  4.5em;}
label#noonlineability  {position: absolute; left: 0; top: .2em; text-align: right; width: 11.5em;}
label#hfswt            {position: absolute; left: 0; top: .2em; text-align: right; width:  4.5em;}
label#state            {position: absolute; left: 0; top: .2em; text-align: right; width: 4em;}
label#zip              {position: absolute; left: 0; top: .2em; text-align: right; width: 3em;}
label#country          {position: absolute; left: 0; top: .2em; text-align: right; width: 6em;}
label#email2           {position: absolute; left: 0; top: .2em; text-align: right; width: 8em;}

/* ===== label page styling ===== */
table#labelpage
  { position: relative;
  }

.toprow   { height: 24pt;}
.labelrow { height: 72pr;}
.leftlabel
  { padding-left: 30pt;
    width: 180pt;
    height: 71pt;
    outline: dotted black 1px;
  }

.centerlabel
  { padding-left: 30pt;
    width: 180pt;
    height: 71pt;
    outline: dotted black 1px;
  }

.rightlabel
  { padding-left: 30pt;
    width: 180pt;
    height: 71pt;
    outline: dotted black 1px;
  }

/* ===== footer styling ===== */
#footer
  { clear: both;
    text-align: center;
    font-size: 83%;
  }

#footer ul
  { list-style-type: none;
  }

#footer li { display: inline; }

/* ===== correspond styling ===== */
input#corr_lastname,
input#corr_firstname,
input#corr_telephone,
input#corr_zip,
input#corr_email
  { width: 15em;
  }

/* ===== End Steven R. Miller Style Sheet ===== */