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

#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;
}


#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);
}


/* 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.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;
}

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.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.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;
 } 
 
 
/* 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.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.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.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;
}


/* 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;
 } 


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)

}

	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;
	}