/* CSS Document for Home Page Style*/

body {
	margin: 0px;
	padding: 0px;
	background-color: #E7E8E8; /*light greycolour*/
}

#container {
    background-color: #E7E8E8; /*light grey colour*/
	background-image: url("/media/Media,1276,en.png");
	background-repeat: repeat-y;
	background-position: center top;
	text-align:center;
}
#header {
    background-color: #EAF5FA;
	background-image:  url("/media/Media,1312,en.png"); /*blue line under header*/
	background-repeat: no-repeat ;
	background-position: center bottom;
	height: 100px;
	width: 960px;  /*from 799px*/
	margin-right: auto;
	margin-left: auto;
	text-align:left;
}
#headerleft {
	float: left;
	width: 60%;
}
#headerright {
	float: right;
	width: 40%;
	
}
#search {
	float: left;
	width: 55%;
	padding-top: 40px;
}
html>body #search {
	padding-top: 40px;
}

p a
{	
color:#006699 ;}

#search h2 {
	font: normal small/50% Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
}

#search p {
	font: normal x-small Verdana, Arial, Helvetica, sans-serif;
	color: #515151;
	margin-top: -0.5em;
}
#searchbox {
	border: 1px solid #FFFFFF;
	text-align: center;
	margin-bottom: 3px; /*change from 5px for vista*/
	}
#roundedsearchbox {
	background-image : url("/media/Media,1278,en.gif");
	background-color: transparent;
	background-repeat:  no-repeat;
	background-position: left center;
	height: 30px;
	padding-top: 20px;
	margin-top: -20px;
	padding-left: 3px;
}
html>body #roundedsearchbox {
	background-image: url("/media/Media,1278,en.gif");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 20px;
	padding-bottom: 2px;
	margin-bottom: 9px;
}

#search a {
	font: normal x-small Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
}
#search a:hover {
	color: #006699;
}

#gobuttonpadding {
	padding-left: 18px;  /*change from 36px */
	padding-top: 25px;   /*change from 2px  */
	margin-top:4px;   /*change from  */

}
ul.multilevel-linkul-0 li a
{
	padding-right:5px;
	}

ul.multilevel-linkul-1 li a
{
	padding-right:5px;
	}


#styles {
	float: right;
	width: 40%;
	background-image: url("/media/Media,1279,en.gif");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left center;
	height: 75px;
	padding-top: 20px;
	padding-left: 5px;
	margin-left: -3px;
}


#styles a {
	font: normal 55% Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	padding-left: 36px;
	text-decoration: none;
	padding-top: 5px;
}

#print {
	background-image: url("/media/Media,1281,en.png");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	height: 23px;
	width: 95px;
	vertical-align: text-bottom;
	border-top: 1px solid #999999;
}
#textonly {
	background-image: url("/media/Media,1282,en.png");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position:left top;
	height: 21px;
	width: 95px;
	vertical-align: text-bottom;
	border-top: 1px solid #999999;
}

html>/**/body #textonly {
	padding-top: 7px; 
	margin-top: -7px; 
}
html>/**/body #print {
	padding-top: 7px;
	margin-top: -7px;
}
html>/**/body #textsize {
	padding-top: 7px;  /*change from 7px*/
	margin-top: -7px;  /*change from -7px*/
}

#styles a:visited {
	color: #006699;
}

#styles a:hover {
	color: #000;
}
#topnav {
	background: url("/media/Media,1283,en.png");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: auto;
	margin-left: auto;
	height: 25px;
	text-align: center;
	color: #FFF;
	width: 960px;  /*from 799px*/

}

#topnav a{
	font: bold small Verdana, Arial, Helvetica, sans-serif;/*change from x-small*/
	color: #FFF;
	letter-spacing: 0.05em;
	text-decoration: none;
}
#topnav a:visited {
    font: bold small Verdana, Arial, Helvetica, sans-serif;/*change from x-small*/
	color: #faddb1;
}
#topnav a:active {
	font: bold small Verdana, Arial, Helvetica, sans-serif;/*change from x-small*/
	color: #82c9ff;
}
#topnav a:hover {
	font: bold small Verdana, Arial, Helvetica, sans-serif;/*change from x-small*/
	color: #ff6600;
}
#innercontainer {
	margin-right: auto;
	margin-left: auto;
	width: 960px;  /*from 799px*/
	text-align:left;
}

