html { min-height: 100%; margin-bottom: 1px; }

BODY {
margin: 0;
padding: 0;
font-size : 10pt;
font-family : Verdana,Arial, "Times New Roman", Times, serif;
line-height: 135%;
background-color: #c1dbe8;
 }


#wrapper {
width: 970px;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
}


#top {
width: 970px;
height: 233px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
background: url(http://www.webcraft.co.uk/images/top3.jpg);
}


#topad   {

width: 750px;
height: 40px;
padding: 10px;
margin-right: 20px;
margin-left: 168px;
background: url(images/blacktop.gif);
}



#main {
width: 970px;
margin-right: auto;
margin-left: auto;
background: url(http://www.webcraft.co.uk/images/main.jpg);
}


#offtoleft {
position: absolute;
width: 970px;
margin-right: 0px;
margin-left: -500px;
}

#bookmark {
position: absolute;
width: 970px;
margin-right: 0px;
margin-left: 600px;
margin-top:  -25px;
}


#port {
width: 800px;
float: right;
}


#footer {
width: 970px;
height: 47px;
margin-right: auto;
margin-left: auto;
background: url(http://www.webcraft.co.uk/images/bottom.jpg);
}

#wordpress {
width: 750px;
height: 90px;
padding: 4px;
border-style:solid;
border-width:2px;
margin-right: 20px;
margin-left: 170px;
background: #ffff00;;
}


/* HEADING STYLES */

H1 {
color :  #1c70bd;
font-size : 21px;
font-family : Verdana, Arial, Helvetica, Sans-Serif;
margin-left: 150px;
margin-top: 0px;
margin-bottom: 4px;
padding: 0;
}

H1.pageheader {
color :  #1c70bd;
font-size : 20px;
font-family : Verdana, Arial, Helvetica, Sans-Serif;
margin-left: 174px;
margin-top: 24px;
margin-bottom: 4px;
padding: 0;
}

H1.centre {
color :  #1c70bd;
font-size : 20px;
font-family : Verdana, Arial, Helvetica, Sans-Serif;
margin-left: 0px;
margin-top: 24px;
margin-bottom: 4px;
padding: 0;
}

H1.dailymail {
color :  #000000;
font-size : 20px;
font-family : Verdana, Arial, Helvetica, Sans-Serif;
margin-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
width: 950px;
text-align: center;
background: #ffffff;
}


H2 {
color: #5a5e5d;
font-size : 14px;
font-family : Arial, Helvetica, Sans-Serif;
margin-top: 6px;
margin-left: 130px;
margin-bottom: 0px;
margin-right: 2px;
padding: 0;
float: right;
}

H2.new {
color :  #cc0000;
font-size : 24px;
font-family : Verdana, Arial, Helvetica, Sans-Serif;
margin-top: 10px;
margin-bottom: 0px;
margin-left: 250px;
padding: 0;
float: none;
}


H2.subhead {
color: #5a5e5d;
font-size : 14px;
font-family : Arial, Helvetica, Sans-Serif;
margin-top: 0px;
margin-left: 174px;
margin-bottom: 0px;
margin-right: 2px;
padding: 0;
float: none;
}

H2.contact {
color: #5a5e5d;
font-size : 24px;
font-family : Arial, Helvetica, Sans-Serif;
margin-top: 6px;
margin-left: 10px;
margin-bottom: 6px;
margin-right: 2px;
padding: 0;
float: left;
}



H2.subhead2 {
color :  #1c70bd;
font-size : 14px;
font-family : Verdana, Arial, Helvetica, Sans-Serif;
margin-left: 174px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 2px;
padding: 0;
float: none;
}


H3 {
color: #5a5e5d;
font-size : 14px;
font-family : Arial, Helvetica, Sans-Serif;
margin-top: 0px;
margin-left: 160px;
margin-bottom: 0px;
margin-right: 2px;
padding: 0;
}

H3.sitemap {
color: #5a5e5d;
font-size : 14px;
font-family : Arial, Helvetica, Sans-Serif;
margin-top: 0px;
margin-left: 160px;
margin-bottom: -20px;
margin-right: 2px;
padding: 0;
}

