/* CSS Document */

body {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(images/bg_site.jpg);
	background-repeat:repeat-x;
}

#global {
	position:absolute;
	left: 50%;
	width: 632px;
	margin-left: -316px; half of the width 
	top: 0px;
}

#global2 {
	position:absolute;
	left: 50%;
	width: 900px;
	margin-left: -450px; half of the width 
	top: 0px;
}

#global3 {
	position:absolute;
	left: 50%;
	width: 1050px;
	margin-left: -525px; half of the width 
	top: 0px;
}

#global4 {
	position:absolute;
	left: 50%;
	width: 780px;
	margin-left: -390px; half of the width 
	top: 0px;
}

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

img {
	border:none;
}

table{

	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
}

input{
/*	background-color:#B9DCFF;*/
	background-color:#0c0389;
	color:#ffffff;
	width:100px;
}

textarea{
	background-color:#B9DCFF;
}

.button{
	width:100px;
	color:#ffffff;
}

.rowrec{
	 border:solid; 
	 border-width:1px; 
	 border-color:#B4B4B4;
	 padding-left:10px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:10px;
	 height:30px;
}

.rowrec_trophy{
	 border:solid; 
	 border-width:1px; 
	 border-color:#B4B4B4;
	 padding-left:5px;
	 padding-right:5px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:10px;
	 height:23px;
}

.rowrecsmall{
	 border:solid; 
	 border-width:1px; 
	 border-color:#B4B4B4;
	 padding-left:10px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:10px;
	 height:15px;
}

.rowrecshade{
	 border:solid; 
	 border-width:1px; 
	 border-color:#B4B4B4;
	 padding-left:10px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:10px;
	 height:30px;
	 background-color:#CCCCCC;
}
.rowrecpadright{
	 border:solid; 
	 border-width:1px; 
	 border-color:#B4B4B4;
	 padding-left:10px;
	 padding-right:10px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:10px;
	 height:30px;	 
}

.rowheader{
	height:20px; 
	background-color:#fdec60; 
	color:#0c0389;
}

.cellheader{
	border:solid; 
	border-width:1px; 
	border-color:#B4B4B4;
}

.smallrowrec{
	 border:solid; 
	 border-width:1px; 
	 border-color:#B4B4B4;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:9px;
	 text-align:center;
	 padding:2px;
}

.astyle{
	text-decoration:none;
	color:#ffffff;
}

.astyle:hover{
	color:#FFFF00;
	font-weight:bold;
}

.clubs {
	color: #ffffff;
	text-decoration: none;
}

a.clubs:hover{
	font-weight:bold; 
	text-decoration:underline; 
	color:#ffffff;
	font-size:11px;
}

.prog {
	color: #FFFF00;
	text-decoration: none;
	font-size:11px;
}

a.prog:hover{
	font-weight:bold; 
	text-decoration:underline; 
	color:#FFFF00;
	font-size:11px;
}

.match {
	color: #ffffff;
	text-decoration: none;
}

a.match:hover{
	font-weight:bold; 
	text-decoration:underline; 
	color:#ffffff;
	font-size:10px;
}

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

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

/*CENTER DIV ON PAGE:
<div id="global">*/

/*STYLESHEET LINK:
<link href="filename.css" rel="stylesheet" type="text/css" media="all" />

REMOVE IMAGE TOOLBAR FROM ALL IMAGES ON PAGE
<meta http-equiv="imagetoolbar" content="no">

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';">

a:link 
a:visited 
a:active 
a:hover 

/*

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


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

FREE INDEX LINK (REQUIRES stylelinks):  KYANITE LINK (REQUIRES stylelinks):

<div style="position:absolute; top:700px; left:25px;  width: 328px; text-align:right;">
<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:700px; left:558px;  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:720px; left:279px;  width: 328px; text-align:left;">&nbsp;</div>

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

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);">


BUTTON REDIRECT TO URL
onClick="location.href=\'newurl.php\'">


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">

*/