/*
Jonas Rullo dot Net
*/

body {
   background-color: #fff;
   margin: 5;
   padding: 0;
   font-family: verdana, arial, helvetica, sans-serif;
   }

a, p, ul, li, h1, h2, h3 {
   /*
   This rule has multiple selectors to ensure that the styles are carried
   down into the necessary elements in NN4, which is notoriously flaky in its
   handling of inheritance.
   */
   font-family: verdana, arial, helvetica, sans-serif;
   color: #ccc;
   }

h1.top {
   padding: 10px;
   text-align: right;
   color: #ccc;
   background-image: url(img/jonasrullodotnet.jpg);
   background-repeat: no-repeat;
   background-position: left;
   }

a  {
   font: 1em/1.5 Georgia, sans-serif;
   color: #36648b;
   font-weight: bold;
   text-decoration: none;
   }

a.top  {
   font: 1em/1.5 Georgia, sans-serif;
   margin-top: 3em;
   color: #36648b;
   font-weight: bold;
   text-decoration: none;
   }

#hometop {
   padding: 5px;
   text-align: right;
   margin-top: .5em;
   margin-bottom: .5em;
   margin-right: auto;
   margin-left: auto;
   border: 1px solid #191970;
   background-color: #fff;
   background-image: url(img/jonasrullodotnet.jpg);
   background-repeat: no-repeat;
   background-position: left;
   width: 90%;
   voice-family: "\"}\""; /* ie5 fix start */
   voice-family: inherit;
   height: 47px;
   }

html>body #hometop { /* affects netscape/ie5 */
   padding: 5px;
   text-align: right;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-right: auto;
   margin-left: auto;
   background-image: url(img/jonasrullodotnet.jpg);
   background-repeat: no-repeat;
   background-position: left;
   width: 90%;
   /* ie5 fix end */
   }

#top {
   margin-top: 10px;
   margin-bottom: 15px;
   margin-right: auto;
   margin-left: auto;
   border: 1px solid #191970;
   background-color: #fff;
   width: 90%;

   /*
     #top
     ie5 fix start
   */

   voice-family: "\"}\"";
   voice-family: inherit;
   margin-top: 10px;
   margin-bottom: 15px;
   margin-right: 10px;
   margin-left: 10px;
   border: 1px solid #191970;
   width: 90%;
   }

html>body #top { /* affects netscape and ie5 */
   margin-top: 10px;
   margin-bottom: 15px;
   margin-right: auto;
   margin-left: auto;
   border: 1px solid #191970;
   /*
     #top
     ie5 fix end
   */
   }

#homeleft {
   top: 40px;
   position: absolute;
   left: 5px;
   padding: 8px;
   text-align: center;
   margin-top: 44px;
   margin-left: 5px;
   background-color: #b6e1ea;
   color: #b6e1ea;
   width: 6em;

   /* ie5 fix start */
   voice-family: "\"}\"";
   voice-family:inherit;
   padding: 8px;
   margin-left: 5px;
   width: 6em;
   /* ie5 fix end */
   }

#left {
   position: absolute;
   text-align: center;
   padding: 8px;
   margin-left: 5px;
   background-color: #ccc;
   width: 6.2em;
   color: #b6e1ea;

   /* ie5 fix start */
   voice-family: "\"}\"";
   voice-family: inherit;
   padding: 8px;
   margin-left: 5px;
   margin-right: 5px;
   color: #b6e1ea;
   background-color: #b6e1ea;
   width: 6.2em;
   }

html>body #left { /* netscape/mozilla formatting */
   top: 128px;
   padding: 8px;
   margin-left: 5px;
   margin-right: 5px;
   background-color: #b6e1ea;
   width: 6.2em;
   /* ie5 fix end */
   }

#content {
   padding: 10px 0px 10px 20px;
   margin-top: 10;
   margin-left: 8em;
   margin-right: auto;
   border: 1px solid #174371;
   color: #022857;

   /* ie5 fix start */
   voice-family: "\"}\"";
   voice-family: inherit;
   margin-top: 10;
   margin-left: 8em;
   margin-right: auto;
   border: 1px solid #174371;
   }

html>body #content {
   voice-family: inherit;
   margin-top: 1em;
   margin-left: 8em;
   margin-right: auto;
   margin-bottom: 1em;
   border: 1px solid #174371;
   color: #022857;
   /* ie5 fix end */
   }

td {
   text-align: center;
   }

table {
   border: 0;
   }

img {
   border: 0;
   }

a:visited {
   color: SlateGrey;
   }

a:hover {
   color: #508;
   text-decoration: underline;
   }

ul {
   margin: 0;
   padding: 0 0 0 1em;
   list-style-position: outside;
   list-style-type: square;
   border: 0;
   }
li {
   padding: 0;
   margin: 0;
   border: 0;
   }
.FrontPage {
   float: right;
   margin: 0 0 0 30px;
   border: 0;
   }

.legal {
   font-size: 0.9em;
   line-height: 1.0em;
   }
.logo {
   font-size: 32px;
   line-height: 32px;
   margin: 0;
   }
.motto {
   text-align: right;
   font-weight: bold;
   font-style; italic;
   }
.trick {
   clear: right;
   }
   /*
   The above is a tric to keep the scissor image from escaping the bottom of
   the div on wide screens in Opera6 and Netscape6. Unfortunately it does not
   work for IE6. Floats and clears have very cantankerous support across the
   browsers. This is a very good example of why you should not rely on them
   in a critical area.
   */