/***********************************************************/
/*  CSS for Hannay Associates Ltd                        */
/*  Created by JK Design Services December 2008 */
/*  Ref: www.jkdesignservices.co.uk                   */
/*                                                                      */
/**********************************************************/


/* comment lines are declared like this */

/* body is the default - if nothing is declared for the rest then the body definition is the one used */
BODY
{
    MARGIN: 0px;				/* if only a single value is specified then it applies to all margins */
    BACKGROUND-IMAGE: none;     /* can also be a url - url (../images/backgroundimage.jpg) */
    BACKGROUND-REPEAT: repeat;	/* other values no-repeat, repeat-x (horizontal), repeat-y (vertical)*/
	BACKGROUND-ATTACHMENT: fixed;  /* other value scroll */
	BACKGROUND-POSITION: 0% 0%;	/* values can be a percentage or a fixed length or one of top centre bottom/left centre right */
    BACKGROUND-COLOR: white;	/* background colour should be specified even with an image incase the image doesn't load other value is transparent */
}
/* definition of a Heading Level 1 tag */
H1
{
	font-size: medium !important;
	font-size: medium; 
}
H2
{
	font-size: medium !important;
	font-size: medium; 
}
/* definition of a paragraph */
P
{
	FONT-FAMILY: Arial, "Trebuchet MS", Tahoma, sans-serif; /* arial, trebuchet then tahoma is the font family and sans-serif is a generic family */
	FONT-STYLE: normal;              /* other values are italic and oblique */
	FONT-VARIANT: normal;            /* other values are small-caps */
	FONT-WEIGHT: normal;             /* other values are  bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900  */
	FONT-SIZE: small;   /* absolute (xx-small, x-small, small, medium, large, x-large), relative (larger, smaller) length (12pt) and percentage (120%) */
}

/* definition for all cells unless over-ridden */
TD
{
	FONT-FAMILY: Arial, "Trebuchet MS", Tahoma, sans-serif; /* tahoma is the font family and sans-serif is a generic family */
	FONT-SIZE: small !important;	 /* Using the notation to signify for Firefox to ingnore subsequent declarations */
	font-size: small;				 /* IE will always use the last declaration it finds - hence cascading */
	background-color: white;
	COLOR: black;					 /* or colour name, red, blue, black, white, etc */
	TEXT-DECORATION: none;			 /* other values are underline, overline, line-through, blink */
	VERTICAL-ALIGN: top;	/* other possible values are baseline, sub, super, text-top, middle, bottom, text-bottom or a percentage */ 
	TEXT-TRANSFORM: none;			 /* other values are capitalize, uppercase, lowercase */
	TEXT-ALIGN: left;				 /* other values are right, center, justify */
	TEXT-INDENT: 0;					 /* values are <length> or <percentage> indent before text begins*/
	LINE-HEIGHT: 150%;			 /* other values number (e.g. 1.2), length (1.2em), percentage (120%) */
}

/* definition of image format  */
IMG
{
	BORDER:0;
}

/* list item decalration - bullet points*/
LI
{ 
	DISPLAY: list-item;			/* other values are block, inline, none */
	WHITE-SPACE: normal;		/* other values are  pre, nowrap */
	LIST-STYLE-TYPE: disc;		/* other values are circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none */
	LIST-STYLE-IMAGE: none;	/* other values are the image url */
	LIST-STYLE-POSITION: outside; /* other value is inside */
	
}
/*  page image to get curve effect to text - one for each page since all images are different */

/* home page */
#home1, #home2, #home3, #home4, #home5, #home6 {
    display: block;
    clear: right;
    float: right;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
	position: relative;
  }

#home1 {background-position: 0 0;      width: 1000px;     background: url(../publication-images/fireman-background_r1_c1.jpg) no-repeat; height: 65px;}
#home2 {background-position: 0 426px;  width: 574px;    background: url(../publication-images/fireman-background_r2_c2.jpg) no-repeat; height: 68px;}
#home3 {background-position: 0 600px;  width: 400px;    background: url(../publication-images/fireman-background_r3_c3.jpg) no-repeat; height: 69px;}
#home4 {background-position: 0 726px;  width: 274px;    background: url(../publication-images/fireman-background_r4_c4.jpg) no-repeat; height: 78px;}
#home5 {background-position: 0 837px;  width: 163px;    background: url(../publication-images/fireman-background_r5_c5.jpg) no-repeat; height: 61px;}
#home6 {background-position: 0 908px;  width: 91px;      background: url(../publication-images/fireman-background_r6_c6.jpg) no-repeat; height: 73px;}

