html, body { margin:  0;
             padding: 0;
             border:  0 }

body { background: #86bfec url( /Ernie/images/paws.gif );
       font:       normal normal 100%/1.2em arial, helvetica, verdana, sans-serif }

div { width: 776px;
      margin: auto }

a img { border: 0 }

/* CONTENTS */

#content { background: #fff url( /Ernie/images/content_background.gif ) repeat-y;
           margin-top:    65px;
           margin-bottom: 10px;
           border-bottom: 3px solid #fff;
           position: relative }

#content #banner { margin-bottom: 100px }

h1, h2, h3, h4, h5, h5,
p, ul, ol { margin:  0 20px 1.2em 35px;
            padding: 0 }

li { padding: 0;
     margin:  0 0 0 25px }

h1 { font-size: 2.0em;
     line-height: 1.0em;
     margin-bottom: 0.5em }

#content object { position: relative;
                 left: 50%;
                 margin: 0 0 1.2em -160px }

#certificate { background: #fff;
               position: absolute;
               top: 30px;
               right: 20px;
               width: 200px;
               height: 150px;
               border: 1px solid #000 }

div#certificate h2 { font-size: 1em;
                     margin: 3px 3px 0.56em 3px;
                     padding: 0 }

div#certificate ul { float: left;
                     padding: 0;
                     margin: 0;
                     width: 50% }

div#certificate ul li { list-style-type: none;
                        list-style-image: url( /Ernie/images/activity-incomplete.gif );
                        list-style-position: inside;
                        margin: 0 0 0 5px;
                        padding: 0;
                        height: 18px }

div#certificate ul li.completed { list-style-image: url( /Ernie/images/activity-complete.gif ) }

div#certificate p { margin-left: 5px }

div.nextActivity { text-align: center }

/* FOOTER */

#footer { margin-bottom: 1em;
          color:         #fff;
          background:    #234486;
          position:      relative;
          overflow:      hidden }

#footer a { color: #fff }

#footer ul { margin:  0 -1px 0 10px;
             padding: 0;
             list-style-type: none }

#footer li { margin:       0;
             padding:      0 5px;
             display:      inline;
             font-size:    0.8em;
             border-right: 1px solid #fff }

#footer img { position: absolute;
              bottom:   0 }

html>body #footer img { bottom: -1px }

#footer .left { left: 0 }

#footer .right { right: 0 }

/* LOGO */

#logo { width:       326px;
        height:      344px;
        position:    absolute;
        top:         10px;
        left:        50%;
        margin-left: -163px;
        filter:      progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Ernie/images/ErnieLogo.png');
        cursor: hand;
        cursor: pointer }

* html #logo img { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0) }

/* RULES PAGES */

#rule { overflow: auto }

#rule h1,
#rule h2,
#rule h3,
#rule ul,
#rule ol,
#rule p { width: 33% }

#rule img { float: right;
            margin: 0 20px }

#rule a#goToActivity img { float: none;
                           margin: 0 0 0 120px }

#rule #buttons { width: 33%;
                 margin: 0 0 15px 35px;
                 text-align: center }

#rule #buttons img { float: none;
                     margin: 0 }