/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common browsers */
:link,:visited { text-decoration:none; color: inherit; }
ul,ol { list-style:none; }
li { display: block;}
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd,a,strong
{ margin:0; padding:0; }
a img,:link img,:visited img { border:none; }
address { font-style:normal; }


html
  {
    height: 100%;
  }

body
  {
    position: relative;
    min-height: 100%;
    background: url(wrapback.gif) left -80px no-repeat #FFEAC2;
    font: 72%/1.3 Arial, Helvetica, sans-serif;
    color: #212D31;
  }

* html body
  {
    height: 100%;
    font-size: 72%;
  }

#wrap1
  {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 520px;
    height: 100%;
    margin-left: -260px;
  }

#wrap2
  {
    position: relative;
    min-height: 100%;
    background: url(pageback.gif) left top repeat-x;
  }

* html #wrap2
  {
    height: 100%;
  }

#header
  {
    position: absolute;
    left: -160px;
    top: 0;
    width: 840px;
    height: 120px;
    background: url(logo.gif) 108px 40px no-repeat;
  }

#logo
  {
    display: none;
  }

#header h4
  {
    position: absolute;
    bottom: 0.4em;
    width: 520px;
    margin: 0 160px;
    font-family: Times New Roman, Times, serif;
    font-size: 1.4em;
    font-weight: normal;
    font-style: italic;
    letter-spacing: 0.2px;
    color: #AD8F68;
    text-align: right;
  }

#nav1
  {
    position: absolute;
    left: -160px;
    top: 122px;
    width: 160px;
  }

#nav1 li
  {
    display: inline;
    float: left;
  }

#nav1 li a
  {
    margin-right: 1em;
    font-size: 0.9em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    line-height: 1.6em;
    color: #212D31;
  }

#nav1 li strong a
  {
    padding: 0.3em;
    background: #5F1325;
    color: #FFEAC2;
  }

#wrap3
  {
    padding-top: 120px;
  }

#nav2
  {
    border-top: 2px solid #5F1325;
    background: #AD8F68;
  }

#nav2 li
  {
    display: inline;
    float: left;
  }

#nav2 a
  {
    margin-left: 1em;
    font-size: 0.9em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    line-height: 1.6em;
    color: #212D31;
  }

#nav2 li strong a
  {
    color: #FFFFFF;
  }

#nav2 span
  {
    display: block;
    clear: both;
    height: 1px;
    font-size: 0em;
  }

#wrap4
  {
    position: relative;
  }

#nav3
  {
    position: absolute;
    left: -160px;
    top: 0;
    width: 145px;
  }

#nav3 h4
  {
    position: relative;
    height: 40px;
    border-bottom: 1px solid #212D31;
  }

#nav3 h4 span
  {
    position: absolute;
    display: block;
    bottom: 0;
    width: 145px;
    font-family: Times New Roman, Times, serif;
    font-size: 1.6em;
    font-style: italic;
    text-align: right;
  }

#nav3 ul
  {
    margin-top: 0.5em;
    text-align: right;
  }

#nav3 li a
  {
    font-size: 0.9em;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.6em;
    letter-spacing: 0.2px;
    color: #99784D;
  }

#nav3 li strong a
  {
    color: #212D31;
  }

#prefix
  {
    min-height: 41px;
    background: url(preback.gif) left top no-repeat;
  }

* html #prefix
  {
    height: 41px;
  }

#prefix dl,
#prefix dt,
#prefix dd
  {
    margin: 0;
  }

#content
  {
    margin: 2em 50px 0;
    padding-bottom: 65px;
  }

#content h2
  {
    margin: 0 0 0.5em;
    font-family: Times New Roman, Times, serif;
    font-size: 1.2em;
    font-style: italic;
  }

* html #content h2
  {
    font-size: 1.3em;
  }

#content h3
  {
    margin: 1.5em 0 0.5em;
    font-weight: bold;
  }

#content p,
#content ul,
#content ol,
#content table
  {
    margin: 0 0 1.3em;
  }

#content ul
  {
    list-style-type: square;
  }

#content ol
  {
    list-style-type: decimal;
  }

#content li
  {
    display: list-item;
    margin-left: 3em;
    margin-bottom: 0.4em;
  }

#content table
  {
    font-size: 100%;
  }

#content a
  {
    color: #99784D;
    font-weight: bold;
  }

#content td
  {
    padding: 0 1.5em 0.8em 0;
    vertical-align: top;
  }

#content td p
  {
    margin: 0;
  }

#content .printpage
  {
    text-align: right;
  }

#content .printpage a
  {
    padding-left: 15px;
    background: url(icon_print.gif) left center no-repeat;
    font-size: 0.9em;
    font-weight: normal;
  }

#right
  {
    position: absolute;
    left: 535px;
    top: 40px;
    width: 145px;
    font-size: 0.8em;
  }

#right dl,
#right dt,
#right dd
  {
    margin: 0;
  }

#right h3
  {
    padding: 0.5em;
    background: #5F1325;
    color: #FFEAC2;
    font-weight: bold;
  }

#right div.csc-textpic,
#right div.csc-textpic-text
  {
    margin-bottom: 1em;
  }

#right div.csc-textpic #right div.csc-textpic-text
  {
    margin-bottom: 0;
  }

#right div.csc-textpic-text
  {
    border-top: 1px solid #D6BA96;
    background: #D6BA96;
    padding: 0.5em;
  }

