﻿
/********************************* CONSTANT DIV's *************************************/ 

body { background-image: url(images/bluish.jpg); }

#container { position: relative; width:750px; height: 1200px;
margin-left: auto; margin-right: auto; border: 3px solid #333333;	}

#priory { position: absolute; top: 0px; left: 0px; width: 250px; height: 170px;  
background-color: #ffffee; }

#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: #ffffee; }

#menu { position: absolute; top: 180px; left: 0px; width: 150px; height: 980px; 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; }


/********************************* VARIABLE DIV's *************************************/ 

#copy { position: absolute; top: 180px; left: 150px; width: 500px; height: 980px;
background-color: #ffffee;  padding-left: 50px; padding-right: 50px; padding-top: 40px; }
#copy h1 { font: italic 30pt Times New Roman, serif; color:#000; padding-left: 0px; } 
#copy a:link { color: #000080; text-decoration: none; margin-bottom: 5px;}
#copy a:hover { color: #c0c0c0; text-decoration: none; margin-bottom: 5px;}
#copy a:visited { color: #000080; text-decoration: none; margin-bottom: 5px;}
#copy ul { list-style: none; }
#copy li { display: inline; margin-bottom: 5px; list-style: none; }

#merton_tooltip{ background-color:#EEE; border:1px solid #000; position:absolute; display:none;
z-index:20000; padding:2px; font-size:0.9em; -moz-border-radius:6px; font-family: "Trebuchet MS", Arial, sans-serif;}
	
#merton_tooltipShadow{ position:absolute; background-color:#555; display:none; z-index:10000; opacity:0.7;
filter:alpha(opacity=70); -khtml-opacity: 0.7; -moz-opacity: 0.7; -moz-border-radius:6px;}


/********************************** FONTS ************************************/ 


p { font: 0.8em Verdana, sans-serif; color: #000000; text-align: left; margin-top: -10px;} /*book copy*/
p.input { 	font: 0.8em Verdana, san-serif; color: #000060; text-align: left;}
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: bold 1.2em Verdana, sans-serif; color: #000080; } /*book details*/

h5 { font: bold 1.0em Verdana, sans-serif; color: #800000; margin-top: -15px; } /*author*/

h6 { font: 1.6em Times New Roman, serif; color: #000000; margin: 0;} /*category*/



/********************************** MISCELLANEOUS TAGS ************************************/ 

img { border: 0px; } 

li img { margin: 6px;}


hr { height: 2px; color: #000080; }

table {width: 75%;}

td { margin-right: 5px; background-color : #ffffee; font : bold 12px Verdana; color: #ffffff; text-indent: 3px;}

/********************************** FORM ELEMENTS (for Contact Form) ************************************/ 

textarea { background-color: #ddd; margin-bottom: 20px; }
input{ font: 14px Verdana; color: black; margin-left: 2px; border: 1px solid #888; background-color: #ddd; }
input.checkbox { font: 12px bold; color: #000080; }
input.btn { background-color: #777; border: 2px outset #cccccc;}
fieldset { width: 75%; font: 14px Verdana; background-color: #ddd; border: 1px solid black; }
table {width: 75%;}
td {width: auto; font: 14px "Verdana", serif; color: black; }
tr {height: 40px; }
select { margin-bottom: 20px; }