html>body #innercontainer{
	height: auto;
}

#homeinnercontainer {
	margin-right: auto;
	margin-left: auto;
	width: 960px;    /*from 799px*/
	text-align:left;
}
html>body #homeinnercontainer{
	height: auto;
}
html:first-child #homeinnercontainer {
	margin-top: 0px;}

html>/**/body #homeinnercontainer {
	margin-top: -20px;}
	
#alert { 
 background-color: #FFFFFF;
 width: 235px;
 float: inherit;
 text-align:center;
 margin :auto;  /*to center text in firefox */
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #FF6600;
 height: auto;

 }
 #alert a:link
 {
	color: #FF6600; 
	font-weight:bolder;
	text-decoration:none;
	text-align:center;
	margin :auto;  /*to center text in firefox */
   

		}
 #alert a:visited
	{
	color: #FF9A00; 
	font-weight:bolder;
	text-align:center;
	text-decoration:none;
		}
	
 #alert a:hover
	{
	color: #ff0000; 
	text-align:center;
	font-weight:bolder;
	text-decoration:underline;
	
	}

	

	
#content {
	width: 744px; /*change from 620px*/
	float: right;
}
#textarea {
	width: 456px; /*380px*/
	float: left;
	height: auto;
	border-bottom: 1px solid #006699;
	padding-bottom: 20px;
}
#textareapadding {
	padding-left: 10px;
}
#textarea h1 {
	font: normal x-large Verdana, Arial, Helvetica, sans-serif;
	color: #ff6600;
}
#textarea h2 {
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	color: #ff6600;
}
#textarea p {
	font: small Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
#textarea ul {
	font: small Verdana, Arial, Helvetica, sans-serif;
}

#textarea ol {
	font: small Verdana, Arial, Helvetica, sans-serif;
}

#textarea a {
	color:#006699;
}

#rightcolumn {
	width: 282px; /* from 235*/
	float: right;
}
html>/**/body #rightcolumn {
	margin-top: -15px;
}
#google_translate_element
{
/*float: center; */
text-align: center;
}

#doitonline {
	background-color: #FBDEB2;
	background-image: url("/media/Media,1284,en.png");
	background-repeat: no-repeat;
	background-position: center top;
}
#doitonlinepadding {
	padding-right: 5px;
	padding-left: 5px;
}
#doitonlinebottomcurve {
	background-image: url("/media/Media,1285,en.png");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position:center bottom;
	height: 12px;
	margin-bottom: 1px;
	margin-top: -10px;
	}
#doitonline h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	font-size: large;
	text-align: center;
	margin-bottom: -17px;
}
#doitonline a:visited {
	color: #999999;
}
#doitonline a:active {
	color: #006699;
}
#doitonline a:hover {
	color: #ff6600;
}
#doitonline h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	font-size: medium;
	font-weight: bold;
	border-top: 1px solid #FFFFFF;
	margin-top: -10px;
	padding-top: 3px;
}
#doitonlinecenteredlinks {
	text-align: center;
}

#doitonlinecenteredlinks {
            text-align: left;
}
#doitonlinecenteredlinks a {
            font: bold small Verdana, Arial, Helvetica, sans-serif;
            color: #666666;
            text-decoration: none;
            background-color: #FBDEB2;
            padding-left: 5px;
}
#doitonlinecenteredlinks .left {
            width: 50%;
            float: left;
}

#doitonlinecenteredlinks .right {
            width: 50%;
            float: right;
}

#doitonlinecenteredlinks img {
            height: 20px;
            width: 20px;
}

