body {
    color: #000000;
    background-color: #ffffff;
    margin-left: 0pt;
    margin-top: 0pt;
    margin-right: 0pt;
    border-collapse: collapse;
    border-width: 0pt;
    border-spacing: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 11pt;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}


div.toparea {
 background-color:white;   
}

div.leftnavigation {
clear:left;
 float:left;
 background-color:white;   
}

div.leftnavigation div {
width:157px;
height:33px;
background-image:url(../img/navig.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
font-family: sans-serif;
font-weight: normal;
font-size: small;
color: white;
padding-top: 9px;
padding-left: 11px;
}

div.leftnavigation div a {
font-weight: normal;
}

div.leftnavigation div.l2 {
width:157px;
height:33px;
background-image:url(../img/navigw.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
font-family: sans-serif;
font-size: small;
color: white;
padding-top: 9px;
padding-left: 21px;
}

div.leftnavigation div:hover {
background-image:url(../img/navigr.gif);
}

div.leftnavigation div.high {
background-image:url(../img/navigh.gif);
height:66px;
}

div.leftnavigation div.high:hover {
height:72px;
background-image:url(../img/navigrh.gif);
}


div.leftnavigation div.l2:hover {
background-image:url(../img/navigrw.gif);
}

div.leftnavigation div a:visited {
font-family: sans-serif;
font-size: small;
color: white;
text-decoration: none;
}

div.leftnavigation div a:link {
font-family: sans-serif;
font-size: small;
color: white;
text-decoration: none;
}

div.contentarea {
  display: block;
  margin: 0 0 0 180px;
}


table.archive {
  vertical-align:middle;    
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight: bold;
  color:#0033CC;
}

table.archive tr.gray {
background-color:#CCCCCC;
}

table.archive tr.white {
 background-color: white;   
}

table.archive tr td {
    text-align: center;
}

table.archive tr td.bookname {
    color:#FF3300;
}

table.archive tr td.parshaname {
  color:#0033CC;
  font-weight:bold;
}

.combobox {
background-color: #00cc99;
color: #000000;
font-size: 12pt;
font-family: sans-serif;
font-weight: bold;
}

div.blackbackground {
 background-color:black; 
 color:white;   
}

div.blackbackground a:link {
    color:white; 
    text-decoration:none;
}

div.blackbackground a:visited {
    color:white; 
    text-decoration:none;
}


a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}
    
a.lessonnotes {
 padding-left: 20px;
}

div.Lessons ul li {
    margin-bottom: 5px;
}