/*Setting up page size*/
body { 
 font-size: 100%;  
font-family: Arial, Helvetica, sans-serif;  
color: #000000;  background-color: #ffffce;  
margin: 5% 7% 5% 7%; } 
margin { color: #000000;  background-color: #ffffce;  }
/*Elements fonts, sizes & positions*/
p { text-align: left; font-size: 1.15em; 
font-family: Arial, Helvetica, sans-serif;} 
 address { text-align: left; font-size: 1.15em; 
font-family: Arial, Helvetica, sans-serif;} 
a { text-align: left; font-size: 1.15em; font-family: Arial, Helvetica, sans-serif;} 
b { text-align: left; font-size: 1.25em;} 
ul { text-align: left; font-size: 1.1em; }
li { text-align: left; font-size: 1.1em; margin-left: 15%;} 
ul.list { list-style-type: none; text-align: left; font-size: 1em; margin: 0; padding: 0; }
ol { font-size:1.15em; }
 details > summary { padding: 4px;  
 text-align: center;  font-size: 1.25em; 
 font-weight:700; background: #80ff80; 
 border: none;  cursor: pointer; }
/* setting the links font sizes*/
 .menu {list-style-type: none;     font-size:1em; 
 margin: 0; padding:0; 
 width:35%; background-color:#f3f3f3; }
 .navbar { display: block; line-height: 135%; } 
a.tori { display: block; line-height: 135%; text-align: center; font-size: 1.25em; }
a.contents { display: block; line-height: 135%; text-align: left; font-size: 1.1em; }
a.useful { display: list-item; line-height: 135%; text-align: left; font-size: 1.1em; } 
a.mod { font-size: 0.9em; } 
a.mod1 { font-size: 1em; } 
a.ltxt { font-size: 1.25em; }
a.skip { font-size: 1px; color: #ffffe0; }
/*Setting the headings size and positions*/
h1 { text-align: center; color: #800000; font-size: 2.2em; 
font-family: Arial, Helvetica, sans-serif; } 
h2 { color: #800000; font-size: 1.75em; 
font-family: Arial, Helvetica, sans-serif; margin-left: -3.5%; } 
h3 { color: #800000; font-size: 1.25em; font-family: Arial, Helvetica, sans-serif; margin-left: -3.5%;  } 
h4 { color: #800000; font-size: 1.25em; font-family: Arial, Helvetica, sans-serif; margin-left: 15px;  } 
/*Centring the heading & logo*/
#container { text-align: center; }

#logo { margin: 9px auto 9px auto; width: 457px; height: 120px; padding: 1px; }

/*Centring photos with a border*/
div.container { text-align: center; }

div.font {font-size: 1.25em; margin-right: auto; margin-left: auto; margin-top: 5px; margin-bottom: 5px; padding: 3px; border: 3px solid #8B4513; }
/*positioning the logo*/
div.floatlogo {
float: right; width: 159px; margin: 0px 10px 5px 10px; }

/*Clearing the float tag*/
.clear { clear: both; }
.clrr { clear: right; }
.clrl { clear: left; }
/*Floating photos to the right or left*/
 img.float { float: right; padding: 1px; border: 2px solid black; 
 margin: 0px 0px 10px 15px; }

 img.floatleft { float: left; padding: 1px; 
 border: 2px solid black; margin: 0px 10px 5px 0px; }

 video.floatr { float: right; padding: 2px; 
 border: 3px solid black; margin: 0px 0px 15px 15px; }

/*Positioning picture with a caption to the right*/
 .picright { float: right; text-align: center; 
 font-size: 1.35em; padding: 1px; 
 border: 2px solid black; margin: 5px 0px 3px 5px; 
 width: 514px; background: #ffffe0; }

 .capbottom { border-bottom: 2px solid black; }
 .picright1 { float: right; text-align: center;   font-size: 1.35em; 
padding: 1px; border: 2px solid black; 
 margin: 3px 0px 3px 5px; background: #ffffe0; }

/*Positioning picture with a caption to the left*/
 .picleft { float: left; text-align: center; 
 font-size: 1.25em; padding: 1px; 
 border: 2px solid black; background: #ffffe0; }

 .picleft1 { float: left; text-align: center;   
 font-size: 1.35em; padding: 1px; 
 border: 2px solid black; margin: 3px 9px 3px 0px; 
 background: #ffffe0; }

/*positioning the usb players*/
div.players { float: right; text-align: center; font-size :1.25em; margin: 3px 0px 3px 9px; padding: 1px; border: 2px solid #8B4513; width: 428px; background: #ffffe0; }

img.border { border: 3px solid #8B4513; }

/*Others variables*/
#para1{
text-align: center; }

p.center
{ text-align: center;}

#bottom { text-align: center; font-size: 1.3em; font-family: Arial, Helvetica, sans-serif; color: #7b0000; background: #FFFFCE; }
.enlarge { font-size: 1.5em; font-family: Arial, Helvetica, sans-serif; }
div.en2 { font-size: 1.25em; font-family: Arial, Helvetica, sans-serif; }
pre { text-align: left; font-size: 1.25em; font-family: Arial, Helvetica, sans-serif; }
pre.fsize { text-font-size: 1em; font-family: Arial, Helvetica, sans-serif; }
/*setting the table format*/
table { width: 100%; }
th { text-align: right; font-size: 1.5em; font-weight: 600; background: #ffffce; font-family: "Times New Roman", Arial, Helvetica, sans-serif;}
td { text-align: right; font-size: 1.35em; background: #ffffce; 
font-family: "Times New Roman", Arial, Helvetica, sans-serif;}
/*Setting font size in the input edit fields*/
input, textarea { text-align: left; font-size: 1.0em; 
font-family: "Times New Roman", Arial, Helvetica, sans-serif; }

/*Centering & setting font size for the form buttons*/
input.buttons1 { text-align: center; font-size: 1em; font-family: "Times New Roman", Arial, Helvetica, sans-serif; }

div.buttons { text-align: center; }

div.buttons2 { text-align: center; font-size: 1.0em; font-family: Arial, Helvetica, sans-serif; }
/*Setting the colour for the separator*/
hr { color: #017D01; }