/* CSS Document */

#global {
	position:absolute;
	left: 50%;
	width: 948px;
	margin-left: -474px; half of the width 
	top: 20px;
}

#global_2 {
	position:absolute;
	left: 50%;
	width: 922px;
	margin-left: -461px; half of the width 
	top: 20px;
}

.textblock{
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#000000;
}

.entrypage{
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	color:#ffffff;
/*	font-style:italic;*/
	font-weight:bold;
	word-spacing:5px;
}

table{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#000000;
	top:auto;
	left:auto;
	width:auto;
	height:auto;
}

.a_link {
     color: #993399;
     background-color: transparent;
	 text-decoration:none;
	 font-weight:bold;
}

a:link {
     color: #993399;
     background-color: transparent;
	 text-decoration:none;
	 font-weight:bold;
}
a:visited {
     color: #993399;
     background-color: transparent;
	 text-decoration:none;
	 font-weight:bold;
}
a:active {
     color: #FFFFFF;
     background-color: transparent;
	 text-decoration:none;
	 font-weight:bold;
}
a:hover {
     color: #FFFF00;
     background-color: transparent;
	 text-decoration:none;
	 font-weight:bold;
}


label{
	padding: 0 0 0 6px;
	float: left;
	width: 110px;
	font-weight: bold;
	margin: 0 0 10px 0;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	}
	
br{
	clear: left;
	}
	
input, textarea{
	width: 250px;
	/*margin-bottom: 12px;
	border: 1px solid #999;
	padding: 1px;*/
	}
	
