body
{
   margin: 0;
   padding: 0 0 0 0;
   background-color: bisque;

   font-family: DellaRobbia;
   color: rgb(102, 0, 0); 
   
font-size: 18px;
   height: 100%;
   width: 100%;
}



.redstripe{
position:absolute;
top: 0;
left: 0;
width: 40px; 

height: 100%;
background-color: maroon;}




.leftcol{
background-color: 
floralwhite;
position: absolute; 

background-image: url(images/spinesmallcolour.jpg);
background-repeat: 
no-repeat;
top: 0px;
left: 40px;
width: 140px;
height: 100%;
}




.menu{
top: 19px;
padding-right: 10px;

text-align: right;
/*line-height: 80px;*/
font-size: 1.1em;

list-style-type: none;
}

.menuitem{
background-color:none;

margin-top: 30px;
}

.rightcol{
position: absolute;
left: 180px;

height: 100%;
width: 100%
background-color:none;
}




.content{
padding-left: 10px;
padding-right: 0px;
padding-top: 
10px;
padding-bottom: 10px;
min-width: 220px;
}



.thanks{text-align: left; bottom: 10em; font-size: 14px;}
.botline{
position: 
absolute;
overflow: auto;
padding-right:20px;
background-color:#d4958c;

color: floralwhite;
width:100%;
height: 2em;
text-align: right;
bottom: 
0em;
}




.picpos /*Use this for placing the picture at the bottom right.
 It will always be on the right.*/
{
float: right;
padding-left: 15px;

padding-right: 15px;
padding-bottom: 15px;
}



.languages{
color: 
floralwhite; padding-right: 20px;
}


.booklist{
font-weight: bold;}


.quote{
text-indent: 
20px;
font-style: italic; 
font-weight: bold}


a:link 
{
text-decoration:none; 
color: #BE413D;}
a:visited{text-decoration:none;
  color:#684945;}

a:hover{
color:red;
text-decoration:none;}



.contact{
padding-right: 20px; 
padding-left: 100px;

color: floralwhite;
}

.address{
text-align: left;
}

.back{padding-right:20px; text-align: right; font-size: 24px;}