/*
This stylesheet ensures that users can change the size of the text
if they need to while for most users the text should appear as the designer wished.

It does this by using font size names. In the majority of browsers:

xx-small = 6px
x-small = 8px
small = 10px
medium = 12px
large = 14px
x-large = 16px
xx-large = 18px
xxx-large = 20px

The following font-size code was taken from http://diveintoaccessibility.org/
*/

/* Sets the font-size for NS4 which doesn't understand font size names */


.navbar,
.branchlinks a{
  font-size: 					12px;
}

/* 
NS4 will ignore the following code, the empty a{} definition is work around for 
Opera 5.

The line before - voice-family: "&"}&""; - is supposed to be a work around for IE5.
This should use a font-size one smaller than for other browsers due to a bug in IE5,
however we have not observed this bug, possibly because the browser has been patched.

We have left the duplicated line in here, in case we need to change this in the future.

These styles override the previous styles.

*/

/*/*/a{}

body .navbar,
body .branchlinks a{
  font-size: 					x-small;
  voice-family: 				"\"}\"";
  voice-family: 				inherit;
  font-size: 					small;
}

/*
This catches everything else, the html>body ensures that Opera 5 is included.

This needs to be set one size up for netscape 6+ browsers.

These styles override all the other styles.
*/

html>body .branchlinks a,
html>body .navbar{
  font-size: 					small;
}
/* */
#accessTools,
#googlesearch,
.quicklinksform,
#searchField{
  font-size: 					10px;
}
body #accessTools,
body #googlesearch,
body .quicklinksform,
body #searchField{
  font-size: 					xx-small;
  voice-family: 				"\"}\"";
  voice-family: 				inherit;
  font-size: 					x-small;
}
html>body #accessTools,
html>body #googlesearch,
html>body .quicklinksform,
html>body #searchField{
  font-size: 					x-small;
}
/* */
#navbar{
  font-size: 					12px;
}
body #navbar{
  font-size: 					small;
  voice-family: 				"\"}\"";
  voice-family: 				inherit;
  font-size: 					medium;
}
html>body #navbar{
  font-size: 					medium;
}

/* */
body{
	margin-top:					0px;
	margin-left:				0px;
	margin-right:				0px;
	margin-bottom:				0px;
	font-family:				Arial, Verdana,  Helvetica, Sans-serif;
}
.branchlinks a,
#accessTools,
#googlesearch,
#searchField,
.quicklinksform{
	font-family:				Verdana, Arial, Helvetica, sans-serif;
}

ul,
li{
	text-align:					left;
}
img,
form{
	border:						none;
	padding:					0px;
	margin:						0px;

}
fieldset{
	border:						none;
	padding:					0px;
	margin:						0px;
}
#googlesearch a:link,
#googlesearch a:visited,
#googlesearch a:active {
	text-decoration:			none;
	color:						#000;
}
#googlesearch a:hover {
	color:						#00c;
	text-decoration:			underline;
}
#navbar{
/*	margin:						auto;*/
	display:					block;
	text-align:					centre;
	clear:						both;
	background:					#dddddd;
	padding:					3px;
	border-top:					1px #fff solid;
}



#navbar a{
	padding-left:				9px;
	padding-right:				9px;
	padding-top:				3px;
	padding-bottom:				3px;
}

#navbar a:link,
#navbar a:visited,
#navbar a:active{
	font-weight:				normal;
	color:						#333;
	text-decoration:			none;
}
#navbar a:hover{
	font-weight:				normal;
	color:						#00c;
	text-decoration:			underline;
}
#accessRow {
	border-bottom:				1px solid #000000;
	background-color:			#FFC;
	padding:					4px;
}
.divider{
	color:						#666;
}
#header{
/*	width:						1002px; */
	text-align:					center;
	background:					#FFFFFF;
	color:#000000; background-color:#FFFFFF
}
#companylogo{
	padding:					0px;
	text-align:					center;
	vertical-align:				middle;

}
#googlesearch {
	height:						108px;
	float:						right;
	padding-right:				6px;
	text-align:					right;
	width:						222px;
	display:					block;
	background-image:			url('/images/france.gif');
	voice-family: 				"\"}\"";
	voice-family: 				inherit;
	width:						216px	
}

#branchMap,
#companylogo{
	height:						80px;
}
#searchBox{
	border:						1px solid #aaa;
}
.formField {
	border-top:					1px solid #aaa;
	border-left:				1px solid #aaa;
	border-bottom:				1px solid #777;
	border-right:				1px solid #777;
}
#searchForm{
	margin:						0px;
	padding:					0px;
	padding-bottom:				3px;
}
#searchForm input{
	vertical-align:				middle;
}
#linksForm{
	margin:						0px;
	padding:					0px;
	padding-bottom:				3px;
}
#linksForm input{
	vertical-align:				middle;
}
#accessTools{
	text-align:					right;
	padding-top:				14px;
	padding-bottom:				5px;
}
input.submitButton{
	border:						1px #000 solid;
	background-color:			#eee;
	margin-top:					10px;
}
.hidden {
	display:					none;
}
#branchMap {
	float:						left;
	display:					block;
	width:						302px;
	background-image:			url('/images/south-east.gif');
}

.branchlinks {
	display:					block;
	float:						left;
	width:						302px;
	line-height:				10pt;
	font-weight:				bold;
	padding-left:				0px;
	padding-right:				0px;
	padding-top:				0px;
	padding-bottom:				0px;
}
.branchlinks ul {
	margin:						0px;
	padding:					0px;
	padding-top:				10px;
	padding-left:				100px;
}
.branchlinks li{
	list-style:					none;
}
.branchlinks a:link,
.branchlinks a:visited,
.branchlinks a:active {
	text-decoration:			none;
	color:						#000;
}
.branchlinks a:hover {
	text-decoration:			underline;
	color:						#00c;
}