/* Make scrollbar always visible */
html {
	overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll;
}
BODY{
  background: FFFFCC;
  background-image: url(./images/back2.gif);
	font-family:Verdana, Geneva, sans-serif;
}
A:visited,A
{
  text-decoration: none;
  color:#990000;
  font-weight: bold;
}
A:hover
{
  background: #eda;;
}

a img {border: none; } 


A.menu_link, A.menu_link:visited {
	font-family:"Verdana, Geneva, sans-serif";
	font-weight:normal;
	display: block;
	padding:0;
	margin:0;
	height:100%;
	width:100%;

}
A.menu_link:hover{

}

#dhtmltooltip{
position: absolute;

border: 1px solid #eda;
width: auto;
height:auto;
padding: 2px;
background-color: #eda;
visibility: hidden; 
z-index: 100;
font-size:11;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=115);
}
 

#body
{
  position:relative;
  margin-top: 1em;
  margin-left: auto;
  margin-right: auto;
  
  }
Form{
      margin-left: 1em;
      }

DIV.book_thumb
{

  border: solid #999900 2px ; 
  margin: 1em 0 0.1em 0;
  }
DIV.book_thumb1
{
  float: right;
  text-align: center;
  margin: 1em;
  margin-top:0;
  vertical-align: top
  }
A.mag{ 
       font-size: 0.8em;
       vertical-align: top }
IMG.mag
{ 
  vertical-align: bottom;
  }
DIV.booktitle
{
  width: 765px;
  text-align: left;
  height:1.6em;
  vertical-align: middle;
  font-size: 0.9em;
  color: #990000;
  margin-left: 2.7em;
  margin-right: auto;
  text-indent: 0.3em;
  margin-top: 3px;
  }
DIV.current_title
{
  background:#eda;
  width: 765px;
  text-align: left;
  border: 1px solid #999900;
  border-width: 1px 1px 0px 1px ;
  height:1.6em;
  vertical-align: middle;
  font-size: 0.9em;
  color: #333300;
  margin-left: 30px;
  margin-top: 3px;
  text-indent: 0.3em;
  }



DIV.booktitle:hover
{
  background:#eda;
  }
#title_john:hover
{
  background:#eda;
  }

IMG.logo{
  position:absolute;
  left: 80px;
  top:30px;
}

A.arrow
{
  border:0;

  }
#arrow A:hover
{
  background: none;
  border:0;

  }
DIV.content{ 
             position:absolute;
             width: 95%;
             min-height: 820px;

 }
DIV.box{
         position:relative;
         width: 65em;
         background:white ;
         text-align: left;
         /*border: solid #eda ;*/
         border: solid #990000;
         border-width: 2px 2px 2px 2px ;
         margin-left: auto;
         margin-right: auto;
         margin-bottom: 2em;;
         font-size: 0.9em;
         top: 1em;	
         color: #333300;
         z-index:2;
          min-height: 720px; 
         }
DIV.center_div
{
  position: relative;

  margin-left: auto;
  margin-right: auto;
  width: 13.5em;
  }
DIV.bookbox{
             
             background:white;
             text-align: left;
             position:relative;
             border: solid #999900;
             border-width: 1px 1px 1px 1px ;
             margin-left: 30px;
             margin-bottom: 1em;
             font-size: 12px;
             color: #333300;
             min-height: 280px;
             width: 765px;
             padding:0px;
             }
DIV.index_bookbox{
             
             background:white;
             text-align: left;
             position:relative;
             border: solid #999900;
             border-width: 1px 1px 1px 1px ;
             margin-left: 30px;
             margin-bottom: 1em;
             font-size: 12px;
             color: #333300;
             min-height: 280px;
             width: 765px;
             padding:0px;
             }
P.box, P.contact_box
{
  text-align: justify;
  margin-left: 10px;
  margin-right: 1em;
  
  }
P.indexbox{ 
            text-align: justify;
            margin-left: 30px;
            margin-right: 30px;
             width: 765px;
            }

P.contact_box1
{
  color: #990000;
  font-size:1.25em;
  margin-left: 0.8em;

  }
P.centered_box
{

  text-align: center;
  margin-left: 1em;
  margin-right: 1em;
  color: #333300
  }
