body
{
margin:0;
padding:0;
 font-size:13px !important;
 font-family: times new roman,times, serif;
 color:#000000;
 background-color:#ffffff;
}

#contain
{
  width: 975px;
  margin-left: auto;
 	margin-right: auto;
	border: #c00404 solid 2px;
}

p,ul
{
  font-size:1.25em;
	text-align: justify;
}

img
{border:none;
}

h2
{
 margin-left:40px;
 padding-bottom: -.5em;
}

.right2 h2
{
margin-left:0px;
}

h3
{
 color: #999999;
 border-bottom: 2px dotted #999999;
 padding-top: -.5em;
 text-align: justify;
}

b
{
color:#c00404;
}

.rightp
{padding-right: 1em;
}


a:link
{color: #c00404;}
a:visited
{color: #c00404;}
a:hover
{color: #c00404;
text-decoration: none;
}

blockquote
{
 text-indent:-1em;
 font-size:1.25em;
 text-align: justify;
}



/* general throughout the website Above*/


/*Headers of the pages*/

#banner1
{
 background-image: url(images/template/banner1.jpg);
 background-repeat:no-repeat;
}

#banner2
{
 background-image: url(images/template/banner2.jpg);
 background-repeat:no-repeat;
}

#banner3
{
 background-image: url(images/template/banner3.jpg);
 background-repeat:no-repeat;
}


#banner5
{
 background-image: url(images/template/banner5.jpg);
 background-repeat:no-repeat;
}

#banner6
{
 background-image: url(images/template/banner6.jpg);
 background-repeat:no-repeat;
}


#banner7
{
 background-image: url(images/template/banner7.jpg);
 background-repeat:no-repeat;
}

#banner8
{
 background-image: url(images/template/banner8.jpg);
 background-repeat:no-repeat;
}

#banner9
{
 background-image: url(images/template/banner9.jpg);
 background-repeat:no-repeat;
}


#banner10
{
 background-image: url(images/template/banner10.jpg);
 background-repeat:no-repeat;
}

#banner11
{
 background-image: url(images/template/banner11.jpg);
 background-repeat:no-repeat;
}

#banner12
{
 background-image: url(images/template/banner12.jpg);
 background-repeat:no-repeat;
}

#banner17
{
 background-image: url(images/template/banner17.jpg);
 background-repeat:no-repeat;
}

#banner18
{
 background-image: url(images/template/banner18.jpg);
 background-repeat:no-repeat;
}

#banner19
{
 background-image: url(images/template/banner19.jpg);
 background-repeat:no-repeat;
}

#banner20
{
 background-image: url(images/template/banner20.jpg);
 background-repeat:no-repeat;
}

#banner21
{
 background-image: url(images/template/banner21.jpg);
 background-repeat:no-repeat;
}

#banner22
{
 background-image: url(images/template/banner22.jpg);
 background-repeat:no-repeat;
}
/*Headers of the pages*/


#menu
{
 padding-top:368px;
 margin-left:30px;
 height:60px;
 width:975px;
}

.menu2
{
 border:none;
}

/* navagation*/
.breadcrumb
{
 padding-left:40px;
 font-size:1em;
 color:#c00404;
 font-weight:bold;
}

a.link2:link
{ 
 color:#c00404;
 font-weight:bold;
 text-decoration: none;
 font-size:1em;
 }
 
a.link2:visited
{ 
 color:#c00404;
 font-weight:bold;
 text-decoration:underline;
 font-size:1em;
 }
 
 a.link2:hover
{ 
 color:#c00404;
 font-weight:bold;
 text-decoration:underline;
 font-size:1em;
 }
 
 /* end of navagation*/


 /*main text columns*/
 .right
 {
 float:right;
 width:350px;
 margin-right:7px;
 }
 
 .left
 {
 margin-left:40px;
 width:550px;
 padding-bottom:5em;
 }
 
 .left2
 {
 margin-left:40px;
 border-top: 2px dotted #999999;
 border-right: 2px dotted #999999;
 padding-top: .25em;
 width:550px;
 padding-right:.5em;
 padding-bottom:5em;
 Z-INDEX: 100; 
 }
 
.right2
 {
 float:right;
 width:350px;
 padding-right:7px;
 padding-bottom:5em;
 margin-top:1em;
 }
 
.left3
 {
 margin-left:40px;
 padding-bottom:5em;
 }
 
 /* end of main text columns*/
 
 
 /*general*/
.imgleft
 {
 float:left;
 border:solid;
 margin-right: 10px;
 margin-bottom: 10px;
 border-color:#c00404;
 }
 
 .imgright
 {
 border:solid;
 margin-right: 10px;
 margin-top: 5em;
 margin-bottom: 10px;
 border-color:#c00404;
 }
 
 
/*footer*/
.foot1
 {
 padding-left:20px;
 width:975;
 height:51;
 background-image: url(images/template/bkfoot.gif);
 background-repeat:repeat-x;
 }
 
 
.foot2
 {
 padding-left:20px;
 width:975;
 height:51;
 background-image: url(images/template/bkmenu.gif);
 background-repeat:repeat-x;
 }
 
a.diagram
 {border:solid #c00404 3px;}
 
.arch
{
 margin-top:20px;
 margin-left:140px;
 margin-right:20px;
 border: #c00404 3px solid; 
}

.map
{
 margin-top:20px;
 margin-left:0px;
 margin-right:20px;
 border: #c00404 3px solid; 
}

.cap
{padding-left:140px;}

/* end of general*/
 
 /*enlarge image*/
/*this code has been adapted from Stu Nicolls http://www.cssplay.co.uk/index*/
.left2 a.p1 
{
	border:none;
	DISPLAY: block;  
	TEXT-DECORATION: none
}

.left2 a.p1:visited
 {
	border:none;
	DISPLAY: block; 
	TEXT-DECORATION: none
}

.left2 a img {
	border:solid #c00404 3px;
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.left2 a.p1:hover 
{
	border:none; 
	TEXT-DECORATION: none
}

.left2 a .large {
	border:none;
	DISPLAY: block; 
	LEFT: 0px; 
	WIDTH: 0px; 
	HEIGHT: 0px; 
	POSITION: absolute; 
	TOP: 0px; 
}


/* to add another image you only have to change the position of the large image so is this bit below and rename p1 to p2 etc*/
/*images page 2 what we do*/
.left2 a.p1:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 533px;
	POSITION: absolute; 
	TOP: 360px; 
}

.left2 a.p2:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 300px; 
	HEIGHT: 400px;
	POSITION: absolute; 
	TOP: 660px; 
}

/* images page 12*/
.left2 a.p3:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 261px;
	POSITION: absolute; 
	TOP: 360px; 
}

.left2 a.p4:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 279px;
	POSITION: absolute; 
	TOP: 660px; 
}