/* home page end */

/* news page */
#news1, #news2, #news3, #news4, #news5, #news6 {
    display: block;
    clear: right;
    float: right;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
	position: relative;
  }

#news1 {background-position: 0 0;         width: 1000px;   background: url(../publication-images/emergency-background_r1_c1.jpg) no-repeat; height: 72px;}
#news2 {background-position: 0 446px;  width:  554px;    background: url(../publication-images/emergency-background_r2_c2.jpg) no-repeat; height: 72px;}
#news3 {background-position: 0 612px;  width:  388px;    background: url(../publication-images/emergency-background_r3_c3.jpg) no-repeat; height: 72px;}
#news4 {background-position: 0 732px;  width:  268px;    background: url(../publication-images/emergency-background_r4_c4.jpg) no-repeat; height: 72px;}
#news5 {background-position: 0 840px;  width:  160px;    background: url(../publication-images/emergency-background_r5_c5.jpg) no-repeat; height: 72px;}
#news6 {background-position: 0 919px;  width:    81px;    background: url(../publication-images/emergency-background_r6_c6.jpg) no-repeat; height: 55px;}

/* news page end */

/* about us page */
#about1, #about2, #about3, #about4, #about5, #about6 {
    display: block;
    clear: right;
    float: right;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
	position: relative;
  }

#about1 {background-position: 0 0;         width: 1000px;   background: url(../publication-images/rnli-background_r1_c1.jpg) no-repeat; height: 72px;}
#about2 {background-position: 0 432px;  width:  568px;    background: url(../publication-images/rnli-background_r2_c2.jpg) no-repeat; height: 72px;}
#about3 {background-position: 0 612px;  width:  388px;    background: url(../publication-images/rnli-background_r3_c3.jpg) no-repeat; height: 72px;}
#about4 {background-position: 0 735px;  width:  265px;    background: url(../publication-images/rnli-background_r4_c4.jpg) no-repeat; height: 72px;}
#about5 {background-position: 0 840px;  width:  160px;    background: url(../publication-images/rnli-background_r5_c5.jpg) no-repeat; height: 72px;}
#about6 {background-position: 0 920px;  width:    80px;    background: url(../publication-images/rnli-background_r6_c6.jpg) no-repeat; height: 55px;}

/* about us page end */

/* publications page */
#pub1, #pub2, #pub3, #pub4, #pub5, #pub6 {
    display: block;
    clear: right;
    float: right;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
	position: relative;
  }

#pub1 {background-position: 0 0;         width: 1000px;   background: url(../publication-images/mountain-rescue-background_r1_c1.jpg) no-repeat; height: 72px;}
#pub2 {background-position: 0 432px;  width:  568px;    background: url(../publication-images/mountain-rescue-background_r2_c2.jpg) no-repeat; height: 72px;}
#pub3 {background-position: 0 612px;  width:  388px;    background: url(../publication-images/mountain-rescue-background_r3_c3.jpg) no-repeat; height: 72px;}
#pub4 {background-position: 0 734px;  width:  266px;    background: url(../publication-images/mountain-rescue-background_r4_c4.jpg) no-repeat; height: 72px;}
#pub5 {background-position: 0 839px;  width:  161px;    background: url(../publication-images/mountain-rescue-background_r5_c5.jpg) no-repeat; height: 72px;}
#pub6 {background-position: 0 925px;  width:    75px;    background: url(../publication-images/mountain-rescue-background_r6_c6.jpg) no-repeat; height: 55px;}

/* publications page end */

/* editorial page */
#edit1, #edit2, #edit3, #edit4, #edit5, #edit6 {
    display: block;
    clear: right;
    float: right;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
	position: relative;
  }

#edit1 {background-position: 0 0;         width: 1000px;   background: url(../publication-images/police-background_r1_c1.jpg) no-repeat; height: 72px;}
#edit2 {background-position: 0 432px;  width:  568px;    background: url(../publication-images/police-background_r2_c2.jpg) no-repeat; height: 72px;}
#edit3 {background-position: 0 612px;  width:  388px;    background: url(../publication-images/police-background_r3_c3.jpg) no-repeat; height: 72px;}
#edit4 {background-position: 0 736px;  width:  264px;    background: url(../publication-images/police-background_r4_c4.jpg) no-repeat; height: 72px;}
#edit5 {background-position: 0 843px;  width:  157px;    background: url(../publication-images/police-background_r5_c5.jpg) no-repeat; height: 72px;}
#edit6 {background-position: 0 919px;  width:    81px;    background: url(../publication-images/police-background_r6_c6.jpg) no-repeat; height: 55px;}

