/* Copyright (c) 2008 Smart Media Limited. All Rights Reserved */


/* ======== Set defaults for the body ======== */

body
{
	margin: 0;
	padding: 0;
	font-family: verdana, sans-serif;
	font-weight: normal;
	xmin-width: 775px;
	min-width: 1000px; /*081120 was 775 */
	xwidth: expression(document.body.clientWidth < 780? "760px": "100%" );
	text-align: center;
	color: #000;
}


/* ======== Setup layout container ======== */


#wrapper
{
	width: 996px; /*081120 was 771 */
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	font-size: 70%;
	
}

/* ======== Style for header container ======== */
#header
{
	width: 100%;
}

#header ul
{
	margin: 0 0 4px 0;
	padding: 0;
	list-style: none;
	width: 996px; /*081120 was 771 */
	float: left;
}

#header ul li
{
	float: left;
	margin: 0;
	padding: 0;
	
}
#header ul li a, #header ul li a:visited
{
	display: block;
	width: 116px; /* 081202 was 109px - 090105 was 146px*/
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	text-align: center;
	padding: 5px 0 5px 0;
	vertical-align: middle;
	text-decoration: none;
	background: #f7f7f7 url(../images/le/navheader.gif) repeat-x 0 100%;
	color: #545454;
}

* html #header ul li a, #header ul li a:visited {width:116px; /*090105 was 141px */}

#header ul li.li8 a, #header ul li.li8 a:visited /*added 090105 */
{
	width: 176px;
	border-right: none;
}

#header ul li a:hover
{
	background: #f2f5fa url(../images/le/navheader_selected.gif) repeat-x 0 100%;
	color: #2c6bdc;
}


/* ======== Setup layout container ======== */

/* Style for page: page contain all execpt header and footer */
#page
{
	clear: left;
	margin: 0 0 4px 0;
	float: left;
	line-height: 1.65em;
	width: 100%;
}



#containernavleft
{
	float: left;
	width: 209px;
}

#navleft
{
	width: 205px;
	float: left;
}


#middle
{
	float: left;
	width: 787px; /* 081120 was 562 */
	font-size: 1.1em;
}

/* On the home and all top level page the middle take the full width, the class home is use to modify some value one the home and top level page*/
.home#middle
{
	width: 996px;  /*081120 was 771 */
	clear: left;
}
/* Special container for the home and top level page */
/* It contain the navleft and the top image with the breadcrumb */
#containertophome
{
	width: 996px; /*081120 was 771 */
	position: relative;
	margin-left:4px;
	background-color:#f00;
	background: url(../images/le/homeback2.gif) repeat-y 0 0; /*081202*/
}



/* ======== Style for item in containertophome ======== */

/* spacerhome permit to have a min height that work in IE */
#spacerhome
{
	height: 237px; /* Height of the logo background */
}
/* We make sur that all the float at clear before close the containertophome */
#containertophome .clr
{
	clear: left;
}




/* ======== Style for navlist ======== */
#containernavlist
{
	background : #5b820a;
	float: left;
	width: 205px;
	
}

#containernavlist p.header
{
	margin: 0;
	padding: 7px 10px 8px 9px;
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
}

#navlist
{
	list-style: none;
	margin: 0;
	padding: 0 0 10px 0;
	float: left;
	width: 205px;
}
/* First level of navigation */
#navlist li
{
	margin: 0;
	padding: 0;
	float: left;
	width: 205px;
	
}

#navlist li a
{
	padding: 0px 0 2px 22px;
	color: #fff;
	/*\*/
	* width: 183px;
	/* */
	display: block;
	text-decoration: none;
	background: url(../images/le/arrowwhite.gif) no-repeat 10px 0.45em;
}

#navlist li a:hover, #navlist li.navparent a:hover
{
	background-color: #7ebd00;
}

#navlist li.navsel a
{
	background: #7ebd00 url(../images/le/arrowwhite_select.gif) no-repeat 9px 0.60em;
}
#navlist li.navparent a
{
	background: #699510 url(../images/le/arrowwhite_select.gif) no-repeat 9px 0.60em;
}


