@charset "iso-8859-1";

body { text-align: left;  color: #039; margin-left : 1em; margin-right : 2em;
  background : #fff;  font-family: verdana, arial, helvetica, sans-serif; 
  border-style: none; line-height: 1.5; }
 h1 { margin-top: 2em; margin-bottom: 1em; text-align:  center; }
 h2, h3, h4, h5, h6 { margin-top: 1em; margin-bottom: 1em; text-align: left; }

 h1 { font-size: 160%; font-weight: 800; }
 h2 { font-size: 140%; font-weight: 700; }
 h3 { font-size: 120%; font-weight: 600; }
 h4 { font-size: 100%; font-weight: 500; }
 h5 {font-size: 95%; font-weight: 500; }
 h6 { font-size: 90%; font-weight: 400; }
 p, h2, h3, h4, h5, h6 {text-align : left; }
 h4, h5, h6 { font-style: italic; }
 p {text-indent: 0em; margin: 0 0 0 0; padding-bottom: 0.5cm;}
 ol, ul {padding-top: 0em; padding-bottom: 0em; margin-top: 0px; margin-bottom: 0px; }
 
 input {width: 30em}
 input.googlesubmit {width: 7em; }
 input.google {width: 6em; }
 li {padding-top: 0em; padding-bottom: 0.5em; text-align: left<} 
 dt {padding-top: 1em; padding-bottom: 0.5em; font-style: italic; }
 dd {padding-top: 0.5em;}
 hr {width: 60%; text-align: center; width: 30em; color : #336699; border-bottom: 2em;}
 .tenpoint {font-size: 10pt ;}
 .compact {padding-top: 0; padding-bottom: 0; }
 .center {text-align: center;}
 .right {text-align: right; }
  .middle {vertical-align : middle;} 
  
 p.tab {text-indent: 2em; }
 p.indent {margin-left: 50px; padding-bottom: 0.1cm;}
 p.nav {font-size: small ;}
 #navtop * {text-indent:1.5em ; font-size: x-small ; color: #003399; padding-bottom: 0.5em; padding-top: 0; }
 p.current {font-size: small; color: #CC0000; background: #003399 ; }
 p.submenu {text-indent: 0em; margin-left: 2em; margin-top: 1px; margin-bottom: 0px; font-weight: 500; }
 p.left {width: 175px; height: 80px; margin-top:5px; margin-bottom: 5px; text-align: center ; }
 p.webring {text-align: center; font-family: Trebuchet MS, arial, helvetica }
 
 p + p { margin-top : 2px }  
 
 a:hover {background: #003399 ; color: #CC0000; text-decoration: none; border: none; } 
 a.nav {text-decoration: none; border: none; }
 a.nav:hover {text-decoration: underline; background: #ffffff ; color: #003399; }

 span.top {font-size: x-small; font-weight:300 ; text-align : right;}
 span.green{ color: #008000; font-weight: 900}
 
 div.menusep {border-top: 1 px solid #909090; border-bottom: 1px solid #ffffff; margin: 4px 2px; }

 span.welcome {font-size : x-large;}

 
caption { caption-side: top ; text-align: center; font-weight:700}
table { table-layout: fixed; width: 100%; border-collapse: collapse; border: 2px solid #003399; padding: 3px; background: #ffffff; font-family : Arial, sans-serif;}
 thead { border: 2px solid #003399; border-collapse: collapse; text-align: center; font-weight: bold; vertical-align: bottom ;}
 tbody { border: 2px solid #003399; border-collapse: collapse; text-align: left; vertical-align: text-top ;}
 td.right {text-align : right; }
 td.center {text-align: center;}

 input.search {width: 45em}
 input.mediumblue {width: 30em; color: #ffffff; background: #003399; }
 td.search {width: 300px}
 
 table.google {width: 35em; }
 td.google {width: 12em; }
 
#topside {
 position: absolute; left: 0px; top: 0px; height: 5em; width : 99%; margin: 0; color: #ffffff; 
 padding : 0em; z-index : 1020; background-color: #003399; border-width: 0.25em; 
 border-style: outset; border-color: #003399;
}
 #topside h1 {text-align: center; font-weight: 800; font-size: 235%; vertical-align: middle; margin-top: 0.25em; margin-bottom: 0.1em; width: 100%}
 #topside a:link {text-decoration: none; color: #ffffff; background-color: #003399;}
 #topside a:visited {text-decoration: none; color: #ffffff; background-color: #003399;}
 #topside a:hover {text-decoration: none; color: #ffffff; background-color: #003399;}
 #topside a:active {text-decoration: none; color: #ffffff; background-color: #003399;}

#leftside {
 position : absolute; left : 7px; top : 0px; width : 130px; border: none; 
 margin-top: 15.0em ; padding-top : 0em; z-index : 900; color: #6699cc; background: #ffffff ; font-size: 90%; 
 }
 #leftside image {width: 122px;  }

#navbar span.terms {float: right; }
 
#navbar {position: absolute ; top: 5em; padding-top:0.35em; padding-bottom: 0.25em; margin: 0 0 0 -1em;
    background-color: #6699cc; width: 100%;   color: #ffffff;  z-index: 1000; }
    #navbar * {font-size: 14pt; }
#navbar p {text-align: right; padding-right: 5em; font-weight: 500; 
 color: #ffffff; background-color: #6699cc; padding-top: 0.15em; padding-bottom: 0.5em; line-height: 1em; }
 #navbar a:link {text-align: left; padding-right: 5em; font-weight: 700; text-decoration: none; color: #ffffff; background-color: #6699cc; padding-left: 0.25em; padding-right: 0.25em;  }
 #navbar a:visited {text-decoration: none; color: #ffffff; background-color: #6699cc; }
 #navbar a:hover {text-decoration: none; color: #ffffcc; background-color: #003399; }
 #navbar a:active {text-decoration: none; color: #ffffff; background-color: #6699cc; } 
 #navbar a.button {text-align: left; padding-right: 5em; font-weight: 700; text-decoration: none; color: #ffffff; background-color: #6699cc; padding-left: 0.25em; padding-right: 0.25em;  }
 #navbar a.button:hover {text-decoration: none; color: #ffffcc; background-color: #003399; }

#bottomnav {margin-top: 2em; text-align: center; }
#content {
  top: 10em; left: 140px; position: absolute; margin-top: 1em; width : 55%;
  margin: 0 20px 0 1em; padding: 0em 5em 0em 1em; color : #003399;
  background : #ffffff; z-index : 20; 
  }

 #bottom { position: relative; margin-top: 2em; width : 70%; 
 margin-left: 135px; margin-right: 2px; padding-left: 2em; 
 color : #003399; background : #ffffff; z-index : 12; }

 #right {
 position: absolute ; top: 0px; left: 78%; padding-left: 10px; margin-top: 11.5em; 
 margin-right: 2em; background: #ffffff; z-index: 100; line-height: 1.1; font-family: arial, verdana, sans serif; border: single; }

#hits {display: none; }
#bravenet * {text-align: center; }