body                          { background: #FFFFFF url('/css/img/bg_body.gif') repeat-y center; color: #000000; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; }

a:link,
a:visited                     { color: #0000A0; text-decoration: underline; }
a:active,
a:hover                       { color: #FF0000; }

img                           { border: 0px; }
hr                            { color: #CC9966; }

form                          { margin: 0px; padding: 0px; }
fieldset                      { border: 1px #CCCCCC solid; margin: 20px 10px; padding: 10px; }
legend                        { background-color: #ECECD7; border: 1px #CCCC99 solid; margin: 0px 0px 10px 10px; padding: 5px; }

h1, h2, h3, h4, h5, h6,
p, ul, ol, dl                 { margin: 0px; padding: 0px; }

h1                            { font-size: 2em; color: #003333; }
h2                            { font-size: 1.5em; color: #003333; }
h3                            { font-size: 1.1em; color: #003333; }
h1.pageHeading                { color: #003333; background-color: #CDCD98; font-size: 1.8em; margin: 0px 0px 20px -6px; padding: 6px; border-bottom: 1px #003333 solid; clear: both; }
h1.mainTitle                  { color: #FFFFFF; }

ul,
ol,
dl                            { margin: 0px 0px 10px 16px; padding: 0px 0px 0px 16px; line-height: 18px; }
li,
dd                            { margin: 0px; padding: 0px; }

p                             { margin: 10px 0px; line-height: 1.3em; }

table                         { border-collapse: collapse; }
table td                      { padding: 2px; }

#header                       { margin: 0px auto; width: 990px; color: #FFFFFF; background-color: #003333; width: 990px; height: 100px; position: relative; }
#prefletter_logo              { position: absolute; top: 20px; left: 20px; }
#prefletter_logo h1           { color: #FFFFFF; font-size: 3em; font-weight: normal; }
#hymas_logo                   { position: absolute; top: 0px; right: 0px;  }

#wrapper                      { margin: 0px auto; width: 990px; overflow: hidden; }
#leftcol                      { float: left; width: 200px; }
#content                      { float: left; width: 750px; padding: 10px 20px; }

#vid                          { margin: 0px -10px 20px -10px; }

ul#nav                        { margin: 0px 0px 0px 2px; padding: 0px; }
ul#nav li                     { list-style: none; margin: 0px; padding: 0px; }
ul#nav li a:link, 
ul#nav li a:visited, 
ul#nav li a:active            { color: #000000; background-color: #ECECD7; font-size: 1.2em; font-weight: bold; text-decoration: none; display: block; padding: 6px; border-bottom: 1px #CCCCCC solid; text-decoration: none; }
ul#nav li a:hover             { background-color: #F8F8EB; }
ul#nav li.separator           { border-bottom: 1px #003333 solid; height: 1px; }

ul#nav ul                     { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
ul#nav ul li a                { padding: 6px 6px 6px 20px !important; font-size: 0.9em !important; }

#right_airlock                { float: right; width: 260px; margin: 0px 10px 10px 10px; padding: 6px; }

table#changes                 { margin-top: 20px; }
table#changes  td             { padding: 10px; width: 200px; border-top: 1px #EEEEEE solid; border-bottom: 1px #EEEEEE solid; }

.shaded                       { background: #F8F8EB url('/css/img/bg_shaded.gif') repeat-x; border: 1px #D3D3AA solid; margin: 0px 0px 10px; padding: 4px; }
.ordertbl                     { width: 720px; margin: 0px; }
.ordertbl td                  { padding: 5px; }
.results                      { padding: 20px; }
.button                       { background-color: #B8B87D; color: #FFFFFF; font-weight: bold; padding: 5px; }
.err                          { color: #FF0000; font-weight: bold; }
.graytext                     { color: #666666 !important; }
.normaltext                   { font-size: 1em !important; font-weight: normal !important; }
.smalltext                    { font-size: 0.9em !important; }
.bolded                       { font-weight: bold !important; }

.inputfield                   { background-color: #EEEEEE; border: 1px #CCCCCC solid; font-size: 1.2em; padding: 3px; }
.inputfield:focus             { background-color: #FFFFFF; }

.grid0                        { margin: 10px 0px; }
.grid0 td                     { border: 1px #CCCCCC solid; padding: 5px; }
.grid0 tr.hdr                 { background-color: #EEEEEE; font-weight: bold; text-align: center; }

.form_failure                 { background-color: #F9D7D7; margin: 4px; padding: 4px; border: 1px #CCCCCC solid; float: left; }
.form_success                 { background-color: #CCF2CD; margin: 4px; padding: 4px; border: 1px #CCCCCC solid; float: left; }

.clearboth                    { clear: both !important; }

.c                            { text-align: center; }
.r                            { text-align: right; }

.hiddentextfield              { border: 0px; background: transparent; }

.margin20x0                   { margin: 20px 0px; }
.margin0x0x0x60               { margin: 0px 0px 0px 60px; }