#right div.csc-textpic-text p
  {
    margin-bottom: 0.5em;
  }

#right div.csc-textpic-text a
  {
    color: #5F1325;
  }

table.csc-mailform td
  {
    padding-right: 10px;
    padding-bottom: 4px;
  }

table.csc-mailform td.csc-form-labelcell
  {
    padding-top: 4px;
  }

table.csc-mailform td.csc-form-fieldcell input,
table.csc-mailform td.csc-form-fieldcell select,
table.csc-mailform td.csc-form-fieldcell textarea
  {
    border: solid;
    border-width: 0 0 1px 1px;
    padding: 2px 5px;
  }

table.csc-mailform td.csc-form-fieldcell input.csc-mailform-submit
  {
    border: 1px solid;
    padding: 2px 20px;
    cursor: pointer;
  }

#footer
  {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 50px;
    background-color: #AD8F68;
    color: #212D31;
  }

#footer a,
#banner a
  {
    color: #212D31;
  }

#banner
  {
    position: absolute;
    bottom: 0px;
    left: 0;
    margin-left: 160px;
    width: 520px;
    height: 50px;
    background-color: #AD8F68;
    text-align: right;
  }

#banner h4,
#footer li
  {
    height: 25px;
    margin: 0 1em;
    font-size: 0.9em;
    font-weight: bold;
    color: #212D31;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    line-height: 25px;
  }

#banner div div,
#banner dl,
#banner dt,
#banner dd
  {
    margin: 0;
    float: none;
  }

#banner .csc-textpic
  {
    margin-right: 1em;
    float: right;
  }

#banner .csc-textpic-clear
  {
    clear: none;
  }

#social {
    position: absolute;
    left: 536px;
    top: 120px;
    width: 145px;
    margin-top: 2px;
}

#social li {
    display: inline;
    float: left;
    line-height: 1.6em;
    margin-right: 4px;
}

#social a {
    display: block;
    height: 1.6em;
    width: 1.6em;
    background: center no-repeat;
    font-size: 0.9em;
    font-weight: bold;
    text-indent: -1000em;
}

#social .facebook {
    background-image: url(icon_fb.png);
}

#social .twitter {
    background-image: url(icon_tw.png);
}

#social .addthis_button_compact {
    display: inline;
    width: auto;
    text-indent: 0;
    color: #000000;
    line-height: 1.6em;
}

#wda_survey_shade {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.6;
}

* html #wda_survey_shade {
    filter: alpha(opacity=60);
}

#wda_survey_frame {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -280px;
    margin-top: -220px;
    border: 8px solid #999999;
    background-color: #F8F8F8;
}

#wda_survey_frame p {
    background-color: #999999;
    padding-bottom: 4px;
    font-weight: bold;
    color: #F8F8F8;
}

#wda_survey_frame p span {
    float: right;
    font-weight: normal;
}

#wda_survey_frame p a {
    color: #F8F8F8;
}

div.rflow
  {
    display: inline;
    margin-left: 10px;
    margin-right: 180px;
    float: right;
  }

#content .searchbox
  {
    border: 1px solid #FFD485;
    background-color: #FFEAC2;
  }

#content .searchbox h4
  {
    margin: 0.5em 0 0 1em;
  }
    
#content .searchbox p
  {
    margin: 0 0 0.5em 1em;
  }

#content .searchbox .prop
  {
    position: relative;
    float: left;
    width: 180px;
    padding: 0 0 0.5em 1em;
  }

#content .searchbox .prop select
  {
    width: 100%;
    border: 1px solid #FFD485;
    padding: 0;
    font: 100% Arial, Helvetica, sans-serif;
  }

#content .searchbox .submit
  {
    clear: left;
    margin-left: 1em;
    padding-bottom: 0.5em;
  }

#content .searchbox .submit input
  {
    border: 0;
    padding: 0 1em;
    background-color: #99784D;
    color: #FFFFFF;
    cursor: pointer;
  }

#content .searchbox .submit a
  {
    margin: 0 2em 0.5em 0;
    background: url(linkback.gif) 2px center no-repeat;
    padding-left: 10px;
    white-space: nowrap;
  }

.wda-vendor
  {
    float: left;
    margin-right: 5%
  }

.wda-vendor-address
  {
    padding-right: 5%
  }

.wda-vendor-desc
  {
    clear: left;
  }

#content .wdaresult .resultvendor td
  {
    padding-top: 1em;
  }

#content .wdaresult td acronym
  {
    border-bottom: 1px dotted #808080;
  }

#content .wdaresult td
  {
    padding: 0 1em 1em 0;
  }

#content .wdaresult td .descr
  {
    font-size: 0.8em;
    color: #99784D;
  }

#content .wdaresult td.p
  {
    white-space: nowrap;
  }

#content .wdaresult td.p1
  {
    padding-right: 0.5em;
  }

#content .wdaresult td.p3
  {
    text-align: right;
  }

#content .wdaresult td.p4
  {
    padding-right: 0;
    text-align: right;
    color: #808080;
  }

#content .wdasurvey td.help
  {
    color: #AD8F68;
    font-weight: bold;
  }

#content .wdasurvey label
  {
    white-space: nowrap;
    margin-right: 1em;
  }

#content .wdasurvey .option-v label
  {
    display: block;
    margin-bottom: 0.2em;
  }