/* lavender=#ECD1FC  lightlavender= #FFF2FF  background=#FFFBFF normal shadow colour #C0C0C0*/

body {background-color:white;color:black;margin:0px;padding:0px;font-size:9pt;
	letter-spacing:1pt;width:100%;
	font-family: "Arial","Helvetica", sans-serif;
	scrollbar-arrow-color:red;
	scrollbar-track-color:"white";
	scrollbar-shadow-color:red;
	scrollbar-face-color:#FFFFF5;
	scrollbar-highlight-color:red;
	scrollbar-darkshadow-color:#FFFBFF;
	scrollbar-3dlight-color:#FFFBFF;
	}

h1 {margin:20px 0px 20px 0px;letter-spacing:5pt;font-weight:normal;
	font-size:15pt;color:red;line-height:17pt;}
h2 {font-size:11pt;color:red;font-weight:normal;letter-spacing:2pt;display:inline;}

hr{color:#993399;height:1px;}

a {text-decoration:underline;color:#0000CC;}
a:hover {text-decoration:underline overline;}
a img {border:1px solid white;}
a:hover img {border:1px solid #0000CC;}
a.hover {text-decoration:none;color:black;}
a.hover:hover {text-decoration:underline overline;color:#0000CC;}
a.closebox {text-decoration:none;float:right;border: 1px solid fuchsia;padding:0px 3px 0px 4px;}
a.closebox:hover {text-decoration:none;}
 
/*div {border:1px solid black;}*/
div.top {position:absolute;top:0px;left:55px;width:880px;line-height:17pt;text-align:center;}
div.left {position:absolute;top:160px;left:10px;width:130px;}
div.text {position:absolute;top:125px;left:160px;width:530px;text-align:left;float:left;}
div.right {position:absolute;top:127px;left:720px;width:250px;border:1px solid red;
	padding:10px 10px 10px 10px;letter-spacing:0pt;font-size:8pt;background-color:#FFFFF5;} 
div.credits {font-size:8pt;text-align:center;letter-spacing:0pt;margin-bottom:20px;}
div.credits h2 {font-size:8pt;color:black;display:inline;letter-spacing:0pt;margin:0;}
div.box {letter-spacing:0pt;font-size:10pt;border:solid red 1pt;padding:10px 10px 10px 10px;background-color:#FFFFF5;}

em {font-size:1pt;}

img {border:0px;}
span.small {font-size:5pt;}
span.verytiny {font-size:1pt;}

strong {font-weight:bold;color:red;letter-spacing:2pt;}

table.shadow {filter:shadow(color=#FF9900,direction=140,strength=3)}

/* ul has red round bullets, items are lined up with the main left text margin (by making the left margin 16px); small gap at top & bottom of list
   the <b> tag is used (rather confusingly!) to turn the text (within the <li> tags) back to maroon, 
   with font-style: normal to make it non-italic*/
ul {text-align:left; color:red; list-style-type:disc;padding:0px;margin: 10px 0px 15px 16px;}
ul li b {font-weight:normal; color:black;}