/*						 */
/*	STUFF FOR HEADER DIV */
/*						 */
/* top of each and every page THIS WORKS ACROSS ALL BROWSERS */
div#TopHeaderDiv
{
	width: 1024px;
	height: 185px;
	border-top: solid black 1px; 
	border-right: solid black 1px; 
	border-left: solid black 1px;
}

/*						  */
/* STUFF FOR VARIOUS DIVS */
/*						  */

.Menu, .MenuExplorer7, .MenuFirefox, .MenuOpera, .MenuNetscape, .MenuChrome
{
	width: 1024px; 
	border-left: solid 1px black; 
	border-right: solid 1px black; 
	margin-top: 0px; 
    height: 40px; 
    font-weight: bold; 
}

/*
.MenuExplorer6
{
	width: 1024px; 
	border-left: solid 1px black; 
	border-right: solid 1px black; 
	border-bottom: solid 2px red;
    height: 40px; 
    font-weight: bold; 
}
*/

.BelowMenu
{
	 width: 1024px; 
	 height: 5px; 
	 background-color: Transparent; 
	 border-left: solid black 1px;
	 border-right: solid black 1px;
}

.CentralImageDiv
{
	border-left: solid black 1px;
	border-right: solid black 1px;
	width: 1024px;
	height: 375px;
	background-repeat: no-repeat;
	/*now deal with font, size, colour etc */
	font-family: Arial;
	color: #000000;
	font-size: 90%;
}



/****************************************************************/
/* sequence of styles for either IE6,  IE7 or any other browser */
/****************************************************************/

/* BIG LEFT TEXT DIVS */
.BigLeftTextDiv /* tested for layout in FF, Opera, NS, Chrome, IE8 */
{
	border: none;
	background-color: Transparent;
	width: 620px;
	height: 297px;
	text-align: left;
	font-size: 90%;
	position: absolute;
	top: 300px; 
	background-color: Transparent;
	color: #565758;
	margin-left: -40px;
}
.BigLeftTextDivExplorer7, .BigLeftTextDivExplorer6 /* tested for layout in IE6, IE7 */
{
	border: none;
	background-color: Transparent;
	width: 620px;
	height: 297px;
	position: relative;
	top: 50px; 
	left: -210px;
	background-color: Transparent;
	color: #565758;
	text-align: left;
	font-size: 90%;
	z-index: 1;
}

/* divs below are for text content of the Big Left Text Div Paragraph Class of "Header" */
.BigLeftTextDiv p.Header
{
	border: none;
	padding-left: 60px;
	padding-right: 50px;
	font-family: Arial;
	font-size: 90%;
}
.BigLeftTextDivExplorer6 p.Header, .BigLeftTextDivExplorer7 p.Header
{
	border: none;
	padding-left: 30px;
	padding-right: 50px;
	font-family: Arial;
	font-size: 90%;
}

/* divs below are for text content of the Bigh Left Text Div paragraph class of "BodyText" */
.BigLeftTextDiv p.BodyText
{
	border: none;
	padding-left: 60px; 
	padding-right: 20px;
	font-family: Arial;
	font-size: 80%;
}
.BigLeftTextDivExplorer6 p.BodyText, .BigLeftTextDivExplorer7 p.BodyText
{
	border: none;
	padding-left: 30px; 
	padding-right: 20px;
	font-family: Arial;
	font-size: 90%;
}


/* e.g. Commercial page and so forth have a smaller Left Hand Side Text Div, with a header above it, as below */

/* Header divs for the header on e.g. the "Commercial" page */
.SmallLeftHeaderDiv
{
	border: none;
	width: 500px;
	height: 34px;
	position: relative;
	top: 58px;
	left: -255px;
	text-align: left;
	font-family: Arial;
	color: #425E5F;
	font-size: 220%;
	padding-left: 20px;
	padding-top: 2px;
}
.SmallLeftHeaderDivExplorer6 /* for HEADERS e.g. "Commercial", "Personal", "Claims" */
{
	border: none;
	width: 500px;
	height: 34px;
	position: relative;
	top: 60px;
	left: -250px;
	text-align: left;
	font-family: Arial;
	color: #425E5F;
	font-size: 220%;
	padding-left: 20px;
	padding-top: 2px;
}
.SmallLeftHeaderDivExplorer7 /* NO this is NOT the same as the IE6 one above, see the "left:" value */
{
	border: none;
	width: 500px;
	height: 34px;
	position: relative;
	top: 60px;
	left: -255px;
	text-align: left;
	font-family: Arial;
	color: #425E5F;
	font-size: 220%;
	padding-left: 20px;
	padding-top: 2px;
}

