html {width: 100%;}

body {height: 100%;
      width: 95%;
      margin-left: auto;
      margin-right: auto;
      padding-top: 10px;
      background-color: #EEEEEE;
      font-family: arial, helvetica, sans-serif;
      font-size: 0.9em;
      color: #808080;}

a {color: #000066;
   text-decoration: none;}
a:visited {color: #000066;}
a:hover {color: #808080;}
a:active {color: #808080;}

#canvas {margin-left: auto;
         margin-right: auto;
         width: 910px;
         height: 532px;}

#content {padding-top: 50px;
          max-width: 878px;
          min-width: 728px;
          height: 450px;}

#frameTopLeft {height: 16px;
               width: 16px;
               background-image: url(frame_tl.jpg);
               background-repeat: no-repeat;
               background-position: right bottom;}

#frameTop {height: 16px;
           max-width: 878px;
           min-width: 728px;
           background-image: url(frame_t.jpg);
           background-repeat: repeat-x;
           background-position: bottom;}

#frameTopRight {height: 16px;
                width: 16px;
                background-image: url(frame_tr.jpg);
                background-repeat: no-repeat;
                background-position: left bottom;}

#frameLeft {width: 16px;
            background-image: url(frame_l.jpg);
            background-repeat: repeat-y;
            background-position: right;}

#frameCentre {max-width: 878px;
              min-width: 728px;
              background-color: white;}

#frameRight {width: 16px;
             background-image: url(frame_r.jpg);
             background-repeat: repeat-y;
             background-position: left;}

#frameBottomLeft {height: 16px;
                  width: 16px;
                  background-image: url(frame_bl.jpg);
                  background-repeat: no-repeat;
                  background-position: right top;}

#frameBottom {height: 16px;
              max-width: 878px;
              min-width: 728px;
              background-image: url(frame_b.jpg);
              background-repeat: repeat-x;
              background-position: top;}

#frameBottomRight {height: 16px;
                   width: 16px;
                   background-image: url(frame_br.jpg);
                   background-repeat: no-repeat;
                   background-position: left top;}

#location {border-left: 5px solid white;
           height: 174px;
           max-width: 479px;
           min-width: 329px;
           padding-right: 10px;
           background-image: url(mpserellis_right.jpg);
           background-repeat: no-repeat;
           background-position: left center;
           font-family: times new roman, times, serif;
           font-size: 40px;
           font-style: italic;
           color: #99CCFF;
           text-align: right;}

#contentPaneRight {border-left: 5px solid white;
                   padding-top: 20px;
                   padding-right: 20px;
                   text-align: justify;}

#contentPaneLeft {text-align: center;
                  padding-top: 20px;}

#menu td {width: 100px;
          height: 75px;
          text-align: right;
          padding-right: 15px;
          background-repeat: no-repeat;
          background-position: right top;}

#menuLogin {background-image: url(icon_login_up.jpg);}
#menuLogin:hover {background-image: url(icon_login.jpg);}