<!--
a:hover  { color: white; }

.mediumShade {
    background-color: #587AB5;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 10pt;
    color : darkblue;
}

.mediumShadeSmall {
    background-color: #587AB5;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 8pt;
    color : darkblue;
}

.lightShade {
    background-color: lightgrey;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 10pt;
    color : darkblue;
}

.lightShadeSmall {
    background-color: lightgrey;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 8pt;
    color : darkblue;
}

.lightShadeWarning {
    background-color: lightgrey;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: italic;
    font-weight: bold;
    color: red;
}

#header { position:absolute; left:0; top:0; overflow: auto; float:left; background:#587AB5; z-index:5; }

#preface { overflow: auto; float: left; position : absolute; top: 70; left: 220; display:none; }
#reviews { overflow: auto; float: left; position : absolute; top: 70; left: 220; display:none; }

#toc     { overflow: auto; float: left; position : absolute; top: 70; left: 220; display:none; }
#sleuth1 { overflow: auto; float: left; position : absolute; top: 70; left: 220; display:none; }
#sleuth2 { overflow: auto; float: left; position : absolute; top: 70; left: 220; display:none; }
#sleuth3 { overflow: auto; float: left; position : absolute; top: 70; left: 220; display:none; }
#sleuth4 { overflow: auto; float: left; position : absolute; top: 70; left: 220; display:none; }
#sleuth5 { overflow: auto; float: left; position : absolute; top: 70; left: 220; display:none; }

#rules     { overflow: auto; float: left; position : absolute; top: 70; left: 220; display:none; }
#wspuzzles { overflow: auto; float: left; position : absolute; top: 70; left: 220; display:none; }
#wsmaker   { overflow: auto; float: left; position : absolute; top: 70; left: 220; display:none; }
#mlpuzzles { overflow: auto; float: left; position : absolute; top: 70; left: 220; display:none; }
#history   { overflow: auto; float: left; position : absolute; top: 70; left: 220; display:none; }

#author    { overflow: auto; float: left; position : absolute; top: 70; left: 220; display:none; }
#guestbook { overflow: auto; float: left; position : absolute; top: 70; left: 220; display:none; }
#favorites { overflow: auto; float: left; position : absolute; top: 70; left: 220; display:none; }
#contact   { overflow: auto; float: left; position : absolute; top: 70; left: 220; display:none; }

#mainnav { position:absolute; background-color: #587AB5; left:0; height:99%; z-index:1; }
#mainnav_spacer { height:60;}
#mainnav_home {  }
#mainnav_home_image{  }
#mainnav_home_options{ display: block; }
#mainnav_home_preface {  }
#mainnav_home_reviews {  }

#mainnav_books {  }
#mainnav_books_image {  }
#mainnav_books_options{ display: none; }
#mainnav_books_toc {  }
#mainnav_books_sleuth1 {  }
#mainnav_books_sleuth2 {  }
#mainnav_books_sleuth3 {  }
#mainnav_books_sleuth4 {  }
#mainnav_books_sleuth5 {  }

#mainnav_games {  }
#mainnav_games_image {  }
#mainnav_games_options{ display: none; }
#mainnav_games_rules {  }
#mainnav_games_wspuzzles {  }
#mainnav_games_wsmaker {  }
#mainnav_games_mlpuzzles {  }
#mainnav_games_history {  }

#mainnav_cba {  }
#mainnav_cba_image {  }
#mainnav_cba_options{ display: none; }
#mainnav_cba_author {  }
#mainnav_cba_guestbook {  }
#mainnav_cba_favorites {  }
#mainnav_cba_contact {  }

#mainnav_news { position: absolute; top: 500; z-index:-1; }
#mainnav_copyright { position: absolute; top: 1000; left: 0; font-size: 8pt;}

#content_wrapper { position: absolute; top: 80; left: 220; background: lightgrey; color: #587AB5; width: 400; height: 400; float: left; }

.no_scroll { overflow : hidden; }
.no_decoration { text-decoration : none; }
.panel_selected { background : lightgrey; color : black; }
.panel_clear { background : #587AB5; color : white; }

-->