select{
	width: 234px;
	margin:0 0 12px 0;
	border: 1px solid #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	}
textarea{
	width: 234px;
	height: 150px;
	}
.radio {
	border: none;
	width: auto;
	height: auto;
	margin: 0;
	}
.submitbutton{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #562153;
	background: #c15ebb;
	padding: 2px;
	margin-left: 115px;
	margin-top: 5px;
	width: 90px;
	cursor:hand;
	}

.titles{
	position:absolute;
	top:310px;
	left:72px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:justify;
	color:#000000;
	width: 500px;
	font-weight:bold;
}

.textblocks1{
	position:absolute;
	top:345px;
	left:72px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	color:#000000;
	width: 555px;
	height: 272px;
}
.textblocks2{
	position:absolute;
	top:619px;
	left:72px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	color:#000000;
	width: 719px;
	height: 29px;
}
.textblocks3{
	position:absolute;
	top:345px;
	left:67px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	color:#000000;
	width: 371px;
}
.textblocks4{
	position:absolute;
	top:345px;
	left:491px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	color:#000000;
	width: 334px;
}
.textblocksnopos{
	position:absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	color:#000000;
}

.address{
	padding: 0 0 0 6px;
	float: left;
	width: 110px;
	font-weight: bold;
	margin: 0 0 10px 0;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	}

a.stylelinks {
	color:#990066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
}

a.stylelinks:hover{font-weight:bold; text-decoration:underline; color:#990066;}


/*

MENU HOVER IMAGES:

<img src="images/menu_home.jpg" width="106" height="26" border="0" alt="" id="mhome" 
				onmouseover="mhome.src='images/menu_home.jpg';"
				onmouseout="mhome.src='images/menu_home.jpg';">

=================================================================================

FREE INDEX LINK (REQUIRES stylelinks or a.stylelinks ):  KYANITE LINK (REQUIRES stylelinks):

<div style="position:absolute; top:100px; left:691px;  width: 141px; text-align:right;">
<a href="http://www.freeindex.co.uk" target="_blank" class="stylelinks">UK Business Directory</a></div>

<div style="position:absolute; top:100px; left:25px;  width: 328px; text-align:left;">
<a href="http://www.kyaniteconsulting.co.uk" target="_blank" class="stylelinks">Site Design & Hosting by Kyanite Consulting Limited</a></div>

<div style="position:absolute; top:120px; left:1px;  width: 328px; text-align:left;">&nbsp;</div>


a.stylelinks {
	color:#990066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
}

a.stylelinks:hover{font-weight:bold; text-decoration:underline; color:#990066;}

=================================================================================

OPEN IMAGES IN NEW WINDOW:
<script LANGUAGE="JavaScript">

imagename = '';
function enlrge(imgnme,xx,yy) {
    lrgewin = window.open("about:blank","","height=" + yy + ",width=" + xx + ", scrollbars=1,resizable=1,screenX=200,screenY=200,left=200,top=200")
    imagename = imgnme;
    setTimeout('update()',500)
}

function update() {
    doc = lrgewin.document;
    doc.open('text/html');
    doc.write('<HTML><HEAD><TITLE>Enlarged Image<\/TITLE><\/HEAD><BODY bgcolor="white">');
    doc.write('<IMG SRC="' + imagename + '">');
    doc.write('<\/BODY><\/HTML>');
    doc.close();
}

//</script>

IMAGE TAG WITH ONCLICK TO OPEN IN LARGE WINDOW:
<img src="images/see-larger-43.jpg" width="83" height="72" border="0" alt="see larger" 
 style="cursor:hand" onClick="enlrge('images/larger-43.jpg',540,500);">

<html>
<head>

<title>TITLE</title>



</head>

<body>



CHANGE CURSOR TO HAND ICON WHEN MOUSE IS OVER AN IMAGE
onmouseover="this.style.cursor='hand';"


=================================================================================

FLASH OBJECT

<script type="text/javascript" src="swfobject.js"></script>

<div id="flashcontent" align="left">
<p>Unable to load the Flash movie. </p>
</div>
<script type="text/javascript">
var so = new SWFObject("menu_home.swf", "menu_home", "850", "100", "6", "#ffffff"); 
//so.addParam("wmode", "transparent"); 
so.write("flashcontent"); 
//
</script>


</body>
</html>

Redirect to new page
<meta HTTP-EQUIV="Refresh" CONTENT="0; URL=http://www.dorianf-x.co.uk">


<meta name="subject" content="website design north lincolnshire, web hosting, web design, unlimited webspace, unlimited mailboxes, affordable web design">
	<meta name="description" content="Kyanite - low cost website design,north lincolnshire,web solutions,unlimited email addresses,database driven,e-commerce,web,design.">
	<meta name="keywords" content="">


PHP & MYSQL HIT COUNTER
CREATE TABLE `counter` ( `counter` INT( 20 ) NOT NULL );
INSERT INTO counter VALUES (0); 
==================
counter.php:
<?php
// Connects to your Database 
mysql_connect("localhost", "web76-laacademia", "andrea") or die(mysql_error()); 
mysql_select_db("web76-laacademia") or die(mysql_error()); 
//Adds one to the counter
mysql_query("UPDATE counter SET counter = counter + 1");

//Retreives the current count
$count = mysql_fetch_row(mysql_query("SELECT counter FROM counter"));

//Displays the count on your site
print "$count[0]";
?> 
================
Page for hit counter
<div class="bodytext" style="top:643px; left:165px; width:333px; height:40px;">
Welcome, you are visitor number:<span class="bodybold"> 
<?php
REQUIRE 'counter.php' ;
?></span></div>
================

SCROLLING DIV:
<div style="position:absolute; top:326px; left:342px; width:412px; height:209px; border:solid; border-width:1px; border-color:#4e2700; padding:10px; overflow-y:scroll;">

	scrollbar-face-color: #000000; 			/* Moving part of scroll bar and arrow surround*//*
	scrollbar-track-color: #000000;   		/* Track *//*
	scrollbar-arrow-color: #000000;   		/* Arrows *//*
	scrollbar-3Dlight-color: #000000;  		/* Inner top/left of moving part of scroll bar and arrow surround*//*
	scrollbar-highlight-color: #000000;  	/* Outer top/left of moving part of scroll bar and arrow surround*//*
	scrollbar-shadow-color: #000000;  		/* Inner bottom/right of moving part of scroll bar and arrow surround*//*
	scrollbar-darkshadow-color: #000000; 	/* Outer bottom/right of moving part of scroll bar and arrow surround*//*


Open new window from href
<a href="javascript:void(window.open('gallery.html','gallery', 'height=600, width=800, resizable=yes, scrollbars=yes, menubar=no'));">

Go back one page in history list
onMouseOver="this.style.cursor='hand';" onClick="history.go(-1)"


Company Registration Details
<div style="position:absolute; left:72px; top:518px; width: 857px; text-align:center; margin: 0 0 0 0; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #003399; z-index: 0; height: 27px;">
  <p>Kyanite Consulting Limited is a company registered in England and Wales with company number 4713055 and VAT No: GB 813 6108 55.  <br />
 Registered Office: 137 Northlands Road, Winterton, North Lincolnshire, DN15 9UL. </p>
</div>


DISPLAY MESSAGE WHNE IMAGES OR PAGE DOUBLE CLICKED

<script language="JavaScript">


var message="All pictures on this page are copyright Kay Burton 2007!";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

//  
</script>

Go back to previous page
<a href="" style="text-decoration:none;" onMouseOver="this.style.cursor='hand';" onClick="history.go(-1)"> << Go back >> </a>

/////////////////////////////////////////////////////////
Browser selection

if (ieVer==7) {
document.write('<div style="position:relative; top:5px; left:0px; height:3px; text-align: right; background-color: #FF0000;"></div>');
document.write('<div id="flashcontent" align="left" style="position:relative; top:8px; left:0px;"><p>Unable to load the Flash movie.</p></div>');

var so = new SWFObject("pstar.swf", "pstar", "700", "80", "6", "#ffffff"); 
so.write("flashcontent"); 
//
');


document.write('<div style="position:relative; top:386px; left:0px; height:3px; text-align:right; background-color:#FF0000;"></div>');
document.write('<div style="position:relative; top:386px; left:0px; height:13px; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding-right:25px; font-weight:bold; color:#FFFFFF; background-color:#333333;"><a href="links.php" style="color:#ffffff; text-decoration:none;">Links</a> </div>');
document.write('<div style="position:relative; top:386px; left:0px; height:3px; text-align:right; background-color:#FF0000;"> </div>');

}
else{
document.write('<div style="position:relative; top:-2px; left:0px;"><hr style="color:#ff0000; height:3px;"></div>');
document.write('<div id="flashcontent" align="left" style="position:relative; top:-6px; left:0px;"><p>Unable to load the Flash movie.</p></div>');

////////////////////////////////////////

PHP write to file
// Open the file and erase the contents if any
$fp = fopen("sql.txt", "w");
// Write the data to the file
fwrite($fp, $sql);
// Close the file
fclose($fp);


/////////////////////////////////////////
Click for larger image on same page from same src 

<script type="text/javascript">
function doIt(obj){
document.getElementById("bigpic").src=obj.src
}
</script>

Thumbnail:
<img border="1" src="images\newpicsmall" width="60"  onclick="doIt(this)">

Large display:
<img id="bigpic" src="images\originalpic.jpg">

*/