*{ margin:0; padding:0; }
html, body { width:100%; height:auto; font-family: arial, Georgia, sans-serif; margin:0px; font-size:100%; background-color:#FFFFF;}
img { border:0px none; }
h1 { font-size:1em; color: #000000; margin: 10px 0px 10px 0px; }
h2 { font-size:0.75em; color: #000000; margin: 10px 0px 10px 0px; }
p { font-size:0.75em;color: #000000; margin: 10px 0px 10px 0px; }
pre {font-family: arial, Georgia, sans-serif; margin:0px; font-size:100%;}
#container {display:block; 
            width:770px; 
            text-align:left; 
            margin-left:auto; 
            margin-right:auto; 
            background-color:#FFFFFF; 
            height:650px;}


#header { position:absolute; 
          left:190px; top:40px; 
          width:778px; 
          height:170px;
	  }

ul, li {
    list-style-type: none;
}

#navigation {position: absolute; top:250px; 
             left:200px; float:left; 
             border: solid 0px; 
             margin-top:-25px;}

#navigation ul {margin:5px; }

#navigation li {margin-top: 4px; 
                border-left:3px solid #cdd9cb; 
                border-bottom:3px solid #cdd9cb; 
                font-size:0.75em; }

#navigation a { text-decoration: none; }

#navigation LI:hover { margin-top: 4px; 
                       border-left: #006699 4px solid; 
                       border-bottom: #006699 4px solid; }



#content { float:right;  
           position:absolute; 
           width: 400px; 
           top:165px; 
           left: 500px;}

.grey {font-size: 0.75em; 
       color: #cdd9cb}

#footer { position:absolute; 
          left:480px; top:700px; 
          width:480px; 
          height:60px; 
          background-color:#336699;}