#contacts {
	background-color: #EAF5FA;
	background-image: url("/media/Media,1286,en.png");
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 3px;
	height: auto;
}
html>/**/body #contacts {
	margin-top: 17px;
	background: #eaf5fa;
}
#contactspadding {
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: -10px;
}
#contactsbottomcurve {
	background: #eaf5fa url("/media/Media,1287,en.png") no-repeat center bottom;
	height: 10px;
	width: 100%;
}
#contacts p {
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background: #eaf5fa;
}
#contacts h2 {
	text-transform: uppercase;
	color: #FF6600;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0.5em;
	background: #eaf5fa;
}
#contacts h3 {
	color: #000000;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: #eaf5fa;
	width: 100%;
	margin-top: -5px;
	margin-bottom: -15px;
}

html>body #contacts h3{
	margin-bottom: -0.5em;
	}

#contacts a {
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	background: #EAF5FA;
	/*word-wrap: break-word; */	
}


ul.multilevel-linkul-0 li a
{
	/*word-wrap: break-word; */
	}

#contacts a:visited {
	color: #006699;
	background: #eaf5fa;
}
#contacts a:hover {
	color: #ff6600;
	text-decoration: underline;
	background: #eaf5fa;
}

#iwantto ul {
	margin-top: -15px;
}
#iwantto li {
	list-style: url("/media/Media,1288,en.png") none;
	margin-left: -25px;
	line-height: 100%;
}
#iwantto a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	font-size: small;
	background: #FBDEB2;
}

#leftnav {
	background-color: #EAF5FA;
	background-image: url("/media/Media,1289,en.png");
	background-repeat: no-repeat;
	background-position: center top;
	width: 205px; /* from 171px*/
	margin-bottom: -10px;
	float: left;
}
#leftnavbottomcurve {
	background-image: url("/media/Media,1290,en.png");
	background-repeat: no-repeat;
	background-position:center bottom;
	height: 9px;
	width: 205px; /*from 171px*/
}

#leftnav ul {
	list-style: none;
	margin-left: 5px;	
	
}

.currentbranch0{
	color: #006699;
	font: bold x-small Verdana, Arial, Helvetica, sans-serif;
}

.currentbranch2{
	font: bold x-small Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
}

.currentbranch3{
	font: bold x-small Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
}

.currentbranch4{
	font: bold x-small Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
}

/* required to make left nav line up in both ie and firefox*/
html>/**/body #leftnav ul{
margin-left: -25px;
}

#leftnav ul ul {
	text-decoration: none;
	background-color: #FBDEB2;
	margin-left: -5px;
	padding-left: 5px;
	border-right: 5px solid #FFFFFF;
	border-left: 5px solid #FFFFFF;
}

/* required to make left nav line up in both ie and firefox*/
html>/**/body #leftnav ul ul{
margin-left: -15px;
}
#leftnav ul ul ul {
	text-decoration: none;
	background-color: #FFFFFF;
	border-right: 5px solid #FFFFFF;
	border-left: 5px solid #FFFFFF;
	padding-left: 5px;
}
/* required to make left nav line up in both ie and firefox*/
html>/**/body #leftnav ul ul ul{
margin-left: -5px;
}
#logos {
	text-align: right;
	float: right;
	width: 50%;
}

#leftnav ul a {
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	background-color: #EAF5FA;
}
#leftnav ul a:visited {
	color: #006699;
}
#leftnav ul a:active {
	color: #ff6600;
}
#leftnav ul a:hover {
	color: #ff6600;
}

#leftnav ul li {
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}

#leftnav ul ul li {
	background-color: #FBDEB2;
	display: block;
}
#leftnav ul ul a {
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	background-color: #FBDEB2;
}
#leftnav ul ul a:visited {
	color: #006699;
}
#leftnav ul ul a:hover {
	color: #ff6600;
}
#leftnav ul ul ul li {
	background-color: #FFFFFF;
	display: block;
	list-style: none;
	border-top: 1px solid #FBDEB2;
}
#leftnav ul ul ul a {
	font: normal x-small Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	background-color: #FFFFFF;
	}
