/* basic and generic styles */
body, html                          { font: .9em/1.7em "Lucida Grande", Arial, Verdana, sans-serif; }
body                                { margin: 1em auto; padding: 0; min-width: 680px; background: url(images/bg.gif) repeat-x #fff; color: #333; }

/* typography and headers */
p, ul, ol, dl, blockquote, pre      { margin-bottom: 1.1em; }
p, li, td, dt, dd                   { font-size: 1em; font-weight: normal; }
blockquote                          { margin: 20px 0; padding: 0 25px 0 45px; background: url(images/quote.gif) 10px 0 no-repeat; border: none; }
code                                { font-family: Monaco, ProFont, "Bitstream Vera Sans Mono", "Andale Mono", Courier, monospace; font-size: .91em; }
pre                                 { margin: 2em 0 2.5em 0; padding: 5px 0 5px 10px; font-family: Monaco, ProFont, "Bitstream Vera Sans Mono", "Andale Mono", Courier, monospace; font-size: .91em; line-height: 1.45em; color: #e4f0ff; background-color: inherit; border-width: 1px 0 1px 0; border-color: #4374aa; border-style: dashed; }

#content p                          { margin: 1.2em 1.5em .5em 1.5em; padding: 0 10px 0 0; text-align: justify; }

h1,h2,h3,h4,h5,h6                   { margin: 1.2em 1.5em .5em 1.5em; padding: 0 10px 0 0; font-weight: normal; text-align: justify; }
h1                                  { font-size: 1.54em; }
h2                                  { font-size: 1.34em; }
h3                                  { font-size: 1.24em; }
h4                                  { font-size: 1.14em; }
h5                                  { font-size: 1.04em; }
h6                                  { font-size: 1.00em; }

#header h1                          { margin: 1em .5em .11em 0; }
#header h2                          { margin-bottom: 0; }
#content h3                         { letter-spacing: .5em; text-transform: uppercase; }

/* links and list styling */
a                                   { padding: 5px; text-decoration: none; }
a:link,
a:active                            { color: #b0b0b0; border-bottom: 1px #e9e9e9 solid; border-right: 1px #e9e9e9 solid; }
a:visited                           { color: #ccc; border-bottom: 1px #e9e9e9 solid; border-right: 1px #e9e9e9 solid; }
a:hover                             { background-color: #f9f9f9; color: #888; border-right: 1px #e9e9e9 solid; border-bottom: 1px #e9e9e9 solid; }

ul li,
ul ul li,
ul ul ul li                         { list-style: square; }

#nav                                { margin: 0; padding: 0 0 20px 0; }
#nav ul, #nav li                    { margin: 0; padding: 0; display: inline; list-style-type: none; }
#nav a:link, #nav a:visited         { margin: 0 10px 4px 0; line-height: 14px; font-weight: bold; text-decoration: none; float: left; }
#nav a:hover                        { border-bottom: 4px #eee solid; padding-bottom: 2px; }


/* layout */
#wrapper                            { width: 500px; margin: 0 auto; border-top: 2px #f9f9f9 solid; border-left: 2px #f9f9f9 solid; overflow: hidden; }
#header                             { width: 500px; margin: 5em auto 0 auto; }
#header a                           { padding: 0; color: #333; border: 0; }
#header a:active,
#header a:visited,
#header a:hover                     { border: 0; background: transparent; }
#content                            { float: left; }
#logo                               { width: 58px; height: 50px; background: url(images/logo.jpg) no-repeat; position: absolute; top: 3.4em; left: .8em; border: 5px #e9e9e9 solid; }
#logo span                          { display: none; }
#footer                             { width: 500px; margin: 1em auto; border-bottom: 2px #f9f9f9 solid; border-right: 2px #f9f9f9 solid; overflow: hidden; }

/* misc. class styles */
.small                              { font-size: 0.9em; }
.align-left                         { margin: 0 .5em .5em 0; float: left; }
.align-right,
.displace                           { margin: 1em 0; }
.clear                              { clear: both; }
.cleft                              { clear: left; }
.noborder                           { border: 0; }