* { margin: 0 ; padding: 0 ; }
p { margin: 1em 0 1em 0 ; }
ul { margin-left: 1em ; }

html { height: 100% ; max-height: 100% ; }
body { height: 100% ; max-height: 100% ; overflow: hidden ; }

#header { position: absolute ; top: 0 ; left: 0 ; right: 0 ; padding: 5px ; }
#logo1 { height: 100px ; position: absolute ; left: -10px ; }
#logo2 { position: absolute; top: 20px ; left: 75px ; }

#sidebar { position: absolute ; top: 120px ; left: 10px ; width: 6em ; }
#nav { margin-bottom: 1em ; }
#nav a { display: block ; margin: 0.5em 0 0.5em 0 ; }
#contact img { height: 1em ; }

#main
{
    position: absolute ;
    overflow-y: auto ;
    overflow-x: hidden ; /* nb: see onBodyEnd() */ /* FIXME */
    top: 90px ;
    left: 8em ;
    right: 15px ;
    bottom: 30px ;
    padding: 1em ;
}
#content { margin-right: 15px ; }

#title { position: fixed ; top: 46px ; right: 38px ; z-index: -5 ; }
img#title { height:60px ; }
div#title { font-size: 150% ; }

/* NOTE: Need to set the z-index for the corners so that they don't block clickable links in the content box. */
#corner-tr { position: fixed ; top: 80px ; right: 35px ; width: 60% ; height: 35% ; z-index: -2 ; }
#corner-bl { position: fixed ; left: 8em ; bottom: 20px; width: 25% ; height: 25% ; z-index: -2 ; }

#content-footer { position: fixed ; left: 8.1em ; right: 35px ; bottom: 30px ; height: 25px ; }

#watermark { position: absolute ; right: -5px ; bottom: -12px ; z-index: -5 ; }

/* -------------------------------------------------------------------- */

body
{
    background: url("/images/background.png") repeat-x #000 ;
    font-family: Verdana,Georgia ;
    color: #f8f0e0 ;
}

a img { border: none ; }

div#title { font-style: italic ; font-weight: bold ; color: #e2e2e2 ; }

#nav a { padding: 5px ; color: #ffffc0 ; text-decoration: none ; }
#nav a:hover , #nav a.selected { padding: 4px ; background: #333 ; border: 1px dotted #888 ; color: #fffff0 ; }
#contact img { margin: 0 0.25em 0 0.25em ; }
#contact a { font-size: 80% ; color: #ffffc0 ; text-decoration: none ; }

#content-header { background: url("/images/content-header.png") repeat-x ; }

#content a { color: #ffffc0 ; text-decoration: none ; border-bottom: 1px dotted #ffffc0 ; }
#content a:hover { color: #fff ; border-bottom: 1px dotted #fff ; }

/* #content-footer { background: url("/images/content-footer.png") repeat-x ; } */