/*
  style.css
  http://www.thesitewizard.com/
*/

/*
body {
  background-color: white;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em ;
}
a:link {
  color: blue ;
  background-color: transparent ;
}
a:visited {
  color: purple ;
  background-color: transparent ;
}
a:hover {
  color: black ;
  background-color: #cfc ;
}
a:active {
  color: red ;
  background-color: transparent ;
}
h1 {
  font-size: 1.4em ;
  margin: 1px ;
  line-height: 1.1em ;
}
h2 {
  font-size: 1.1em ;
  font-weight: bold ;
  margin: 1px ;
}
h3 {
  font-size: 1.1em ;
  font-weight: bold ;
  margin: 1px ;
}
ol.content {
  margin-left: 0 ;
  padding-left: 2.5em ;
}
ol.content li {
  margin-bottom: 1.5em ;
}
ul.content {
  margin-left: 0 ;
  padding-left: 1.1em ;
  list-style-type: disc ;
}
ul.content li {
  margin-bottom: 1.5em ;
}
ol.content2 {
  margin-left: 0 ;
  padding-left: 1.1em ;
}
ol.content2 li {
  margin-bottom: 1.5em ;
  list-style-type: lower-alpha ;
}
ul.listoflinks {
  margin-left: 0 ;
  margin-top: 0 ;
  margin-bottom: 0 ;
  padding-left: 1.1em ;
  list-style-type: disc ;
}
ul.listoflinks li {
  margin-top: 0 ;
  margin-bottom: 0 ;
}

div.toppanel {
  position: absolute ;
  left: 5px ;
  top: 5px ;
  width: 98% ;
}
div.logo {
  position: absolute ;
  left: 0px ;
  top: 0px ;
  width: 202px ;
}
div.logo a:hover {
  color: black ;
  background-color: transparent ;
}
div.toptitle {
  position: absolute ;
  top: 0 ;
  left: 210px ;
  color: black ;
  background-color: #9cf ;
  border-top: 1px solid #c0ffff ;
  border-right: 1px solid #00f ;
  border-bottom: 1px solid #00f ;
  border-left: 1px solid #c0ffff ;
  padding: 5px ;
}
div.sidepanel {
  position: absolute ;
  top: 50px ;
  left: 5px ;
  width: 200px ;
  text-align: center ;
}
div.newmaincontent {
  position: absolute ;
  top: 5px ;
  left: 220px ;
  right: 0 ;
  width: auto ;
  line-height: 1.3em ;
  padding-right: 0.5em ;
}
div.newtoptitle {
  color: black ;
  background-color: #9cf ;
  padding: 8px ;
  border-top: 1px solid #c0ffff ;
  border-right: 1px solid #00f ;
  border-bottom: 1px solid #00f ;
  border-left: 1px solid #c0ffff ;
}
div.maincontent {
  position: absolute ;
  top: 150px ;
  left: 220px ;
  right: 0 ;
  width: auto ;
  line-height: 1.3em ;
  padding-right: 0.5em ;
}
div.codeblock {
  border: 1px solid green;
  font-family: "Courier New", Courier, monospace;
  font-size: 95% ;
  padding: 8px ;
}
div.copyright {
  clear: both ;
  color: black ;
  background-color: #9cf ;
  padding: 4px ;
  border-top: 1px solid #c0ffff ;
  border-right: 1px solid #00f ;
  border-bottom: 1px solid #00f ;
  border-left: 1px solid #c0ffff ;
}
div#breadcrumbs {
  padding-left: 8px ;
  padding-right: 8px ;
  color: black ;
  background-color: white ;
  border: 1px solid black ;
  margin-bottom: 12px ;
}
p.infobox, div.infobox {
  border: 1px solid blue ;
  padding: 8px ;
}
input.searchentry {
  width: 100px ;
}

html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif}

li {
margin-bottom: 20px;
}
 */
p{margin:0 10px 10px}

div#header h1{height:70px; line-height:70px; margin:0;
              padding-left:10px; background: #EEE; color: #79B30B; font-size: 15 pt;}
div#header img{
    float: left;
    width: 80px;
}
div#header {font-size: 15 pt;}


div#content p{line-height:1.4}

div#navi{float:left;width:200px}

div#navigation{background:#B9CAFF;}
div#navigation a {
    font-size: 11pt;
    padding-left: 8px;
    padding-right: 5px;
    display:block;
    color: #981793;
    padding:10px;
    text-decoration:none;
    background: url(http://www.compugene.com/strelica.gif) left no-repeat;
    padding-bottom: 3px;
    margin-right: 5px;
    color: #000;
}

div#navigation a:hover {
    color: #FF0000;
 }
div#navigation{float:left;width:200px}
div#navigation p{font-size: 12px; padding-left: 3px; padding-bottom: 0px;}

div#footer{background: #EEE;color: #0000BB; text-align: center; }
div#footer p{margin:0;padding:5px 10px}
div#footer{clear:both;width:100%}

div#footer {
  position:absolute; 
  bottom:0; 
  left:0;
  width:100%; 
  height:25px;
  overflow:auto;
  font-size: 9pt;
  line-height: 25px;
  border-top:0px solid #990000;
  }
* html #footer {height:25px;}

div#wrapper{float:right;width:100%;margin-left:-200px}

div#content{margin-left:100px; padding-left: 120px; padding-right: 50px; font-size: 15px; }



div#extra{background:#FF8539; font-size: 9pt;
   border-top: 1px solid #c0ffff ;
  border-right: 1px solid #00f ;
  border-bottom: 1px solid #00f ;
  padding-top: 5px;
  border-left: 1px solid #c0ffff ;}
div#extra{float:left;clear:left;width:198px; color: white; font-style: regular;}


/* menu buttons */
div.searchbutton {
  color: black ;
  background-color: white ;
  border: 1px solid #808080 ;
  margin: 4px;
  border-radius: 4px ;
}
div.button {
  color: black ;
  background-color: #9cf ;
  border-top: 1px solid #c0ffff ;
  border-right: 1px solid #00f ;
  border-bottom: 1px solid #00f ;
  border-left: 1px solid #c0ffff ;
  padding: 0 ;
  font-size: 1em ;
  margin: 0 ;
}
a.menubutton:link, a.menubutton:visited {
  text-decoration: none ;
  color: black ;
  text-align: center ;
  font-size: 1em ;
  background-color: #9cf ;
  display: block ;
  padding: 3px ;
}
a.menubutton:hover {
  text-decoration: none ;
  color: yellow ;
  background-color: #000090 ;
  display: block ;
  padding: 3px ;
}
a.menubutton:active {
  text-decoration: none ;
  color: yellow ;
  background-color: #0000c0 ;
  display: block ;
  padding: 3px ;
}