/* css-style for web-pages of Workshop on Algorithms on Words */
/* With menu on the left side. */
/* Petri Salmela - 01.09.2006 */


body { font-family: sans-serif;
       background: white; }

div#outerpagebox
            { max-width: 50em;
              /*margin: 2em;*/
              margin-right: auto;
              margin-left: auto;
              padding: 0;
              border: 0px solid;
              /*border-top-color: #f3a434;
              border-left-color: #f3a434;
              border-right-color: #3b552e;
              border-bottom-color: #3b552e;*/
              float: none; }

div#pagebox { background-color: #ffffdf;
              padding-left: 0em;
              padding-right: 0em;
              border: 0px solid;
              /*border-color: #3b552e;*/
              margin: 0em;
              /*padding: 1em;
              border-top-color: #3b552e;
              border-left-color: #3b552e;
              border-right-color: #f3a434;
              border-bottom-color: #f3a434;*/
              position: relative;
              float: none; }

div#top-left, div#top-right, div#bottom-left, div#bottom-right
     { display: none; }

div#header { color: #527848;
             text-align: center;
             margin-bottom: 2em; }

h1, h2
        { color: #527848;
          background-color: transparent;
          text-shadow: none; /*#f3a434 0.2em 0.2em 3px;*/ }



div#menu { margin: 0/*1.5em*/;
           padding: 0;
           position: absolute;
           left: 0;
           top: 8em;}

div#menu ul { text-align: center;
              margin: 0em;
              padding: 0em;
              white-space: normal; }

div#menu ul li { background-color: #527848;
                 color: white;
                 display: list-item;
                 width: 8em;
                 white-space: normal;
                 list-style: none;
                 margin: 2px;
                 padding: 0.5em;
                 border: 0px solid;
                 border-color: #f3a434;
                 font-weight: bold; }

div#menu ul li:hover { background-color: #5bd942; }

div#menu ul li a { color: white;
                   text-decoration: none; }

div#main { margin: 1.5em;
           margin-left: 11em;
           min-height: 20em;
           /*border: 1px solid black;
           min-height: 200px;*/ }

div#main h2 { border-bottom: 3px dashed #527848;
              clear: right; }

div#main a { color: #527848; }

div#main a:visited { color: #a47637; }

div#main a:hover { color: #3b552e;
                   background-color: #ffffd0; }

div#footer { background-color: #527848;
             color: white;
             border: 0px solid;
             /*border-color: #f3a434;*/
             font-weight: bold;
             text-align: right;
             padding-left: 1em;
             padding-right: 1em;
             margin-left: 0;/*1.5em;*/
             margin-right: 0;/*1.5em;*/
             margin-bottom: 2em;
             clear: right; }

div#footer a { text-decoration: none;
               color: white;
                }

div#footer a:hover { color: #f3a434; }

div#sidepicture { margin: 0.5em;
                  float: right;
                  height: 200px;
                  width:145px;
                  background: transparent url(img/stairs.jpg) top left no-repeat;}

/*img#sidepicture { margin: 2px;
                  margin-left: 28em;
                  float: right; }
*/

table.nonbullist { width: 100%; }

table.nonbullist td.logo { text-align: right; }