/* divs below for the smaller Left Hand Text divs on e.g. the "Commercial" pages etc. */
.SmallLeftTextDiv /* similar to BigLeftTextDiv above but different dimensions */
{
	width: 416px;
	height: 220px;
	text-align: left;
	font-size: 90%;
	float: left;
	padding-top: 70px;
	background-color: Transparent;
	color: #565758;
	border: none;
}

.SmallLeftTextDivExplorer6 
{
	border: none;
	width: 416px;
	height: 220px;
	text-align: left;
	font-size: 90%;
	float:left;
	margin-top: 20px; 
	padding-top: 40px;
	background-color: Transparent;
	color: #565758;
}

.SmallLeftTextDivExplorer7 
{
	border: none;
	width: 416px;
	height: 220px;
	text-align: left;
	font-size: 90%;
	float:left;
	margin-top: 60px; 
	padding-top: 20px;
	background-color: Transparent;
	color: #565758;
}

/* Header divs for the header on the "CLAIMS" page */
.ClaimsLeftHeaderDiv
{
	border: none;
	width: 500px;
	height: 34px;
	position: relative;
	top: 40px;
	left: -450px;
	font-family: Arial;
	color: #425E5F;
	font-size: 220%;
	padding-left: 20px;
	padding-top: 2px;
}
.ClaimsLeftHeaderDivExplorer6, .ClaimsLeftHeaderDivExplorer7
{
	border: none;
	position: relative;
	top: 45px;
	left: 0px;
	text-align: left;
	font-family: Arial;
	color: #425E5F;
	font-size: 220%;
	padding-left: 20px;
	padding-top: 2px;
}

/* Header divs for the left hand side title bit on the "Contact us" page */
.ContactLeftHeaderDiv
{
	border: none;
	width: 500px;
	height: 34px;
	position: relative;
	top: 40px;
	left: -410px;
	font-family: Arial;
	color: #425E5F;
	font-size: 220%;
	padding-left: 20px;
	padding-top: 2px;
}
.ContactLeftHeaderDivExplorer6
{
	border: none;
	position: relative;
	top: 45px;
	left: 0px;
	text-align: left;
	font-family: Arial;
	color: #425E5F;
	font-size: 220%;
	padding-left: 20px;
	padding-top: 2px;
}
.ContactLeftHeaderDivExplorer7 /* NO this is NOT the same as the IE6 one above, see the "top:" value */
{
	border: none;
	width: 500px;
	height: 34px;
	position: relative;
	left: -405px;
	top: 43px;
	font-family: Arial;
	color: #425E5F;
	font-size: 220%;
	padding-top: 2px;
}

/* divs below for the smaller Left Hand Text divs on e.g. the "Claim" pages. */
.ClaimsLeftTextDiv /* similar to BigLeftTextDiv above but different dimensions */
{
	border: none;
	text-align: left;
	font-size: 90%;
	width: 416px;
	height: 220px;
	position: absolute;
	top: 310px; 
	padding-top: 20px;
	background-color: Transparent;
	color: #565758;
}
.ClaimsLeftTextDivExplorer6, .ClaimsLeftTextDivExplorer7
{
	border: none;
	width: 416px;
	position: relative;
	float: left;
	text-align: left;
	font-size: 90%;
	padding-top: 30px;
	background-color: Transparent;
	color: #565758;
}
.ClaimsLeftTextDivExplorer6
{
	top: 20px; 
}
.ClaimsLeftTextDivExplorer7 /* NO this is NOT the same as the IE6 one above, see the "top:" value */
{
	top: 35px; 
}

