/*
Theme Name: Touring
Description: Simple theme, with header and left hand column.
Version:1
Author: Medlicott Design
*/

body { margin: 10px 0px 10px 0px; padding: 0px; background-color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

#wrap { height: 100%; margin-left: auto; margin-right: auto; margin-top: auto; width: 90%; border: 1px solid #003333; background-color: #F4FFE4;padding:0; vertical-align: top;  }

#head { clear: both; height: 120px; padding:0px;  background-color: #ca0000; text-align: center; background-position: left;  background-repeat: no-repeat;  background-image:url(../images/firesafety.jpg); }
#head h1 { 	font:24px Arial, Helvetica, sans-serif;	color: #fff;letter-spacing:.2em;line-height:30px; padding:0.4em 0 0 0; }
#head h1 a:link, #head h1 a:visited { color: #fff; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
#head h1 a:hover { color: #33CC99; text-decoration: underline; }
#head #tagline 	{font:14px Arial, Helvetica, sans-serif;color: #fff;letter-spacing:.4em;line-height:20px;}

#head .small { font-size: 14px; color:#000099; /*#666633;*/ }

#bot { clear: both; background-color: #000099;/*#5C743D;*/ padding: 5px; font-size: 10px; text-align: center; color: #fff; }
#bot a { color:  #f4ffe4; }

#main { margin-left: 200px; padding: 10px; text-align:justify;  }
#main textarea { width: 90%; }

.postend { margin: 5px 0px 10px 0px; padding: 0px; text-align: center; color: #73A0C5; font-size: 18px; line-height: 0px; }
.meta { font-size: 10px; color: #666633; margin-bottom: 15px; }
.meta a:link, .meta a:visited { color: #f4ffe4; }
.meta a:hover { color: #f4ffe4; text-decoration: underline; }


.left { float: left; width: 170px; padding: 20px 10px 20px 10px; margin:0 0 0 6px;  background-color:#000099; /*#5C743D;*/ height:100%;}

#about { margin: 0px 0px 20px 0px; padding: 0px; }


h2 { font-size: 14px; border: 1px dashed #999966; margin: 0px 0px 10px 0px; padding: 3px; color: #cc0000;}
h3 { font:bold 11px Arial, Helvetica, sans-serif; color: #cc0000;line-height:22px;letter-spacing:.2em; padding-bottom:0;}
h3 a:link, h3 a:visited { color: #003333; text-decoration: none; }
h3 a:hover { color: #330066; }

a:link, a:visited { color: #003333; }
a:hover { color: #cc4000; }

.mymap a:link, .mymap a:visited { color: #f4ffe4; text-align:left; }
.mymap a:hover { color: #fff; }

.course p{
    margin-left:1em;
    background-image: url(../images/arrow.png);
    background-position: left;
    background-repeat: no-repeat;
    padding-left:2em; }

 .aid p{
    margin-left:1em;
    background-image: url(../images/bullet.jpg);
    background-position: left;
    background-repeat: no-repeat;
    padding-left:2em;
 }


.learn UL {
	MARGIN-BOTTOM: 5px; MARGIN-LEFT:0; width: 90%;
}
.learn LI {
list-style-type:  square; margin-left: 25px;

}


#content_start {position: absolute;left: -10000px;};

// Fly-in Advert Script
// copyright Stephen Chapman, 14th June 2005
// you may copy this code but please keep the copyright notice as well
var speed = 6;

var aDOM = 0, ieDOM = 0, nsDOM = 0; var stdDOM = document.getElementById;
if (stdDOM) aDOM = 1; else {ieDOM = document.all; if (ieDOM) aDOM = 1; else {
var nsDOM = ((navigator.appName.indexOf('Netscape') != -1)
&& (parseInt(navigator.appVersion) ==4)); if (nsDOM) aDOM = 1;}}
function xDOM(objectId, wS) {
if (stdDOM) return wS ? document.getElementById(objectId).style:
document.getElementById(objectId);
if (ieDOM) return wS ? document.all[objectId].style: document.all[objectId];
if (nsDOM) return document.layers[objectId];
}
function objWidth(objectID) {var obj = xDOM(objectID,0); if(obj.offsetWidth) return obj.offsetWidth; if (obj.clip) return obj.clip.width; return 0;}
function objHeight(objectID) {var obj = xDOM(objectID,0); if(obj.offsetHeight) return obj.offsetHeight; if (obj.clip) return obj.clip.height; return 0;}
function setObjVis(objectID,vis) {var objs = xDOM(objectID,1); objs.visibility = vis;}
function moveObjTo(objectID,x,y) {var objs = xDOM(objectID,1); objs.left = x; objs.top = y;}
function pageWidth() {return window.innerWidth != null? window.innerWidth: document.body != null? document.body.clientWidth:null;}
function pageHeight() {return window.innerHeight != null? window.innerHeight: document.body != null? document.body.clientHeight:null;}
function posLeft() {return typeof window.pageXOffset != 'undefined' ? window.pageXOffset:document.documentElement.scrollLeft? document.documentElement.scrollLeft:document.body.scrollLeft? document.body.scrollLeft:0;}
function posTop() {return typeof window.pageYOffset != 'undefined' ? window.pageYOffset:document.documentElement.scrollTop? document.documentElement.scrollTop: document.body.scrollTop?document.body.scrollTop:0;}
var xxx = 0; var yyy = 0; var dist = distX = distY = 0; var stepx = 2; var stepy = 2; var ad = 'flyad';
function distance(s,e) {return Math.abs(s-e)}
function direction(s,e) {return s>e?-1:1}
function rate(a,b) {return a<b?a/b:1}
function start() {xxx = -objWidth(ad)-10; yyy = 1; var eX = (pageWidth()-objWidth(ad))/2; var eY = (pageHeight()-objHeight(ad))/2; dist = distX = distance(xxx,eX); distY = distance(yyy,eY); stepx *= direction(xxx,eX) * rate(distX,distY); stepy *= direction(yyy,eY) * rate(distY,distX); moveit();
setObjVis(ad,'visible'); mover();}
function moveit() {var x = (posLeft()+xxx) + 'px'; var y = (posTop()+yyy) + 'px'; moveObjTo(ad,x,y);}
function mover() {if (dist > 0) {xxx += stepx; yyy += stepy; dist -= Math.abs(stepx);} moveit(); setTimeout('mover()',speed);
}
function moveback() {dist = distX; stepx = -stepx; moveit(); setTimeout('mover()',speed/2);}
window.onload = start;
window.onscroll = moveit;