body {
 font-family: Verdana, sanf-serif;
 background: url(i/background.gif);
 margin: 0;
 color: white;
}

h1 {
 font-size: 24px;
 font-weight: normal;
 margin: 30px 20px 0 20px;
}

img { border: 0; }

p, td, div { font-size: 13px; }

a {color: #FFFFFF; font-weight: bold}
a:visited { color: #BFBFBF; }
a:hover,active { color: #FFA300; }

sup { font-size: 8px; }

.downloadlink { font-size: 10px; font-weight: normal; }

#footer {
 margin-top: 20px;
 padding: 5px;
}

.tdleft {
 width: 191px;
 background: url(i/left_background.gif) repeat-y;
 vertical-align: top;
 height: 579px;
}

.tdcenter {
 width: 208px;
 background:url(i/center_background.gif) repeat-y;
 vertical-align: top;
}

.tdright {
 background: url(i/right_background.gif);
 vertical-align: top;
 width: 401px;
}

.tdrightborder {
 background: url(i/right_rborder.gif) repeat-y;
}

.tdrightbrd {
 background: url(i/right.gif) no-repeat;
 vertical-align: bottom;
}

#menu {
 list-style: none;
 padding: 20px 0 0 0;
 margin: 0;
}

#menu li {
 margin: 0;
 padding: 0;
}

#articles {
 padding: 15px 20px 15px 20px;
}

.article {
 font-size: 11px;
}

.headerb {
 text-align: right;
 padding-left: 20px;
}

.headerb hr {
 height: 6px;
 color: #586272;
 background-color: #586272;
 border: 0;
}

#hand {
 height: 100%;
 position: relative;
}

#hand img {
 position: absolute;
 bottom: 0;
 left: 90px;
}

.brd img {
 display: block;
}


/* --- presentation styles --- */

.tdleftpre {
 width: 15px;
 background: url(i/left_background_pre.gif) repeat-y;
 vertical-align: top;
 height: 500px;
}

.tdrightpre {
 background: url(i/right_background.gif);
 vertical-align: top;
 width: 600px;
}

.tdcenterpre {
 width: 205px;
 background:url(i/center_background_pre.gif) repeat-y;
 vertical-align: top;
}

.tdbottompre {
 background:url(i/pre_bottom_background.gif);
 vertical-align: top;
}

#puzzle {
 height: 100%;
 position: relative;
}

#puzzle img {
 position: absolute;
 bottom: 31px;
 left: 105px;
}

.brd_pre img {
 display: block;
}

.downloaddiv {
 padding-bottom: 2px;
 background-color: #586272;
 border-bottom: 1px white solid;
 text-align: right;
}

div.hr {
 height: 1px;
 margin-top: 10px;
 margin-bottom: 10px;
 background: url(i/dot.gif) repeat;
}

div.hr hr {
  display: none;
}

.pic { margin: 10px }

#top_nav {
 position: absolute;
 right: 90px;
 top: 6px;

}

#pre_bottom_nav {
 position: relative; 
 bottom: 5px;
}

#pre_bottom_nav .pageon div {
 color: white;
 font-weight: bold;
}

#pre_bottom_nav #pager ul {
 margin: 0 0 0 18px; 
 padding: 0; 
 list-style: none;
}

#pre_bottom_nav ul img {
 display: block;
}

#pre_bottom_nav #pager ul li {
 float: left;
 margin-right: 10px;
 text-align: center;
 position: relative;
}

#pre_bottom_nav a {
 text-decoration: none;
 font-weight: normal;
 color: #BFBFBF;
}

#pre_bottom_nav a div {
 font-size: 0.8em;
 padding-top: 2px;
}

#pre_bottom_nav #yellow_nav {
 float: right;
 position: relative;
 bottom: 3px;
}

#pre_bottom_nav #yellow_nav ul {
 margin: 0 20px 0 0;
 padding: 0;
 list-style: none;
}

#pre_bottom_nav #yellow_nav ul li {
 float: left;
 padding-right: 15px;
 text-align: center;
 position: relative;
}

#pre_bottom_nav #yellow_nav ul li img {
 margin-left: 6px;
 *margin-left: 0;
}