/* divs below for the smaller Left Hand Text divs on e.g. the "Contact" pages. */
.ContactLeftTextDiv /* similar to BigLeftTextDiv above but different dimensions */
{
	border: none;
	text-align: left;
	font-size: 90%;
	width: 416px;
	height: 220px;
	position: absolute;
	top: 310px; 
	padding-top: 20px;
	background-color: Transparent;
	color: #565758;
}
.ContactLeftTextDivExplorer6, .ContactLeftTextDivExplorer7
{
	border: none;
	width: 416px;
	height: 220px;
	text-align: left;
	font-size: 90%;
	position: relative;
	float: left;
	top: 50px; 
	padding-top: 20px;
	background-color: Transparent;
	color: #565758;
}

.StandardLeftTextDiv /* used on sub-menu pages */
{
	border: none;
	background-color: Transparent;
	width: 645px;
	height: 297px;
	position: absolute;
	text-align: left;
	font-size: 90%;
	top: 330px;
	color: #565758;
}
.StandardLeftTextDiv li
{
	margin-left: 14px; /* so that it lines up with the <p> text above and/or below it */
}
.StandardLeftTextDivExplorer6, .StandardLeftTextDivExplorer7 /* used on sub-menu pages */
{
	border: none;
	background-color: Transparent;
	width: 632px;
	position: relative;
	left: 0px;
	text-align: left;
	font-size: 90%;
	color: #565758;
	float:left;
}
.StandardLeftTextDivExplorer6
{
	padding-top: 65px;
}
.StandardLeftTextDivExplorer7
{
	padding-top: 70px;
}

.StandardLeftTextDiv ul
{
	margin-top: -8px;
}
.StandardLeftTextDivExplorer6 ul
{
	margin-top: -13px;
}
.StandardLeftTextDivExplorer7 ul
{
	margin-top: -16px;
}

.StandardLeftTextDivExplorer6Small /* used on sub-menu pages */
{
	border: none;
	padding-left: 5px;
	background-color: Transparent;
	width: 632px;
	height: 297px;
	position: absolute;
	top: 410px;
	color: #565758;
	font-family: Arial;
	font-size: 75%;		
	font-weight: bold;
}

.StandardLeftTextDivExplorer7Small /* used on sub-menu pages */
{
	border: none;
	background-color: Transparent;
	width: 630px;
	height: 297px;
	position: absolute;
	top: 348px;
	color: #565758;
}

/* Below covers most text in left hand side div for most browsers and versions */
.SmallLeftTextDiv p.BodyText, .SmallLeftTextDiv ul, 
.StandardLeftTextDiv p.BodyText, .StandardLeftTextDiv ul,
.SmallLeftTextDivExplorer7 p.BodyText, .SmallLeftTextDivExplorer7 ul, 
.StandardLeftTextDivExplorer7 p.BodyText, .StandardLeftTextDivExplorer7 ul,
.SmallLeftTextDivExplorer6 p.BodyText, .SmallLeftTextDivExplorer6 ul, 
.StandardLeftTextDivExplorer6 p.BodyText, .StandardLeftTextDivExplorer6 ul,
.ClaimsLeftTextDiv p.BodyText, .ContactLeftTextDiv p.BodyText,
.ClaimsLeftTextDivExplorer7 p.BodyText,
.ContactLeftTextDiv p.BodyText,
.ContactLeftTextDivExplorer7 p.BodyText
{
	border: none;
	padding-left: 20px; 
	padding-right: 20px;
	font-family: Arial;
	font-size: 85%;		
	font-weight: bold;
}

.ClaimsLeftTextDivExplorer6 p.BodyText,
.ContactLeftTextDivExplorer6 p.BodyText
{
	border: none;
	padding-left: 20px; 
	padding-right: 20px;
	font-family: Arial;
	font-size: 85%;		
	font-weight: bold;
}


.StandardLeftTextDivExplorer7Small p.BodyText, .StandardLeftTextDivExplorer7Small ul
{
	border: none;
	padding-left: 20px; 
	padding-right: 20px;
	font-family: Arial;
	font-size: 75%;		
	font-weight: bold;
}
.StandardLeftTextDivExplorer7Small ul /* trying desperately to compress text to fit into div */
{
	margin-top: -15px;
}