/* Second level of navigation */
#navlist li ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#navlist li ul li
{
	margin: 0;
	padding: 0;
}

#navlist li ul li a, #navlist li.navsel ul li a,  #navlist li.navparent ul li a
{
	padding: 0 0 2px 30px;
	background: #699510 url(../images/le/arrowwhite_sub.gif) no-repeat 23px 0.55em;
	/*\*/
	* width: 175px;
	/* */
}
#navlist li.navsel ul li a:hover,  #navlist li.navparent ul li a:hover, #navlist li.navparent ul li.navparent a:hover
{
	background-color: #7ebd00;
}

#navlist li.navparent ul li.navsel a
{
	background: #7ebd00 url(../images/le/arrowwhite_sub_select.gif) no-repeat 21px 0.65em;
}

#navlist li.navparent ul li.navparent a
{
	background: #7fa92c url(../images/le/arrowwhite_sub_select.gif) no-repeat 21px 0.65em;
}


/* Third level of navigation */
#navlist li ul li a, #navlist li.navparent ul li.navsel ul li a,  #navlist li.navparent ul li.navparent ul li a
{
	padding: 0 0 2px 44px;
	background: #7fa92c url(../images/le/arrowwhite_sub.gif) no-repeat 33px 0.55em;
	/*\*/
	* width: 161px;
	/* */
}

#navlist li ul li a, #navlist li.navparent ul li.navsel ul li a:hover,  #navlist li.navparent ul li.navparent ul li a:hover
{
	background-color: #7ebd00;
}


#navlist li ul li a, #navlist li.navparent ul li.navparent ul li.navsel a
{
	background: #7ebd00 url(../images/le/arrowwhite_sub_select.gif) no-repeat 31px 0.65em;
}



.navbox
{
	float: left;
	width: 205px;
	
	font-size: 1.1em;
	margin: 4px 0 0px 0;
	padding: 0 0 13px 0;
	text-align: center;
}

.navbox .header
{
	padding: 0;
	margin: 13px 10px 13px 10px;
	font-family: sans-serif;
	font-size: 1.5em;
	text-align: left;
}
.navbox a, .navbox a:visited
{
	text-decoration: none;
}
.navbox a:hover
{
	text-decoration: underline;
}	

.navbox .text p
{
	margin: 10px 10px 0px 11px;
	color: #2e2e2e;
	text-align: left;
}
.navbox .links
{
	margin: 10px 10px 0px 11px;
	text-align: left;
}
.navbox .links	a
{
	display: block;
	padding: 5px 0 5px 12px;
	background-repeat: no-repeat;
	background-position: 0 0.85em;
}

/*Color of the navigation box are the same than the newsflash Right and Left*/





/* ======== Style for topnavcontainer ======== */

#topcontainer
{
	width: 787px; /*081120 was 562 */
	height: 167px;
	background: #11428e url(../images/le/logoback.jpg) no-repeat 0 0;
	position: relative;
}

#topcontainer a
{
	color: #fff;
}
.home#topcontainer
{
	position: absolute;
	bottom: 0;
	left: 209px;
	height: 237px;
	background: #11428e url(../images/le/home_background_1.jpg) no-repeat 0 0; /* 081202 home_background_1.jpg was logo_homeback.jpg */
}


#topcontainer #logo
{
	position: absolute;
	border:none;
	top: 26px;
	left: 40px;
	z-index: 2;
}

#changetext
{
	position: absolute;
	z-index: 2;
	bottom: 2px;
	left: 12px;
	margin: 0;
	padding: 0;
}
#changetext a
{
	margin: 0 1px 0 1px;
	color: #fff;
}
.home#changetext a
{
	margin: 0 1px 0 1px;
}

#changetext img
{
	border: none;
	margin: 0;
	padding: 0;
}

.home#changetext
{
	top: -24px;
}


/* ======== Style for quicksearch ======== */

