@font-face {
  font-family: 'JSG';
  font-style: normal;
  font-weight: normal;
  src: url('js-games.ttf') format('truetype');
}

body { font-size: 16px; margin:0; padding:0; color:#000080; background-color:white; height:100%; width:100%; font-family:Verdana,sans-serif; }

a { color:#000080; background-color:transparent }
a:visited { color:#000080; background-color:transparent }
a:active,a:hover { color:red; background-color:transparent }

a.index:hover { background-color:#D5D5FF; }

a.current { background-color: #E5E5FF; }

a.title { text-decoration:none }

td, th { font-family: Verdana,sans-serif; }
td.team { height: 40px; border-bottom: 1px dashed #8080ff; }
td.right { border-left: 1px dashed #8080ff; color: #000080; background-color: #fff; }

th { font-style: italic; }

.highscore tr:hover { background-color: #dff; }
.highscore td { text-align: center; margin: 0; }

.navcol { width: 150px; }
.line-hor { height:10px; background-image:url(index_h.gif); }
.line-vert { background-image:url(index_v.gif); width:10px; }
.line-cross { background-image:url(index_cross.gif); width:10px; }

td.news_title { text-align:right; white-space:nowrap; font-size: 24px; line-height: 22px; }
td.news_body { text-align:justify; padding:10px }

td.frame_ro { background-image:url(news_ro.gif); width:16px; background-repeat:no-repeat }
td.frame_r { background-image:url(news_r.gif); width:16px; background-repeat:repeat-y }
td.frame_lu { background-image:url(news_lu.gif); width:10px; height:20px; background-repeat:no-repeat }
td.frame_u { background-image:url(news_u.gif); height:20px; background-repeat:repeat-x }
td.frame_ru { background-image:url(news_ru.gif); width:16px; height:20px; background-repeat:no-repeat }

.source { color:black; background-color:#eeeeff; margin:3px; padding:3px; font-family:monospace; white-space: pre; overflow:auto; border: 1px solid #000080; }

.comment { color:#000080; background-color:white }
img { border-width: 0; }

input,select,textarea { text-align: center; background-color:#DDDEFF; color:#000080; border-color:#000080; font-family: sans-serif; }
label { cursor: pointer; }

.navigation a {
  display: block;
  padding: 1px 0 1px 5px;
}

.navigation a:before {
  content: "";
  display: inline-block;
  height: 6px;
  width: 6px;
  background: #000080;
  margin-right: 8px;
}

.navigation a.sect {
  text-transform: uppercase;
}

.navigation a.subsect {
  padding-left: 15px;
}

.navigation a.subsect:before {
  border-radius: 3px;
}

.jsgfont,
h1,
h2,
h3{
  font-family: "JSG", sans-serif;
  text-decoration: none;
}

h1 {
  font-size: 48px;
  font-weight: normal;
}

h2, h3 {
  font-size: 32px;
  font-weight: normal;
}