BODY{
      background: FFFFCC;
      background-image: url(./images/back2.gif);
      }
a img {border: none; } 

#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.3em 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;
  }
#title{
        width: 93%;
        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;
        }
#title_john{
        width: 93%;
        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;
        }
#current_title
{
  background:#eda;
  width: 93%;
  text-align: left;
  border: 1px solid #999900;
  height:1.6em;
  vertical-align: middle;
  font-size: 0.9em;
  color: #333300;
  margin-left: 2.7em;
  margin-right: auto;
  margin-top: 0.5em;
  text-indent: 0.3em;
  }

#arrow
{
  position: fixed;
  width: 3.8em;
  bottom: 0.4em;
  right: 3;
  z-index:1;

  }

#title:hover
{
  background:#eda;
  }
#title_john:hover
{
  background:#eda;
  }
A:visited,A
{
  text-decoration: none;
  color:#990000;
  font-weight: bold;
  }
A:hover
{
  background: #eda;;
  }

IMG.logo{
          position:absolute;
          left: 1.7em;
          top:2.6em;

          }

A.arrow
{
  border:0;

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

  }

DIV.box{
         width: 60em;
         background:white ;
         text-align: left;
         position:relative;
         /*border: solid #eda ;*/
         border: solid #990000;
         border-width: 2 2 2 2 ;
         margin-left: auto;
         margin-right: auto;
         
         margin-bottom: 2em;;
         font-size: 0.9em;
         top: 1em;	
         color: #333300;
         z-index:2;
         min-height: 30em;
         }
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: 1 1 1 1 ;
             margin-left: 2.7em;
             margin-right: auto;
             margin-bottom: 1em;
             font-size: 0.9em;
             color: #333300;
             min-height: 20em;
             width: 93%;
             }
P.box, P.contact_box{
                      text-align: justify;
                      margin-left: 1em;
                      margin-right: 1em;
                      }
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.7em;
  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
{
  border: solid #990000;
  border-width: 1 0 1 0 ;
  background:#7c9f9a;
  background:#eda;
  font-weight: bold;
  text-align: center;
  color: #990000;
  border: solid #999900;
  border-width: 1 0 1 0 ;

  }
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;
  }

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: 10;
  position:relative;
  bottom:1em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;

  }

SPAN.booktitle
{
  text-decoration: none;
  color:#990000;
  font-weight: bold;
  font-size: 1.14em;
  cursor: pointer;
  font-style: italic;
  }
SPAN.stjohn
{
  text-decoration: none;
  color:#990000;
  font-weight: bold;
  font-size: 1.1em;
  cursor: pointer;
  font-style: italic;
  }

A.booktitle
{

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


#lycabettus
{
  width: 12.7em;
  height:1.9em;
  background: white;
  position: absolute;
  left: 5%;
  top: -1.2em;	
  border: solid #990000;
  border-width: 2 2 2 2;
  text-align: center;
  }
TABLE.lycabettus
{

  font-size: 1.1em;
  color: #990000;
  font-weight: bold;
  padding:1 1 1 1;
  width: 100%;
  height: 100%;
  }
TABLE.lycabettus TD
{


  border: solid #999900;
  border-width: 2 2 2 2 ;
  text-align: center;
  }

DIV.top
{
  
  height:8.2em;
  }
TABLE.contents
{
  position: absolute;
  top: 3.5em;
  left: 13.4em;
  margin-bottom: 6em;
  }
TABLE.contents TD
{
  background: white;
  border: solid #999900;
  border-width: 1 1 1 1 ;
  font-size: 0.7em;
  width: 8em;
  text-align: center;
  }
TABLE.contents TD:hover
{
  background: #eda;
  border: solid #990000;
  border-width: 1 1 1 1 ;


  }


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