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

html, body { height:100%; }

@viewport{zoom: 1.0; width: extend-to-zoom;}
@-ms-viewport{width: extend-to-zoom;zoom: 1.0;}

@media all and (max-width: 990px) {
	#maincontainer {margin-top:5px;padding: 5px 0 0 0;width: 100%!important;}
	#header {width:90%!important;}
	#leftcolumn{max-width:237px;display:none!important;}
	#midcolumn{margin: 0 auto!important;float:none!important;width:70%!important;min-width:240px;max-width:600px;} 
	div.midinner {margin:10px 0 10px 0!important;}
	#rightcolumn{margin: 0 auto!important;float:none!important;width:70%!important;min-width:240px;max-width:500px;} 
	div.rightinner {width:auto!important;margin-left:0!important;font-size:9pt!important;}
	div.box {clear:both!important;}
	div.move_to_biog {display:block!important;}
	h1 {margin:10px 0px 20px 0px!important;letter-spacing:1pt!important;font-size:14pt!important;line-height:15pt!important;}
	h1 span {font-size:10pt!important;}
	div.midinner h2 {}
	h2.sub {text-align:center!important;}
	ul {margin-left:15px!important;}
	#footer {width: 90%!important;margin: 0 auto 10px auto;height: 40px!important;font-size:9pt!important;}
	#footer h2 {font-size:10pt!important;}
	}

@media all and (max-width: 690px) {
	div.midinner h2 {display:block!important;text-align:center!important;}
	img {display:block;margin-left:auto!important;margin-right:auto!important;float:none!important;
		max-width:90%!important;height:auto!important;}
	img.signat {margin:5px 0px 10px 0px!important;}
	img.square_detail {display:none!important;}
	#footer {height:60px!important;}
	}
	
@media all and (max-width: 490px) {
	#leftcolumn{width:90%!important;max-width:480px!important;}
	#midcolumn{width:90%!important;min-width:240px;max-width:480px;} 
	#rightcolumn {width:90%!important;min-width:240px;max-width:480px;} 
	div.rightinner {width:90%!important;min-width:240px;max-width:480px;} 
	}

body {background-color:white;color:black;margin:0px;padding:0px;font-size:10pt;
	letter-spacing:1pt;width:100%;
	font-family: "Arial","Helvetica", sans-serif;
	}

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

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

#maincontainer {text-align: left;margin: 0 auto;margin-top:0px;padding: 0px 0 0 0;width: 990px;}

#header {width:990px;line-height:17pt;text-align:center;margin:0 auto;}

#leftcolumn {float: left;width: 130px;margin: 45px 0 0 0;}
div.leftinner {width:130px;margin: 0px 0 0 0px;padding:7px;}

#midcolumn {float: left;width: 560px;margin: 10px 0 0 0;}
div.midinner {margin: 10px 0px 30px 25px;padding:0;}
div.midinner h2 a.hover {color:#E31012;text-decoration:none;}
div.midinner h2 a.hover:hover {color:blue;text-decoration:underline;}

#rightcolumn {float: left;width: 250px;margin: 15px 0 0 0;}
div.rightinner {width:250px;font-size:9pt;margin: 10px 0px 28px 30px;border:1px solid red;
	padding:10px 10px 10px 10px;letter-spacing:0pt;font-size:9pt;background-color:#FFFFF5;}

#footer {clear:both;border-top: 1px solid black;width: 990px;margin: 0 auto;height: 57px;
	font-size:8pt;text-align:center;letter-spacing:0pt;margin-bottom:20px;}
#footer h2 {font-size:8pt;color:black;display:inline;letter-spacing:0pt;margin:0;}
#footer h3 {margin-bottom:0;}

div.box {letter-spacing:0pt;font-size:11pt;border:solid red 1pt;padding:10px 10px 10px 10px;background-color:#FFFFF5;}
div.move_to_biog {display:none;margin-bottom:10px;}

em {font-size:1pt;}

p.further_info_page_emphasis {color:red;font-weight:bold;}
p.further_info_page_additional_emphasis {color:blue;font-weight:bold;font-size:10pt;}

img {border:0px;}
span.small {font-size:6pt;}
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;}