/* editorial page end */

/* media pack page */
#media1, #media2, #media3, #media4, #media5, #media6 {
    display: block;
    clear: right;
    float: right;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
	position: relative;
  }

#media1 {background-position: 0 0;         width: 1000px;   background: url(../publication-images/ambulance-background_r1_c1.jpg) no-repeat; height: 72px;}
#media2 {background-position: 0 447px;  width:  553px;    background: url(../publication-images/ambulance-background_r2_c2.jpg) no-repeat; height: 72px;}
#media3 {background-position: 0 624px;  width:  376px;    background: url(../publication-images/ambulance-background_r3_c3.jpg) no-repeat; height: 72px;}
#media4 {background-position: 0 747px;  width:  253px;    background: url(../publication-images/ambulance-background_r4_c4.jpg) no-repeat; height: 72px;}
#media5 {background-position: 0 848px;  width:  152px;    background: url(../publication-images/ambulance-background_r5_c5.jpg) no-repeat; height: 72px;}
#media6 {background-position: 0 936px;  width:    64px;    background: url(../publication-images/ambulance-background_r6_c6.jpg) no-repeat; height: 54px;}

/* media pack end */

/* contact us page */
#contact1, #contact2, #contact3, #contact4, #contact5, #contact6 {
    display: block;
    clear: right;
    float: right;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
	position: relative;
  }

#contact1 {background-position: 0 0;         width: 1000px;   background: url(../publication-images/air-ambulance-background_r1_c1.jpg) no-repeat; height: 72px;}
#contact2 {background-position: 0 454px;  width:  546px;    background: url(../publication-images/air-ambulance-background_r2_c2.jpg) no-repeat; height: 72px;}
#contact3 {background-position: 0 623px;  width:  377px;    background: url(../publication-images/air-ambulance-background_r3_c3.jpg) no-repeat; height: 72px;}
#contact4 {background-position: 0 743px;  width:  257px;    background: url(../publication-images/air-ambulance-background_r4_c4.jpg) no-repeat; height: 72px;}
#contact5 {background-position: 0 847px;  width:  153px;    background: url(../publication-images/air-ambulance-background_r5_c5.jpg) no-repeat; height: 72px;}
#contact6 {background-position: 0 936px;  width:    64px;    background: url(../publication-images/air-ambulance-background_r6_c6.jpg) no-repeat; height: 54px;}

/* contact us end */

/* Page image end */

/* link style definitions for all links unless otherwise specified */
A {
  text-decoration: none;
  font-size: small;
  font-weight:bold;
}
A:link
{
    color: black;
}
A:visited
{
	color: black;
	}
A:hover, A:focus
{
    color: white;
	background-color: black;
}
A:active
{
	color: black;
}
/*  footer links over-ride*/
#spider A {
  text-decoration: none;
  font-size: xx-small;
  font-weight:bold;
}
#spider A:active
{
	color: black;
}
#spider A:link
{
    color: black;
}
#spider A:visited
{
	color: black;
	}
#spider A:hover, #spider A:focus
{
    color: red;
	background-color: white;
}
#spider A:active
{
	color: black;
}
/*  footer text - small size */
.footer
{
	font-size: xx-small !important;
	font-size: xx-small;
	font-weight: bold;
	text-align: center;
}

/* add padding to the left of an object  - used to space text from left hand edge of page etc */
.paddingleft
{
	padding-left: 10px;
}


/* classes to do the hoverover/popup for the images */
.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
	position: relative;
}

.hoverbox a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -63px;
	left: -85px;
	z-index: 1;
}

.hoverbox img
{
	color: inherit;
	vertical-align: top;
	width: 114px;
	height: 80px;
}

.hoverbox li
{
	color: inherit;
	display: inline;
	float: left;
	margin: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: auto;
	height: auto;
}
<!--[if lte IE 7]>
<style type="text/css">
.hoverbox a
{
position: relative;
}

.hoverbox a:hover
{
display: block;
font-size: 100%;
z-index: 1;
}

.hoverbox a:hover .preview
{
top: -38px;
left: -50px;
}

.hoverbox li
{
position: static;
}
</style>
<![endif]-->