/*$Header$*/

/* Baseline styles */
* {
   margin: 0;
   padding: 0;
}
li {
   list-style-type: none;
}
body {
   font: 1.0em verdana, arial, sans-serif;
   color: black;
   background-image: url(../images/sokol-bg.jpg);
   padding: 10px;
   text-align: left;
}

/* Tony Aslett float clearing */
.clear-floats:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.clear-floats { display: inline-block; }
/* HIDE FROM IE-MAC \*/
* html .clear-floats { height: 1%; }
.clear-floats { display: block; }
/* END HIDE */

/* Page template styles */
 #whole-page {
  width: 850px;
  background-color: white;
  color: black;
  margin-left: auto; margin-right: auto;
 }
 #page-head {
  border-bottom: 3px solid red;
  background-color: #EEEEFF;
  color: #221144;
 }
 #page-head #sokol-logo {
  float: left;
  padding: 4px 10px;
 }
 #page-head #banner {
  float: left;
  padding-left: .5em;
  text-align: center;
 }
 #page-head #banner h1 {
  font: 24pt 'Lucida Sans', cursive;
  font-weight: bold;
  font-style: italic;
 }
 #page-head #banner h2 {
  font-size: .9em;
 }
 #page-head #banner p {
  font-size: .75em;
  font-style: italic;
  margin-top: .25em;
 }
 #page-head #emblem {
  float: right;
  padding: 10px 6px;
 }
 #tabs {
  height: 1.1em;
  background-color: #221144;
  color: white;
 }
 #page-body {
  background-image: url(../images/page-bg.gif);
  background-repeat: repeat-y;
 }
 #menu {
  float: left;
  width: 110px;
  padding-top: 1.2em;
  background-color: #221144;
  color: white;
 }
 #menu ul {
  border-top: 1px solid white;
  margin: 0 5px;
 }
 #menu li {
  border-bottom: 1px solid white;
  padding: .4em 0;
  font-size: .8em;
  text-align: center;
 }
 #menu a {
  background-color: #221144;
  color: white;
  text-decoration: none;
 }
 #menu a:hover {
  color: #8888FF;
 }
 #content {
  float: left;
  width: 550px;
  color: black;
  background-color: white;
  padding: 0 5px .5em 10px;
  font: .9em verdana, arial, sans-serif;
 }
 #extras {
  float: left;
  width: 175px;
  background-color: #EEEEFF;
  text-align: center;
 }
 #page-foot {
/*  background-image: url(../images/page-bg.gif); */
background-color: #221144;
  background-repeat: repeat-y;
  padding: 5px;
 }
 #page-foot a {
  color: #EEEEFF;
  font-size: .5em;
 }

/*************************/
/* Common Content Styles */
/*************************/
 h2 {
  text-align: center;
  margin-top: .3em;
  font: italic bold 1.7em 'Lucida Sans', sans-serif;
 }
 h3 {
  margin-bottom: .3em;
  font: bold 1.2em verdana, arial, sans-serif;
 }
 h5 {
  margin-bottom: .3em;
  font: bold 1em verdana, arial, sans-serif;
 }
 .para {
  margin: .5em 0;
 }
 dt {
  padding-top: .5em;
  font-size: 1.2em;
  font-weight: bold;
 }
 .hilite {
  color: #f83fe4;
 }
 .hilite2 {
  background-color: #ffffaa;
 }
 dd {
  color: black;
  margin: 1em  2em;
  font-size: 1.1em;
 }
 em {
  font-size: .9em;
 }
 .button {
  float: right;
  margin-right: 3em;
 }
 .xlink {
  font-size: .6em;
  color: red;
 }