#leftnav ul ul ul a:visited {
	color: #006699;
}
#leftnav ul ul ul a:active, #leftnav ul ul ul a:hover  {
	color: #ff6600;
}
.displaynone {
	display: none;
}

p.pay a {
	padding-left:20px;
	background-image: url("/media/Media,1444,en.gif");
	background-repeat: repeat;
	background-position: left center;
	}

p.report a{
	background-image: url("/media/Media,1445,en.gif");
	background-repeat: repeat;
	background-position:left center;
}

p.apply a{
	background-image: url("/media/Media,1440,en.gif");
	background-repeat: repeat;
	background-position: left center;
}

p.book a{
	background-image: url("/media/Media,1441,en.gif");
	background-color: transparent;
	background-repeat: repeat;
	background-position: left center;
}

p.jobs a{
	background-image: url("/media/Media,1443,en.gif");
	background-color: transparent;
	background-repeat: repeat;
	background-position: left center;
}

p.find a{
	background-image: url("/media/Media,1442,en.gif");
	background-color: transparent;
	background-repeat: repeat;
	background-position: left center;
}
#footertop {
/*    font-size: small;
    height: 50px;
    /*margin: 0 0 100px 20px;
    padding-top:80px;*/

   
}
html>/**/body #footer {
	padding-bottom: 50px;
	}
#google_translate_element {
/* padding-top: 30px;
  height: 50px;*/
  text-align: right;
  float:right; 
  margin-right:330px;
  }
  
  
#footer {

	text-align: center;
	font: normal xx-small Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	padding-top: 30px;
	background-image: url("/media/Media,1291,en.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	clear: both;
    height: 100px; /* change from 50px*/
	
}

#footer a {
	font: normal xx-small Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
}
#footer a:visited {
	color: #006699;
}
#footer a:active {
	color: #ff6600;
}
#footer a:hover {
	color: #000;
}
#footerpadding {
/*	padding-right: 275px;
	padding-left: 215px;*/
}
#footerlinks {
	
	/*width: 50%; */
	padding-left:240px; /*change form 120px/160*/
	padding-right:240px;  /* change from 25px /33px */
	}
#homefooterpadding {
		width:960px;  /*change from 960*/
	padding-top:80px;
	padding-left:100px; /*change form 120px*/
	padding-right:70px;  /* change from 25px  */
	margin-left:auto;
	margin-right:auto;
}

.invisible {
	overflow: hidden;
	position: absolute;
	height: 0%;
	width: 0%;
	top: 21px;
}
#breadcrumb {
	border-bottom: 1px solid #006699;
	padding-top: 5px;
	padding-bottom: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #666666;
	font-size: xx-small;
}
#breadcrumb a{
	text-decoration: none;
	color: #006699;
}

#breadcrumb a:visited, #breadcrumb a:active{
	color: #006699;
}
#breadcrumb a:hover{
	color: #ff6600;
}
#sectionhomeimage {
	text-align: center;
	width: 100%;
}

#sectionhometext {
	float: left;
	width: 66%;
}
#sectionhometextpadding {
	padding-right: 10px;
}
#sectionhomelinks {
	float: right;
	width: 33%;
	border-left: 1px solid #999999;
	margin-top: 10px;
}
#sectionhomelinks a{
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}
#sectionhomelinks a:visited{
	color: #006699;

}
#sectionhomelinks a:hover{
	color: #ff6600;
	text-decoration: underline;
}

#sectionhomelinkspadding {
	padding-left: 10px;
}

#sectionhomelinkspadding h2 a{
	color: #FF6600;
	font: bold small Verdana, Arial, Helvetica, sans-serif;
}


#hometextarea {
	width: 665px;  /*change from 554*/
	height: auto;
	float: left;
}

#homecontent {
	width: 960px ;/*chage from 799px */
	margin-bottom: 20px;
}




