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

* { 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 { width: 250px ; margin: 20px 0 0 0.5em ; height: 100% ; }

#title { position: absolute ; top: 20px ; right: 35px ; height: 75px ; }

#content 
{
    position: absolute ;
    overflow-y: auto ;
    overflow-x: hidden ; /* nb: see onBodyEnd() */
    top: 110px ;
    bottom: 35px ;
    left: 245px ;
    right: 0 ;
    padding-right: 3em ;
}
/* NOTE: Need to set the z-index for the corners so that they don't block clickable links in the content box. */
#content #corner-tr { position: fixed ; top: 95px ; right: 35px ; width: 60% ; height: 35% ; z-index: -2 ; }
#content #corner-bl { position: fixed ; left: 225px ; bottom: 20px; width: 25% ; height: 25% ; z-index: -2 ; }

#footer { position: fixed ; left: 245px ; bottom: 30px ; width: 100% ; height: 25px ; }

#watermark { position: fixed ; left: 10px ; bottom: 20px ; width: 250px ; height: 55px ; }
#watermark { font-size: 70% ; font-style: italic ; color: #382228 ; }
#watermark img { position: absolute ; bottom: -10px ; left: 0 ; width: 250px ; height: 65px ; z-index: -5 ; }

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

a { color: #c47630 ; }
a:visited { color: #dca06a ; }
a:hover { color: #ccc ; }

ul.video { list-style-image: url( "/images/video.png" ) ; }

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

#header a , #header a:visited { color: #c47630 ; }
#header a:hover { color: #dca06a ; }
#header #logo { border: none ; }
#header #tagline { font-size: 80% ; font-style: italic ; color: #e0a080 ; }
#header #tagline2 { font-size: 50% ; font-style: italic ; color: #e0a080 ; }
#header #nav { margin: 1em 0 1em 1em ; }
#header #nav a { display: block ; text-decoration: none ; margin: 0.25em 0 0.25em 0 ; padding-left: 25px ; background: url("/images/nav-bullet.png") no-repeat ; }
#header .lang img { margin: 0 0.25em 0.5em 0 ; height: 1em ; border: 0 ; }
#header #nav-links { font-size: 70% ; font-style: italic ; }
#header #nav-links a { text-decoration: none ; }
#header #nav-links img { height: 1em ; border: 0 ; }

#title { text-align: right ; font-size: 2em ; font-weight: bold ; color: #c47630 ; }
#title a { text-decoration: none ; }

#content 
{
    scrollbar-3dlight-color: #666 ;
    scrollbar-arrow-color: #888 ;
    scrollbar-darkshadow-color: #666 ;
    scrollbar-base-color: #666 ;
    scrollbar-face-color: #222 ;
    scrollbar-highlight-color: #444 ;
    scrollbar-shadow-color: #444 ;
    scrollbar-track-color: #111 ;
}

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

#closedForBusiness { font-size: 80% ; font-style: italic ; color: #ccc ; }

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