.left2 a.p5:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 308px;
	POSITION: absolute; 
	TOP: 860px; 
}

/* images page 8*/
.left2 a.p6:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 327px;
	POSITION: absolute; 
	TOP: 360px; 
}

.left2 a.p7:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 262px;
	POSITION: absolute; 
	TOP: 660px; 
}

.left2 a.p8:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 327px;
	POSITION: absolute; 
	TOP: 860px; 
}

/* images page 10 p11 is now on page 17*/
.left2 a.p11:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 258px;
	POSITION: absolute; 
	TOP: 460px; 
}

.left2 a.p12:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 533px;
	POSITION: absolute; 
	TOP: 660px; 
}

/* images page 11*/
.left2 a.p13:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 533px;
	POSITION: absolute; 
	TOP: 460px; 
}

.left2 a.p14:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 405px; 
	HEIGHT: 303px;
	POSITION: absolute; 
	TOP: 660px; 
}

.left2 a.p15:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 285px;
	POSITION: absolute; 
	TOP: 860px; 
}

/* images page 21*/
.left2 a.p16:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 300px;
	POSITION: absolute; 
	TOP: 460px; 
}

.left2 a.p17:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 300px;
	POSITION: absolute; 
	TOP: 660px; 
}

/* images page 22*/
.left2 a.p18:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 292px;
	POSITION: absolute; 
	TOP: 860px; 
}