/* END HEADING STYLES */


/* PARAGRAPH STYLES */


P.main { 
font-size : 10pt;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 130%;
color: #3a4856;
margin-top: 0px;
margin-left: 170px;
margin-right: 24px;
margin-bottom: 12px;
overflow: hidden;
 } 

P.white { 
font-size : 11pt;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 130%;
color: #ffffff;
margin-top: 0px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 10px;
overflow: hidden;
 } 
 
 
P.main2 { 
font-size : 10pt;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 130%;
color: #3a4856;
margin-top: 0px;
margin-left: 170px;
margin-right: 24px;
margin-bottom: 0px;
float: left;

 } 
 
P.bottom { 
font-size : 10pt;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 130%;
color: #3a4856;
margin-top: 0px;
margin-left: 170px;
margin-right: 24px;
margin-bottom: 0px;
overflow: hidden;
 }
 
 
P.test { 
font-size : 10pt;
text-align: justify;
font-family : Arial, Helvetica, sans-serif;
font-style: italic;
line-height: 130%;
color: #3a4856;
margin-top: 0px;
margin-left: 170px;
margin-right: 24px;
margin-bottom: 10px;
overflow: hidden;
 } 
 
 
P.normal {font-size : 10pt;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 130%;
color: #3a4856;
margin-top: 0px;
margin-left: 170px;
margin-right: 24px;
margin-bottom: 12px;}

P.smaller {font-size : 8pt;
text-align: right;
font-style: italic;
font-weight: bold;
font-family : Arial, Helvetica, sans-serif;
line-height: 130%;
color: #3a4856;
margin-top: 0px;
margin-left: 170px;
margin-right: 24px;
margin-bottom: 12px;}

