@media screen {

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, ul { border:0; margin:0; padding:0; }

body      {    background:white;
               color:black;
               text-align:center;
               font-family:arial,helvetica,sans-serif,verdana;
               font-size:11pt;
}

a         { color:#333333; text-decoration:none; }
a:visited { color:#333333; text-decoration:none; }
a:hover   { color:black  ; background:none; }

#beep     {    }

#wrapper  {    margin:auto;
               width:1024px;
               text-align:left;
}

#header   {    background-image:url( '../header.png' );
               color:#ffffff;
               height:60px;
               margin:0;
               padding:10px;
               line-height:18px;
}
#header .logo       { float:left; }
#header .message    { color:yellow; font-size:80%; font-style:italic; font-weight:bold; }
#header .info       { float:right; text-align:right; font-size:80%; }

#navbar   {    background:white;
               color:black;
               height:28px;
               padding:5px 0;
               font-size:90%;
               font-weight:bold;
}
#navbar .left       { float:left ; }
#navbar .right      { float:right; }
#navbar .left  img  { padding-right:5px; }
#navbar .right img  { padding-left :5px; }

#main     {    clear:both; }

#navmenu  {    float:left;
               background:white;
               color:#333333;
               width:144px;
               height:620px;
               margin-top:5px;
               font-size:90%;
               font-weight:bold;
               line-height:22px; 
}
#navmenu a          { color:#333333; text-decoration:none; }
#navmenu a:visited  { color:#333333; text-decoration:none; }
#navmenu a:hover    { color:green; }
#navmenu img        { margin-bottom:5px; }

#content  {    float:left;
               width:880px;
               height:auto;
               padding-bottom:7px;
}
#content .header { margin:5px 0; font-weight:bold; font-size:120%; }

#footer   {    clear:both;
               background:#1f1f1f;
               color:#ffffff;
               height:18px;
               padding:4px 10px;
               font-size:80%;
}
#footer a                     { color:#ffffff; }
#footer a:visited             { color:#ffffff; text-decoration:none; }
#footer a:hover               { color:#777777; background:none; }

#copyright{ float:left ; }
#contact   { float:right; text-align:right; }

ul, ol         { margin:5px; padding-left:30px; }
div.clear      { clear:both; display:block; }

.search_names    { background:#eef8ed; border:1px solid #89b989; margin:0; padding:4px; font-size:100%; }


/* Hints */
/* -------------------------------------------------------------------------- */
.hint          { position:relative; float:left; margin-right:1px; }
.hint nobr     { position:absolute; top:6px; left:8px; color:#959595; }

.hide          { display:none ; }
.show          { display:block; }
.header        { font-size:100%; font-weight:bold; }
.header a      { color:white  ; font-weight:bold }
.header a:hover{ color:white  ; font-weight:bold; background:#1f1f1f; }
.bold          { font-weight:bold  }
.normal        { font-weight:normal}
.L             { text-align:left   }
.C             { text-align:center }
.R             { text-align:right; }
.F             { text-align:right; padding-top:5px; vertical-align:top; font-size:95%; font-weight:bold }
.T             { text-align:right; width:50%; font-size:95%; }
.Amount        { text-align:right; width:12%; font-size:95%; }
.label         { width:150px; float:left; text-align:right; white-space:nowrap; margin-top:2px; display:block; font-size:100%; font-weight:bold }
.padding       { padding-left:15px; line-height:17px; font-size:90%; }
.buttons       { padding-top:5px; }

th             { background:#333333; color:white; padding:5px; font-size:80%; font-weight:normal }
tr             { height:20px; }
tr.even        { background:#dddddd; height:20px; }
tr.odd         { background:#eeeeee; height:20px; }
td             { padding:1px 5px; }

input          { font-family:arial,helvetica,sans-serif,verdana; padding-left:3px; font-size:100%; height:20px; }
input[ type='checkbox' ] { vertical-align:middle; }
input[ type='radio'    ] { vertical-align:middle; }
input[ type='file'     ] { height:24px; position:relative; top:-2px; }
input[ type='submit'   ] { height:24px; display:inline   ; top:-2px; }

textarea       { font-family:arial,helvetica,sans-serif,verdana; padding-left:3px; font-size:100%; width:100% }
select         { font-family:arial,helvetica,sans-serif,verdana; padding-left:3px; font-size:100%; height:22px;  padding-top:2px; }

.left          { float:left  }
.right         { float:right }

.fs70          { font-size: 70% }
.fs80          { font-size: 80% }
.fs90          { font-size: 90% }
.fs110         { font-size:110% }
.fs120         { font-size:120%; line-height:20px; }
.fs130         { font-size:130%; line-height:30px; }
.small         { font-size: 90% }

.gray          { color:gray   }
.red           { color:red    }
.cyan          { color:cyan   }
.green         { color:green  }
.blue          { color:#369   }
.yellow        { color:#B8860B}

#header_company     { background:white  ; color:#333333; margin-left:12px; font-size:120%; font-weight:bold; }
#header_name        { background:white  ; color:#333333; margin-top:5px; padding:2px 10px; font-size:120%; font-weight:bold; height:24px; }

#posted             { clear:both; float:left; font-size:90%; }
#add_new            { float:left ; }
#new_link           { margin:5px 2px 0 2px; float:left ; }
#previous_next      { margin:5px 2px 0 2px; float:right; }

#search             { position:relative; float:right; border:1px solid #000000; }

#form_display       { margin-top:5px; }
#form_display table { background:#999999; margin-top:7px; border:0px solid #bbbbbb; width:100%; }

#form_container                              { width:100%; margin-top:5px; }
#form_container     table                    { background:#cccccc; margin-top:7px; border:0px solid #89b989; width:100%; }

#comments                     { margin-top:5px; background:#eee; }
#comments      h2             { background:#777; color:white; font-size:100%; font-weight:bold; padding:3px 5px; line-height:15px; }
#comments      form,
#comments      div.post       { margin:15px; background:#eee; }
#comments      h3             { font-size:15px; }
#comments      input          { float:left; }
#comments      p img          { margin-top:1px; margin-left:10px; }
#comments      .posted        { font-size:90% }
#comments      .comment       { font-size:80%; font-weight:bold; margin-bottom:5px; }

#comment_comment              { margin-bottom:5px }
#notice                       { background:#fff799; color:#000000; border:0px solid red   ; margin-top:5px; padding:7px; font-weight:normal; font-size:90%; }

#error                        { clear:both; background:#fff799; color:#000000; border:0px solid red   ; margin-top:5px; padding:7px; font-weight:normal; font-size:90%; }
}