#hometextarea h1 {
	font: bold small Verdana, Arial, Helvetica, sans-serif; /*small*/
	text-transform: uppercase;
	color: #ff6600;
}
#hometextarea h1 a {
	font: bold small Verdana, Arial, Helvetica, sans-serif;/*small*/
	text-transform: uppercase;
	color: #ff6600;
	text-decoration: none;
}
#hometextarea h1 a:visited {
	color: #006699;
}
#hometextarea h1 a:hover {

	color: #666666;
}
#hometextarea a {

	font: normal x-small Verdana, Arial, Helvetica, sans-serif; /*x-small*/
	text-transform: capitalize;
	color: #666666;
	text-decoration: none;
}
#hometextarea a:visited {
	color: #006699;
}
#hometextarea a:hover {

	color: #ff6600;
}
#homecolumn1 {
	width: 50%;
	float: left;
}
#homecolumn2 {
	width: 50%;
	float: right;
}
#homecolumn1padding {
	padding-right: 2px;
}
#homecolumn2padding {
	padding-left: 2px;
}
.section {
	background-color: #EAF5FA;
	background-image: url("/media/Media,1292,en.png");
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;  /*273px or 328px*/
	padding-top: 3px;
}
#hometextarea p {


	font: small Verdana, Arial, Helvetica, sans-serif; /*x-small*/
	color: #666666;
}
.sectionpadding {
	padding-right: 10px;
	padding-left: 10px;
}

.logopadding {
	padding-right: 5px;
	padding-top: 5px;
	padding-left: 5px;
}
.sectionbottomcurve {
	background-image: url("/media/Media,1293,en.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 9px;
	width: 100%;
}

#icons {
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}
	
	

#news {
	background-color: #FBDEB2;
	background-image: url("/media/Media,1284,en.png");
	background-repeat: no-repeat;
	background-position: center top;
}

#newsbottomcurve {
	background-image: url("/media/Media,1285,en.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 12px;
	margin-top: -20px;
	}

#newspadding {
	padding-right: 5px;
	padding-left: 5px;
}


#news h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	font-size: large; /*change from large*/
	text-align: center;
	margin-bottom: -17px;
}

#news h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: small; /*change from small*/
	font-weight:bold;
	color: #666666;
	margin-bottom: -17px;
}


html>body #news h3 {
	margin-bottom: -7px;
}


#news h3 a {
	font: bold small Verdana, Arial, Helvetica, sans-serif; /*change from small/50%*/
	color: #666666;
	text-decoration: none;
	line-height: 1.5;
}

#news h3 a:visited {
	color: #006699;
}
#news h3 a:hover {
	color: #ff6600;
	text-decoration: underline;
}
#news a {
	font: normal small Verdana, Arial, Helvetica, sans-serif; /*change from xsmall*/
	color: #666666;
	text-decoration: none;
}
#news a:visited {

	color: #006699;
}
#news a:hover {
	color: #ff6600;
	text-decoration: underline;
}
#news h4 {
	font: normal x-small Verdana, Arial, Helvetica, sans-serif; /*change from x-small*/
	color: #666666;
	text-decoration: none;
}

#news h4 a:visited {
	color: #006699;
}
#news h4 a:hover {
	color: #ff6600;
	text-decoration: underline;
}

#rss {
float:right;
padding-left: 20px;
}

img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#textsize {
	background-image: url("/media/Media,1280,en.png");
	background-repeat: no-repeat;
	background-position: left top;
	height: 23px;
	width: 95px;
	vertical-align: text-bottom; 
	margin-top: -7px;
}

#textsize a {
	padding-left: 0px;
	padding-right: 0px;
	font-size:8px;
	
}

#textminus a {
	padding-left: 36px;
	float:left;
	padding-right: 3px;
	vertical-align: text-bottom;
	margin-top: -7px;
}
#textplus a {
	padding-left: 0px;
	float:none;
	padding-right: 0px;
}


.text a {
	font-size:9px;
}

#xmasmessage {
	padding-top: 2px;
	padding-bottom: 2px;
}

#explainicons a
{
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}
#explainicons a:visited
{
	color: #006699;
}
#explainicons a:hover
{
	color: #ff6600;
	text-decoration: underline;
}
.logopadding {
	padding-right: 2px;
	padding-top: 4px;
	padding-left: 2px;
}