P.centered_box_big
{
  font-size: 1.5em;
  text-align: center;
  margin-left: 1em;
  margin-right: 1em;
  color: #333300
  }
P.centered_box_small
{
  font-size: 0.9em;
  text-align: center;
  margin-left: 8em;
  margin-right: 8.5em;
  }

P.phone
{
  font-size:0.9em;
  margin-left: 1em;
  }
P.unwritten
{
  font-size:1.2em;
  margin-left:1em;
  margin-top:1em;
  }
TABLE.data
{
  width: 90%;
  background:white ;
  text-align: left;
  position:relative;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.9em;
  color: #333300;
  
  }
TABLE.data TD
{
  padding: 3 3 3 8;
  }

TD.note
{
  text-align: left;
  font-size:0.8em;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  }

TABLE.booklist
{
  width: 90%;
  background:white ;
  text-align: left;
  position:relative;
  /*border: solid #990000;
     border-width: 1 1 0 1 ;*/
  margin-left: auto;
  margin-right: auto;
  font-size: 0.9em;
  color: #333300;
  vertical-align: middle;
  }
TABLE.booklist TD
{
  /*border: solid #990000;
     border-width: 0 0 1 0 ;*/
  padding: 3 20 3 20;

  }


TR.first
{ 
  font-weight: bold;

  }
TD.first_a
{
  background:#7c9f9a;
  background:#eda;
  font-weight: bold;
  text-align: center;
  color: #990000;
  border: solid #999900;
  border-width: 1px 0px 1px 0px ;
  height:22px;

  }
TR.one
{
  background:#eda;
  width: 90%;
  text-align: left;
  border: 1px solid #999900;
  height:1.6em;
  vertical-align: middle;
  font-size: 0.9em;
  color: #333300;
  margin-left: auto;
  margin-right: auto;
  }
TR.one > td, TR.two > td
{
padding:4px;
  }
INPUT
{
  background: white;
  border: 1px solid #999900;
  }

SELECT
{
  background: white;
  border: 1px solid #999900;
  }
DIV.but{
         position: relative;
         width: 90%;
         background: white ;
         margin-left: auto;
         margin-right: auto;

         }
.but
{
  color: #990000;
  font-weight: bold;
  }
INPUT.but:hover
{
  background: #eda;
  }
INPUT.one
{
  background: white;
  }

DIV.rant
{
  width: 70em;
  font-size: 10px;
  position:relative;
  bottom:1em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-top:10px;
  }

SPAN.b_title
{
  text-decoration: none;
  color:#990000;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
  font-style: italic;
  }

SPAN.author
{

  text-decoration: none;
  color: #333300;
  font-weight: normal;
  cursor: default;
  }


#lycabettus
{
  position:absolute;
  width: 174px;
  height:33px;
  background: white;
  position: absolute;
  left: 40px;
  top: -20px;
  border: solid #990000;
  border-width: 2px 2px 2px 2px;
  text-align: center;
  }
TABLE.lycabettus
{
  position:relative;
  top:50%;
  top:16px;
  left:0px;
  width: 170px;
  height:29px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -14px; /* half the height for vert. center */
  font-size: 1.1em;
  color: #990000;
  font-weight: bold;
  border: solid #999900;
  border-width: 2px 2px 2px 2px ;
  }
TABLE.lycabettus TD
{
  text-align: center;
  }

DIV.top
{
  height:8.2em;
  }
TABLE.contents
{
  position: absolute;
  top: 2.5em;
  left: 260px;
  margin-bottom: 6em;
  }
TABLE.contents TD
{
  background: white;
  border: solid #999900;
  border-width: 1px 1px 1px 1px ;
  padding: 4px 4px 4px 4px;
	font-size: 12px;
  width: 8em;
  text-align: center;
  }
TABLE.contents TD:hover
{
  background: #eda;
  border: solid #990000;
  border-width: 1px 1px 1px 1px ;
	font-weight:bold;

  }


P.warning{
text-align: center;
  margin-left: 1em;
  margin-right: 1em;
  color: #333300;
  font-size: 1.2em;
}

DIV.foo { 
color:green;
         }

DIV.bar { 
color:red;
         }
#arrow
{
  position: fixed;
  width: 3.8em;
  bottom: 0.4em;
  right: 3;
  z-index:1;

  }