﻿
/**************************** CONSTANT DIV's ****************************/ 
body {background-image: url(images/bluish.jpg);}


#container { position: relative; width:750px; height: 2400px;
margin-left: auto; margin-right: auto; border: 3px solid #333333;}

#priory { position: absolute; top: 0px; left: 0px; width: 250px; height: 170px;  
background-image: url(images/bluish.jpg); }

#header { position: absolute; top: 0px; left: 250px; width: 500px; height: 170px; 
background-color: #ffffee; }
#header a:link { color: #000080; text-decoration: none; }
#header a:hover { color: #c0c0c0; text-decoration: none; }
#header a:visited { color: #000080; text-decoration: none; }

#bar { position: absolute; top: 170px; left: 0px; width: 750px; height: 10px; 
background-color: #ffffee; }
#bar hr { height: 3px; color: #999999; }

#menu { position: absolute; top: 180px; left: 0px; width: 150px; height: 2180px; background-color: #ffffee;
padding-top: 40px; font: 10px Helvetica, Arial, sans-serif;}
#menu ul { list-style: none; margin: 0; padding: 0; text-align: center; padding-left: 0px;}
#menu li { border-bottom: 1px solid #000060; margin-bottom: 10px;  margin-left: 20px; padding-top: 3px; padding-bottom: 3px;}
#menu li a { display: block; padding: 2px; background-color: #000060; color: #ffffff; text-decoration: none; margin-left: 0px;}
#menu li a:hover { background-color: #000000; color: #ffffff; font-size: 10px; }


#copy { position: absolute; top: 180px; left: 150px; width: 500px; height: 2180px;
background-color: #ffffee;  padding-left: 50px; padding-right: 50px; padding-top: 40px; }
#copy a:link { color: #000080; text-decoration: none; }
#copy a:hover { color: #c0c0c0; text-decoration: none; }
#copy a:visited { color: #000080; text-decoration: none; }
#copy li {margin-top: 2px; font: 12px Verdana, sans-serif; color: #000000;}
#copy ul {margin-top: -15px;}

#tooltip { position: absolute; top: 520px; left:270px; display:block; width: 135px; 
height: 200px; padding:2px; font-size:0.9em; }

	
/********************************** FONTS ************************************/ 

p { font: 0.8em Verdana, sans-serif; color: #000000; text-align: left; margin-top: 3px;} /*book copy*/

h1 { font: italic 3.5em Times New Roman, serif; color:#000; margin: 0; line-height: 1.2em; padding-left: 10px; } /*mertonpriorypress*/
h1.title { font: bold 1.8em Times New Roman, serif; color: #000; padding-left: 0px;} /*book titles*/

h2 { font: bold 1.0em Verdana, sans-serif; color: #800000; margin: 0; line-height: 1.4em; padding-left: 10px; } /*independent publisher*/

h3 { font: bold 0.6em Verdana, sans-serif; color: #666666; margin: 0; line-height: 1.5em; padding-left: 10px; } /*address details*/

h4 { font: 24px Times New Roman, sans-serif; color: #000080; background: #ffff99; margin: 0; border: 1px solid black; padding-left: 15px; width: 120px; } 

h5 { font: bold 12px Verdana, sans-serif; color: #800000; } /*author*/

h6 { font: 1.6em Times New Roman, serif; color: #000000; margin: 0;} /*category*/

/********************************** MISCELLANEOUS TAGS ************************************/ 


img { border-style: 1px solid #333333; } 

hr { height: 2px; color: #000080; }

