//<script>
//--The base size for the website---

var FactorW=1
 if(screen.width<=800)
 {
	 var smallFontSize="font-size:12px;"
	 var mediumFontSize="font-size:15px;"
	 var largeFontSize="font-size:18px;"
  	 FactorW=.75
}
 if(screen.width==1024)
 {
	 var smallFontSize="font-size:15px;"
	 var mediumFontSize="font-size:18px;"
	 var largeFontSize="font-size:20px;"
  	 FactorW=1
}
 if(screen.width==1280)
 {
	 var smallFontSize="font-size:15px;"
	 var mediumFontSize="font-size:20px;"
	 var largeFontSize="font-size:24px;"
  	 FactorW=1.2
}
 if(screen.width==1400)
 {
	var smallFontSize="font-size:17px;"
	var mediumFontSize="font-size:20px;"
	var largeFontSize="font-size:24px;"
 	 FactorW=1.4
 }
 if(screen.width>1400)
 {
	var smallFontSize="font-size:24px;"
	var mediumFontSize="font-size:28px;"
	var largeFontSize="font-size:32px;"
 	 FactorW=1.8
 }
 //---classes-----
document.write("<style> .small{"+smallFontSize+"}</style>")
document.write("<style> .medium{"+mediumFontSize+"}</style>")
document.write("<style> .large{"+largeFontSize+"}</style>")
function WRITEstyle()
{
document.write("<style>"+
"body"+
"{"+
"	"+mediumFontSize+
"} "+
".but"+
"{font-family:Arial;background-color:transparent;border-width:0;"+
 "color:blue;text-decoration:underline;font-size:18px;cursor:hand;"+
"}"+
"</style>")
}
WRITEstyle()
//</script>