#quicksearch
{
	position: absolute;
	bottom: 6px;
	right: 11px;
	vertical-align: bottom;
}

.home#quicksearch
{
	top: -37px;
}

#quicksearch form
{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
#quicksearch #search
{
	height: 17px;
	background: #fff url(../images/le/searchbox.gif) no-repeat 0 0;
	width: 199px;
	border: none;
	padding: 5px 5px 3px 5px;
	color: #7b7b7b;
}
#quicksearch #subsearch
{
	vertical-align: bottom;
	margin-left: 4px;
}
#quicksearch #subsearch img
{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	border: none;
	color: #fff;
}


/* ======== Style for breadcrumb ======== */

#breadcrumb
{
	position: relative;
	float: left;
	width: 787px; /*081120 was 562 */
	background : #1e1d22;
	font-size: 0.8em;
	padding: 1px 0 2px 0;
	margin: 0 0 4px 0;
	color: #b2b2b2;
	
}

.home#breadcrumb
{
	position: absolute;
	bottom: 0;
	left: 209px;
	margin: 0;
	font-size: 0.9em;
}

#breadcrumb p
{
	
	float: left;
	padding: 0 0 0 13px;
	margin: 0;
	color: #fff;
}

/*The message on the homepage */
#breadcrumb .message p
{
	font-size: 1.2em;
	float: right;
	padding: 0 13px 0 0;
	margin: 0;
	color: #fff;
}

#breadcrumb ul
{
	
	margin: 0;
	padding: 0;
	list-style: none;
	
}
#breadcrumb li
{
	float: left;
	margin: 0 0 0 0.4em;
	padding: 0 0 0 1em;
	display: inline;
	color: #fff;
	background: url(../images/le/arrowgrey.gif) no-repeat 0px 0.7em;
}
#breadcrumb li.firstli
{
	margin: 0 0 0 0.6em;
	padding: 0;
	background-image: none;
}

#breadcrumb li a:link, #breadcrumb li a, #youarehere ul li a:visited 
{
	color: #fff;
	text-decoration : none;
}
#breadcrumb li a:hover, #breadcrumb li a:active
{
	color: #fff;
	text-decoration : none;
}


/* ======== Style for content ======== */

#content
{
	
	margin: 0px 0 0 0;
	padding: 0;
	clear: left;
	width: 787px; /*081120 was 562 */
	color: #2e2e2e;
}

.home#content
{
	width: 996px; /*081120 was 771 */
}

#elements
{
	padding: 1px 2px 0 12px; /*right margin was 12px */
}
* html #elements {padding-right:0px;}

/* generic style for the content */

#content h1
{
	font-family: sans-serif;
	color: #294f93;
	font-weight: normal;
	font-size: 1.7em;
	padding: 0;
	margin: 1em 0 0.5em 0;
	
}

#content h2
{
	font-family: sans-serif;
	color: #294f93;
	font-weight: normal;
	font-size: 1.5em;
	padding: 0.4em 0 0 0;
	margin: 0.5em 0 0.5em 0;
}
#content h3
{
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0;
	margin: 0.5em 0 0.3em 0;
}

p
{
	margin: 0.3em 0 0.5em 0;
}

#content a, #content a:visited
{
	color: #2c6bdc;
	text-decoration: none;
}

#content a:hover
{
	text-decoration: underline;
}



#content img
{
	border: 2px solid #ebebeb;
	padding: 0;
	margin: 0;
}


.imageleft
{
	padding: 0;
	margin-bottom: 0;
	margin-right: 10px;
	
}
.imageleft img, .imageright img
{
	margin-top: 0.1em;
}


.imageright
{
	padding: 0;
	margin-bottom: 0;
	margin-left: 10px;
	margin-top: 0.1em;
}




.smfcform fieldset
{
	border: 1px solid #999;
	padding: 5px 10px 10px 10px;
}
.lawlinks
{margin:0;
 padding:0.6em 0 0.6em 0; 
}
#content #elements .lawlinks li /* added 090105 */
 {list-style-type:none;
 margin:0 0 0 0;
 padding:0; 
 }
 
 .lawlinks a
{
	display: block;
}
.lawlinks li a
{
	padding: 5px 0 0px 12px;
	background-repeat: no-repeat;
	background-position: 0 0.85em;
	background-image: url(../images/le/arrowblue.gif);
}
/* Standard doclink in the text */
.linkpara a
{
	display: block;
	padding: 5px 0 0px 12px;
	background-repeat: no-repeat;
	background-position: 0 0.85em;
	background-image: url(../images/le/arrowblue.gif);
}


/* ======== Style for footer ======== */

#footer
{
	clear: both;
	width: 100%;
	background : #ebebeb;
	float: left;
	padding: 10px 0 10px 0;
	color: #7c7c7c;
	font-size: 0.9em;
}


#footerL
{
	float: left;
	padding: 0 0 0 10px;
}
#footerL a, #footerL a:visited
{
	color: #7c7c7c;
	text-decoration: none;
}

#footerL a:hover
{
	color: #2c6bdc;
}
#footerR
{
	float: right;
	padding: 0 15px 0 0;

}


/* ======== Specific style for homepage ======== */


/* homebox contain greenhomebox and bluehomebox */
.homebox
{
	float: left;
	width: 771px;
	background: url(../images/le/backhomebox.gif) repeat-y 0 0;
	margin: 4px 0 4px 0;
}

.bluehomebox
{
	float: right;
	width: 383px;
	background: #d6ddeb url(../images/le/blue_box.gif) repeat-x 0 0;
}

.greenhomebox
{
	float: left;
	width: 384px;
	background: #eaecd5 url(../images/le/green_box.gif) repeat-x 0 0;
}
.greenhomebox .clr
{
	clear: left;
}

.bluehomebox .clr
{
	clear: right;
}

.greenhomebox .header, .bluehomebox .header
{
	font-family: sans-serif;
	font-weight: normal;
	font-size: 1.7em;
	padding: 0;
	margin: 19px 15px 7px 15px;
}
.greenhomebox .header
{
	color: #658a19;
}
.bluehomebox .header
{
	color: #294f93;
}
.greenhomebox .text p, .bluehomebox .text p
{
	padding: 0;
	margin: 7px 15px 7px 15px;
}

.bluehomebox .links, .greenhomebox .links
{
	padding: 0;
	margin: 7px 15px 7px 15px;
}


#content .greenhomebox a, #content .greenhomebox a:visited
{
	color: #31bd00; /* Previous #5b820a */
	text-decoration: none;
}
#content .greenhomebox a:hover
{
	text-decoration: underline;
}

.greenhomebox .links a.doclink, .bluehomebox .links a.doclink
{
	padding: 0 0 0 11px;
	display: block;
}

.greenhomebox .links a.doclink
{
	background: url(../images/le/arrowgreen2.gif) no-repeat 0 0.4em; /* Take arrowgreen.gif for the color #5b820a */
}
.bluehomebox .links a.doclink
{
	background: url(../images/le/arrowblue.gif) no-repeat 0 0.4em;
}

.greenhomebox .spacer, .bluehomebox .spacer
{
	height: 100px;
	float: left;
}

/* Style for Worldbox */
.worldbox
{
	width: 996px; /*081202 was 771px*/
	clear: both;
	background: #e9e9e9 url(../images/le/world_box.gif) no-repeat 0 0;
}

.worldbox .spacer
{
	height: 209px;
	float: left;
}

.worldbox .clr
{
	clear: left;
}

.worldbox .text
{
	padding: 19px 12px 12px 230px;
}

#content .worldbox h1
{
	margin: 0;
}


/* Style for disclaimer */
#disclaimer
{
	font-size: 0.9em;
}
.extsites /*090127 */
{text-align:right;
color: #7c7c7c;
}

#content #ukelalogo
{
	float: right;
	border: none;
	margin-top: 8px;
	margin-right: 10px;
	margin-left:20px;
}
#content #brass
{
	float: right;
	border: none;
	margin-top: 26px;
	margin-right: 10px;
	margin-left:20px;
}

#disclaimer .text
{
	padding: 15px 160px 15px 15px;
	color: #7c7c7c;
}
/* ======== Specific style for search result ======== */

#elements td.searchsummary
{
	padding-left: 40px;
	
}




/* ======== Specific style for Right & Left newsflash ======== */


/* Style for all Right and Left newsflash */
.box
{
	padding: 0 0 13px 0;
	text-align: center;
}

.box p
{
	text-align: left;
}
.box .header
{
	padding: 13px 0 0 0;
	margin: 0px 10px 13px 10px;
	font-family: sans-serif;
	font-size: 1.5em;
}
.box .text .imageleft
{
	margin-top: 3px;
}
.box .text p
{
	margin: 10px 10px 0px 11px;
	color: #2e2e2e;
}
#content .box a, #content .box a:visited
{
	text-decoration: none;
}
#content .box a:hover
{
	text-decoration: underline;
}

.box .links
{
	margin: 10px 10px 0px 11px;
}
.box .links a.doclink
{
	display: block;
	padding: 5px 0 5px 12px;
	background-repeat: no-repeat;
	background-position: 0 0.85em;
}


/* The diffent box */
#content .rightbox
{
	float: right;
	margin: 10px 0 10px 10px;
}

#content .leftbox
{
	float: left;
	margin: 10px 10px 10px 0;
}
#content .standardbox
{
	width: 180px;
}

.widerbox
{
	width: 230px;
}


.highlightbox
{
	margin: 1em 15px 1em 15px;
}
.highlightbox .clr
{
	clear: left;
}


/*** The different colors ***/

/* Blue */
.bluebox
{
	background: #e9e9f1;
}
.bluebox .header
{
	color: #294f93;
}
#content .bluebox a, .bluebox a:visited, .bluebox a:hover, #content .greybox a, .greybox a:visited, .greybox a:hover
{
	color: #2c6bdc;
}
.bluebox .links a.doclink, .greybox .links a.doclink
{
	background-image: url(../images/le/arrowblue.gif);
}

/* Grey */
.greybox
{
	background: #ebebeb;
}

.greybox .header
{
	color: #294f93;
}

/* Green */
.greenbox
{
	background: #efefe5;
}

.greenbox .header
{
	color: #5b820a;
}

#content .greenbox a, #content .greenbox a:visited, .greenbox a:hover, .greenbox a, .greenbox a:visited, .greenbox a:hover
{
	color: #31bd00;
}
.greenbox .links a.doclink
{
	background-image: url(../images/le/arrowgreen2.gif);
}



/* Quote box (the quote box have the class blue also)*/
.quotebox 
{
	text-align: left;
}

.quotebox .containertext
{
	margin: 10px 10px 0px 11px;
}

.quotebox .alltext
{
	vertical-align: bottom;
	color: #2e2e2e;
}

.quotebox .textquote p
{
	display: inline;
	
}

#content .quotebox .startimg
{
	vertical-align: bottom;
	margin: 5px 7px 2px 2px;
	padding: 0;
	border: 0;
}

#content .quotebox .endimg
{
	text-align: right;
	vertical-align: bottom;
	margin: 5px 8px 0 0;
	display: block;
	float: right;
	padding: 0;
	border: 0;
}
.quotebox .cl
{
	clear: both;
}






/* ======== Specific style for sitemap ======== */
#map
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#map li a
{
	padding: 0 0 0 11px;
	position: relative;
	font-weight: bold;
	background: url(../images/le/square_blue.gif) no-repeat 0 0.4em;
	font-size: 1.05em;
}

#map ul
{
	padding: 0 0 0 40px;
	list-style: none;
}

#map ul li
{
	padding: 0 0 0 11px;
	background: url(../images/le/arrowblue.gif) no-repeat 0 0.35em;
	/* IE Hack: the bullet disapear on IE sometime, position relative don't work and there also a bug when it's in the link so the width is fix, make sure there is nothing a the right */
	* width: 550px;
}
#map ul li a
{
	padding: 0 0 0 0px;
	font-weight: normal;
	background: none;
	font-size: 1em;

}
#map ul ul li
{
	padding: 0;
	background: none;
	width: auto;
}
#map ul ul
{
	list-style-type: disc;
}
#map ul ul li a
{
	padding: 0;
	background-image: none;
	
}
#map ul ul ul
{
	list-style-type: circle;
}

#map ul ul ul ul
{
	list-style-type: square;
}
#map ul ul ul ul li a
{
	font-style: italic;
}
#map ul ul ul ul ul
{
	list-style-type: none;
}

/* ======== Specific style for A to Z ======== */


#azlist span.pageheading
{	
	font-size: 1.4em;
	text-transform: none;
	font-weight: bold;
	display: block;
	padding-top: 10px;
	color: #294f93;
}

#az img, #azlist img
{
	border: none;
}

/********************** USER DEFINED STYLES  ********************************/

.WSBodyS0		{ color:#294f93; } /* blue */
.WSBodyS1 		{ color:#5b820a; } /* green */
.WSBodyS2 		{font-size: 0.8em; }
.WSBodyS3		{font-size: 0.8em; color:#294f93; }
.WSBodyS4		{font-size: 0.8em; color:#5b820a;}
.WSBodyS5		{font-size: 1.2em; }
.WSBodyS6		{font-size: 1.2em; color:#294f93; }
.WSBodyS7		{font-size: 1.2em; color:#5b820a;}
.WSBodyS8		{background-color: #294f93; color: #fff; }
.WSBodyS9 		{background-color: #5b820a; color: #fff; }

#infopopup
{text-align:left;
}

#relatedlinks
{
padding-left:1em;
padding-right:1em;
background:#EFEFE5;
margin-top:3px;
width:180px;/*added 081120*/
margin-bottom:1em; /*081202*/
}
#relatedlinks h1
{font-size:1.4em;
margin:0;
padding-top:0.6em;
color:#385006;
}

#relatedlinks a
{color:#385006;
}

#relatedlinks a:hover
{color:#073580;
}
#relatedlinks a:link
{
	background-image: url(../images/le/arrowgreen.gif);
}

#rightcol /*added 81120 */
{
float:right;
width:200px;
margin-left:1em; /* added 081202*/
}



/* ======== Specific styles for login page ======== */


#loginpage
{
	margin: 50px auto 0 auto;
	width: 400px;
	font-family: sans-serif;
	line-height: 1.5em;
	font-size: 0.8em;
	background-color: #ccc; 
}

#loginpageleft
{
	background-color: #ccc; 
	padding: 0 0 0 15px;
}

#loginpageright
{
	background-color: #ccc; 
	height: 11px;
	
}

#containerlogin
{
	background: #fff;
	text-align: left;
	padding: 0 15px 0 15px;
	
}

#logologin{
	text-align: center;
	padding: 15px 0 15px 0;
}

#logintext p
{
	margin: 0;
	padding: 5px 0 5px 0;
}

#logintext
{
	padding: 0 45px 11px 45px;
}

#loginform label
{
	font-weight: bold;
	font-size: 1.2em;
	color: #000;
	display: block;
	margin: 10px 0 0 10px;
}

#loginform table
{
	background: #f8f8f8;
	border: 1px solid #f0f0f0;
	width: 100%;
}



#loginform
{
	margin: 0;
	padding: 0;
}

#loginform #login_username
{
	margin: 10px 0 0 0;
}
#login_button
{
	margin-bottom: 10px;
}
#loginform #login_password, #loginform #login_username
{
	width: 120px;
}

#copyrightlog
{
	font-size: 0.8em;
}

.mandatory
{
	color: #be0f29;
}


#logoutbox
{float:right;
width:240px;font-size:0.8em;
padding:2em;
background-color:#fff;}

#printfooter
{display:none;
}

#printlogo
{display:none;
}