P.inadiv {font-size : 10pt;
text-align: center;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 130%;
color: #3a4856;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;}


/* PARAGRAPH STYLES */

 
.bodystuff { 
margin-left: 170px;
margin-right: 24px;
margin-bottom: 12px;
 } 
 


/* IMAGE STYLES */

img.right {
float: right;
margin-left: 20px;
margin-right: 24px;
margin-top: 0px;
margin-bottom: 4px;
padding: 0;
}

img.righty {
float: right;
margin-left: 20px;
margin-right: 24px;
margin-top: -30px;
margin-bottom: 4px;
padding: 0;
}


img.righty2 {
float: right;
margin-left: 20px;
margin-right: 24px;
margin-top: -40px;
margin-bottom: 4px;
padding: 0;
}


img.righty3 {
float: right;
margin-left: 20px;
margin-right: 24px;
margin-top: -20px;
margin-bottom: 4px;
padding: 0;
}


img.yright {
float: right;
clear: right;
margin-left: 0px;
margin-right: 4px;
margin-top: 4px;
margin-bottom: 10px;
padding: 0px;
}

img.leftsmaller {
float: left;
clear: left;
margin-left: 41px;
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
border: 0;
padding: 0px;
}

img.leftsmaller2 {
float: left;
clear: left;
margin-left: 38px;
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
border: 0;
padding: 0px;
}

img.pleft {
margin-left: 170px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
border: 0;
padding: 0px;
}

img.port {
margin-left: 0px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
border: 0;
padding: 0px;
}


img.leftno {
float: left;
clear: left;
margin-left: 27px;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 10px;
border: 0;
padding: 0px;
}

img.leftdown {
float: left;
clear: left;
margin-left: 27px;
margin-top: 1px;
margin-right: 20px;
margin-bottom: 0px;
border: 0;
padding: 0;
}

img.nonews {
float: left;
clear: left;
margin-left: 70px;
margin-top: 15px;
margin-right: 20px;
margin-bottom: 20px;
border: 0;
padding: 0;
}

/* END IMAGE STYLES */



/* STANDARD LINKS */

a:link { color: #6b8b9c;
font-size: 10pt;
font-family: "verdana,arial,geneva";
text-decoration: none;
font-weight: bold;
}

a:visited { color: #6b8b9c;
font-size: 10pt;
font-family: "verdana,arial,geneva";
text-decoration: none;
font-weight: bold;
}

a:hover { color: #868990;
font-size: 10pt;
font-family: "verdana,arial,geneva";
text-decoration: none;
font-weight: bold;
}

a.normal:link { color: #6b8b9c;
font-size: 10pt;
font-family: "verdana,arial,geneva";
text-decoration: none;
font-weight: normal;
}

a.normal:visited { color: #6b8b9c;
font-size: 10pt;
font-family: "verdana,arial,geneva";
text-decoration: none;
font-weight: normal;
}

a.normal:hover { color: #868990;
font-size: 10pt;
font-family: "verdana,arial,geneva";
text-decoration: none;
font-weight: normal;
}


a.yellow:link { color: #ffff00;
font-size: 11pt;
font-family: "arial,geneva";
text-decoration: none;
font-weight: normal;
font-style: italic;
}

a.yellow:visited { color: #ffff00;
font-size: 11pt;
font-family: "arial,geneva";
text-decoration: none;
font-weight: normal;
font-style: italic;
}

a.yellow:hover { color: #ffffff;
font-size: 11pt;
font-family: "arial,geneva";
text-decoration: none;
font-weight: normal;
font-style: italic;
}

/* HEADER LINKS */


a.header:link { 
font-size : 8pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #5a5e5d;
font-weight: normal;
}

a.header:visited { 
font-size : 8pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #5a5e5d;
font-weight: normal;
}

a.header:hover { 
font-size : 8pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #427776;
font-weight: normal;
}

/* VALID LINKS */

a.valid:link { 
color: #aaaaaa;
font-size: 9px;
font-family:verdana,arial,geneva;
text-decoration: none;
}

a.valid:visited { 
color: #aaaaaa;
font-size: 9px;
font-family:verdana,arial,geneva;
text-decoration: none;
}

a.valid:hover { 
color: #222222;
font-size: 9px;
font-family:verdana,arial,geneva;
text-decoration: none;
}

/* FOOTER LINKS */

a.flink:link { 
color: #cccccc;
font-size: 10px;
font-family:verdana,arial,geneva;
text-decoration: none;
font-weight: bold;
}

a.flink:visited { 
color: #cccccc;
font-size: 10px;
font-family:verdana,arial,geneva;
text-decoration: none;
font-weight: bold;
}

a.flink:hover { 
color: #efefef;
font-size: 10px;
font-family:verdana,arial,geneva;
text-decoration: none;
font-weight: bold;
}

a.frink:link { 
color: #ff0000;
font-size: 12px;
font-family:verdana,arial,geneva;
text-decoration: none;
font-weight: bold;
}

a.frink:visited { 
color: #ff0000;
font-size: 12px;
font-family:verdana,arial,geneva;
text-decoration: none;
font-weight: bold;
}

a.frink:hover { 
color: #ffff00;
font-size: 12px;
font-family:verdana,arial,geneva;
text-decoration: none;
font-weight: bold;
}



a.inline:link { color: #6b8b9c;
font-size: 10pt;
font-family: arial,geneva;
text-decoration: none;
font-style: normal;
font-weight: bold;
}

a.inline:visited { color: #6b8b9c;
font-size: 10pt;
font-family: arial,geneva;
text-decoration: none;
font-style: normal;
font-weight: bold;
}

a.inline:hover { color: #427776;
font-size: 10pt;
font-family: arial,geneva;
text-decoration: none;
font-style: normal;
font-weight: bold;
}

a.dark:link { color: #111111;
font-size: 10pt;
font-family: arial,geneva;
text-decoration: none;
font-style: normal;
font-weight: bold;
}

a.dark:visited { color: #111111;
font-size: 10pt;
font-family: arial,geneva;
text-decoration: none;
font-style: normal;
font-weight: bold;
}

a.dark:hover { color: #aaaaaa;
font-size: 10pt;
font-family: arial,geneva;
text-decoration: none;
font-style: normal;
font-weight: bold;
}



 
/* DIFFERENT TD CLASSES */


TD.smaller { 
text-align: left;
font-size : 9pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #46323D;
 } 


/* VARIOUS CLASSES */

.smallish { 
font-size : 8pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #5a5e5d;
 } 

.red {

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-colour: #cc0000;
}


html>body .newsframe { 
margin-left: 28px;
margin-top: -40px;
font-size : 8pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #5a5e5d;
background: url(images/newsbak.gif); 
padding: 0px;
float: left;
clear: both;
 } 
  
.newsframe { 
margin-left: 14px;
margin-top: 0px;
font-size : 8pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #5a5e5d;
background: url(images/newsbak.gif); 
padding: 0px;
float: left;
clear: both;
 } 



.news { 
font-size : 8pt;
line-height: 100%;
margin-left: 4px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #5a5e5d;
background: #e3e9ea;
 } 
 
 
P.brackets { 
font-size : 8pt;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
line-height: 130%;
color: #3a4856;
margin-top: 0px;
margin-left: 170px;
margin-right: 24px;
margin-bottom: 0px;
overflow: hidden;
 }
 
 
 .form { 
font-size : 10pt;
line-height: 100%;
margin-left: 4px;
font-family : Geneva, Arial, Helvetica, sans-serif;
color: #ffffff;
font-weight: bold;
 } 
 
 td.formt {
background: #71879c;
}


/* LISTS */


LI {
font-size : 9pt;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 170%;
color: #3a4856;
margin-top: 0px;
margin-left: 170px;
margin-right: 24px;
list-style-image:url(images/bullet.gif)

}

LI.nm {
font-size : 9pt;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 170%;
color: #3a4856;
margin-top: 0px;
margin-left: 0px;
margin-right: 24px;
list-style-image:url(images/bullet.gif)

}

LI.nor {
font-size : 9pt;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 170%;
color: #3a4856;
margin-top: 0px;
margin-left: 170px;
margin-right: 24px;
{list-style-type:lower-alpha;


}


	table.display-window {
		background-color:	#FFFFFF;
		width:				100%;
		height:				400px;
		text-align:			left;
	}
	table.display-window .titlea {
		color:				#FFFFFF;
		font-size:			13px;
		font-family:		Verdana, Arial, Helvetica, sans-serif;
	}
	table.display-window .titleb {
		color:				#FFFFFF;
		font-size:			13px;
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-weight:		bold;
	}
	div.message-body {
		padding:			1px 25px 25px 25px;
	}
	div.message-body h1 {
		color:				#666666;
		border-bottom:		2px #CCCCCC solid;
		font-size:			18px;
		font-family:		Arial, Helvetica, sans-serif;
		font-weight:		bold;
		text-align:			left;
	}
	div.message-body h2 {
		color:				#666666;
		border-bottom:		2px #CCCCCC solid;
		font-size:			14px;
		font-family:		Arial, Helvetica, sans-serif;
		font-weight:		bold;
		text-align:			left;
	}
	div.message-body label.required {
		color:				#CC0000;
	}
	div.error-message {
		background-color:	#FFD9D0;
		border:				1px #CC0000 solid;
		padding:			8px;
		color:				#333333;
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			12px;
		margin-bottom:		10px;
	}
	#shadow-container {
		position:			relative;
		left:				3px;
		top:				3px;
		width:				85%;
		min-width:			762px;
		margin-right:		3px;
		margin-bottom:		3px;
	}
	#shadow-container .shadow2,
	#shadow-container .shadow3,
	#shadow-container .container {
		position:			relative;
		left:				-1px;
		top:				-1px;
	}
	#shadow-container .shadow1 {
		background:			#F1F0F1;
	}
	#shadow-container .shadow2 {
		background:			#DBDADB;
	}
	#shadow-container .shadow3 {
		background:			#B8B6B8;
	}
	#shadow-container .container {
		background:			#ffffff;
		border:				1px solid #848284;
		padding:			0px;
	}
	

HR.hor {
margin-left: 170px;
width: 760px;
}