.left2 a.p19:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 300px;
	POSITION: absolute; 
	TOP: 460px; 
}

.left2 a.p20:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 300px;
	POSITION: absolute; 
	TOP: 660px; 
}

/* images page 20*/
.left2 a.p21:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 300px;
	POSITION: absolute; 
	TOP: 460px; 
}

.left2 a.p22:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 533px;
	POSITION: absolute; 
	TOP: 660px; 
}

/* images page 5 can we help*/
.left2 a.p23:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 269px;
	POSITION: absolute; 
	TOP: 460px; 
}

.left2 a.p24:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 300px;
	POSITION: absolute; 
	TOP: 600px; 
}

.left2 a.p25:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 300px;
	POSITION: absolute; 
	TOP: 1000px; 
}

/* images page 3 about us*/
.left2 a.p26:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 264px;
	POSITION: absolute; 
	TOP: 2000px; 
}

.left2 a.p27:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 268px;
	POSITION: absolute; 
	TOP: 3000px; 
}

.left2 a.p28:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 299px; 
	HEIGHT: 400px;
	POSITION: absolute; 
	TOP: 3420px; 
}


.left2 a.p29:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH:400px; 
	HEIGHT: 275px;
	POSITION: absolute; 
	TOP: 3870px; 
}

.left2 a.p30:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH:400px; 
	HEIGHT: 300px;
	POSITION: absolute; 
	TOP:1050px; 
}

/* images page 17*/
.left2 a.p31:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 261px;
	POSITION: absolute; 
	TOP:460px; 
}

.left2 a.p42:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 261px;
	POSITION: absolute; 
	TOP: 660px; 
}

.left2 a.p43:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 268px;
	POSITION: absolute; 
	TOP: 860px; 
}

.left2 a.p44:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 266px;
	POSITION: absolute; 
	TOP: 960px; 
}

.left2 a.p32:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 300px; 
	HEIGHT: 440px;
	POSITION: absolute; 
	TOP: 1160px; 
}

.left2 a.p33:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 269px;
	POSITION: absolute; 
	TOP: 1460px; 
}




/* images page 18*/
.left2 a.p34:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 261px;
	POSITION: absolute;
	TOP: 460px; 
}

.left2 a.p35:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 260px;
	POSITION: absolute; 
	TOP: 660px;
}
	
.left2 a.p36:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 601px;
	POSITION: absolute; 
	TOP: 860px;
}

.left2 a.p37:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 268px;
	POSITION: absolute;
	TOP: 1100px; 
}


/* images page 19*/
.left2 a.p38:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 300px;
	POSITION: absolute;
	TOP: 460px; 
}

.left2 a.p39:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 300px;
	POSITION: absolute; 
	TOP: 660px;
}
	
.left2 a.p40:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 273px;
	POSITION: absolute; 
	TOP: 860px;
}

.left2 a.p41:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 353px;
	POSITION: absolute; 
	TOP: 1060px;
}


/* images page 21 last two images*/

.left2 a.p45:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 400px; 
	HEIGHT: 300px;
	POSITION: absolute; 
	TOP: 860px;
}

.left2 a.p46:hover .large 
{
	BORDER: #c00404 3px solid; 
	DISPLAY: block; 
	LEFT: 50px; 
	WIDTH: 338px; 
	HEIGHT: 450px;
	POSITION: absolute; 
	TOP: 950px;
}



/* images page ?? start at p47*/