/* menu div for COMMERCIAL Header page */
.CommercialMenuTextDiv
{
	border: none;
	height: 260px;
	padding-top: 25px;
	background-color: transparent;
	width: 230px;
	float: right;
	text-align: left;
	
}
.CommercialMenuTextDiv li
{
	padding: 2px;
}

.CommercialMenuTextDivExplorer6, .CommercialMenuTextDivExplorer7
{
	border: none;
	height: 260px;
	padding-top: 30px;
	background-color: Transparent;
	width: 250px;
	float: right;
	text-align: left;
}
.CommercialMenuTextDivExplorer6
{
	padding-top: 30px;
}
.CommercialMenuTextDivExplorer7
{
	padding-top: 40px;
}


/* this div contains the Right Hand Side bullet listed menu for the Commercial pages */
/* i.e. menu div for COMMERCIAL MENU pages */
.RightTextDiv, .RightTextDivDirector
{
	border: none;
	height: 230px;
	background-color: Transparent;
	width: 230px;
	float: right;
	text-align: left;
	padding-top: 20px;
}

.RightTextDivExplorer6, .RightTextDivExplorer7, 
.RightTextDivExplorer6Director, .RightTextDivExplorer7Director
{
	border: none;
	height: 245px;
	background-color: Transparent;
	width: 250px;
	float: right;
	text-align: left;
}

.RightTextDivExplorer6
{
	padding-top: 30px;
}
.RightTextDivExplorer6Director
{
	padding-top: 0px;
}
.RightTextDivExplorer7,  .RightTextDivExplorer7Director
{
	padding-top: 40px;
}
.RightTextDivDirector
{
	padding-top: 25px;
}

.RightTextDiv ul,.RightTextDivDirector ul, .RightTextDivExplorer7 ul, .RightTextDivExplorer6 ul, 
.RightTextDivExplorer6Director ul, .RightTextDivExplorer7Director ul,
.CommercialMenuTextDiv ul, .CommercialMenuTextDivExplorer6 ul, .CommercialMenuTextDivExplorer7 ul
{
	padding-left: 20px;
	padding-right: 20px;
	font-family: Arial;
	font-size: 78%;		
	font-weight: bold;	
}

.RightTextDiv li, .RightTextDivDirector li, .StandardRightTextDiv li
{
	padding: 2.5px;
}

.StandardRightTextDiv
{
	border: none;
	height: 250px;
	background-color: Transparent;
	width: 250px;
	position: absolute;
	top: 390px;
	left: 780px;
}
.StandardRightTextDiv ul
{
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
	font-family: Arial;
	font-size: 78%;		
	font-weight: bold;	
}

/* divs to hold the Right Hand Side menu in the "Personal" pages. 
Standard
Explorer6
Explorer7
*/
.TinyRightTextDiv
{
	border: none;
	background-color: Transparent;
	width: 230px;
	float: right;
	text-align: left;
	padding-top: 12px;
}
.TinyRightTextDivExplorer6, .TinyRightTextDivExplorer7
{
	border: none;
	background-color: Transparent;
	width: 260px;
	float: right;
	text-align: left;
}
.TinyRightTextDivExplorer6
{
	padding-top: 20px;
}
.TinyRightTextDivExplorer7
{
	padding-top: 25px;
}
.TinyRightTextDiv ul, .TinyRightTextDivExplorer6 ul, .TinyRightTextDivExplorer7 ul
{
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	font-family: Arial;
	font-size: 78%;		
	font-weight: bold;
			
}

.TinyRightTextDiv li, .TinyRightTextDivExplorer6 li, .TinyRightTextDivExplorer7 li
{
	padding: 1px;
}

/*									*/
/*  STUFF BELOW FOR THE PAGE FOOTER	*/
/*									*/

#FooterDiv
{
	border: none;
	float: inherit;
	height: 118px; 
	width: 1024px; 
	background-color: #547274; 
	padding-top: 15px;
	border-left: solid black 1px;
	border-bottom: solid black 1px;
	border-right: solid black 1px;
}

#FooterDiv b
{
	font-family: Arial;
	color: White;
}

#FooterDiv p
{
	font-family: Arial;
	font-size: 75%;
	color: White;
}