html, 
body{font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; height:100%; }
body {behavior:url("hover.htc");}

div {zoom:1; display:block; position:relative; z-index:1; /*border:#ff00ff 1px solid;*/ background-color:transparent;}

h1{color:#003399; font-family:Arial, Helvetica, sans-serif; font-size:1.8em; font-weight:bold; }
h2{font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; }
h3{font-family:Arial, Helvetica, sans-serif; font-size:1em; font-style:italic; }
h4{font-family:Arial, Helvetica, sans-serif; }

img{border:0px; }

#top{height:100px; }

#left{background-image:url(images/leftpanelbg.gif); background-repeat:repeat-y; left:5px; margin-top:5px; padding-right:0px; position:absolute; top:110px; width:240px; height:95%; display:block;}

/*#leftcontent{height:100%;}*/

#centre{font-family:Arial, Helvetica, sans-serif; font-size:0.9em; line-height:1.5em; margin-left:251px; margin-right:10px; padding-left:12px; padding-right:12px; padding-top:12px; }

#new{/*background-image:url(images/rightpanelbg.gif); background-repeat:repeat-y; float:left;*/ margin:0; display:block; /*position:relative;*/}
#new h2 {font-size:1.2em; font-weight:bold; margin:10px 10px 10px -15px; text-align:center;}

#rightcontent{display:block; float:left; width:250px; }

#latestdocs, #events {display:block; float:left; width:47%; background:url(images/leftcorner.gif) top left no-repeat; margin:0 10px 0 0; }
#latestdocs a, #events a {color:#003399; font-weight:bold; }
#latestdocs h3, #events h3 {color:#FFF; display:block; background:#18499f url(images/rightcorner.gif) top right no-repeat; margin:0 0 20px 6px; font-style:normal; width:100%; height:30px; text-align:center; font-size:.8em; line-height:30px; vertical-align:middle;}

#footer{border-top-color:#003399; border-top-style:solid; border-top-width:1px; display:block; /*float:left;*/ clear:both; margin-top:5px; /*visibility:hidden;*/ }

#wrapper{background-image:url(images/leftpanelbg.gif); background-repeat:repeat-y; }

div > p{margin-top:0; }

/*new nav section*/
div.navbar ul{display:block; /*float:left;*/ list-style:none; margin:0; padding:0; position:relative; text-align:left; white-space:nowrap; }
div.navbar ul li{display:block; float:left; line-height:27px; margin:0; padding:0 5px; position:relative; text-indent:0;/* height:1%;*/}
div.navbar ul li a{color:#FFFFFF; padding:3px; }
div.navbar ul li a.on{}
div.navbar ul li.first{background:none; padding:0 5px; }
div.navbar ul li:hover a{color:#FFFFFF; }
div.navbar ul li.first{background:none; list-style-type:none; }

div.navbar li ul{display:none; height:1%; left:0; margin:0; padding:0; position:absolute; top:27px; white-space:normal; z-index:1000; }

div.navbar li ul li{background:none; clear:both; float:none; line-height:1.2em; margin:0; padding:0; }
div.navbar li ul li a{background-color:#19499E; border:1px solid #333; color:#FFF; display:block; filter:alpha(opacity=80); line-height:1.3em; margin-top:-1px; moz-opacity:0.8; opacity:0.8; width:300px; }
div.navbar li ul li a:hover{background-color:#19499E; color:#FFF; filter:alpha(opacity=95); moz-opacity:0.95; opacity:0.95; text-decoration:underline; }
div.navbar li ul li a.on{cursor:default; text-decoration:none; }

div.navbar li:hover ul{display:block; }

div.navbar .after{display:block; height:1.8em; line-height:1.8em; overflow:hidden; width:1px; }

div.navbar {background-image:url(images/navbarBg.gif); background-repeat:repeat-x; background-color:#19499e; height:27px; margin:-3px 0 0 0; padding:0; position:absolute; top:80px; left:0; width:100%; display:block; z-index:100; }

div.banner{height:110px; }

div.footerTextContainer{color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:x-small; padding-left:5px; }

div.topnav{color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:.75em; position:absolute; right:10px; top:14px; display:none; }

div.languages{position:absolute; right:67px; top:43px; width:85px; }

.ukflagpadding{margin-left:5px; margin-right:5px; }

div.navbar a:link,div.navbar a:visited,div.navbar a:active{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:.9em; font-weight:bold; margin-right:10px; text-decoration:none; }
div.navbar a:hover{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:.9em; font-weight:bold; margin-right:10px; text-decoration:underline; }

.searchbutton{background-color:#9999CC; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:22px; margin-left:5px; text-transform:uppercase; }

div.searchcontainer{display:none; position:absolute; right:10px; top:83px; width:230px; }

img.ecflag{float:right; margin-right:10px; position:relative; right:10px; top:10px; display:none; }

#left p{font-family:Arial, Helvetica, sans-serif; font-size:0.9em; line-height:1.5em; }
#left a:link, a:visited, a:active{color:#003399; font-weight:bold; text-decoration:none; }
#left a:hover{color:#003399; font-weight:bold; text-decoration:underline; }

#leftcontent ul li {margin-left:-15px; font-size:0.9em;}

#left h2 + p{margin-top:-17px; }

#centre a:link, a:visited, a:active{color:#003399; font-weight:bold; text-decoration:none; }
#centre a:hover{color:#003399; font-weight:bold; text-decoration:underline; }

ul#newsnavbar{font-family:Arial, Helvetica, sans-serif; font-size:.9em; font-weight:normal; list-style-image:url(images/bullet1.gif); list-style-position:outside; padding-right:12px; }
ul#newsnavbar li a:link, ul#newsnavbar li a:visited, ul#newsnavbar li a:active{color:#003399; margin-bottom:10px; text-decoration:none; }
ul#newsnavbar li a:hover{text-decoration:underline; }
ul#newsnavbar li{margin-bottom:10px; }

div.topnav a:link, div.topnav a:visited, div.topnav a:active{color:#999999; font-weight:normal; text-decoration:none; }
div.topnav a:hover{color:#999999; text-decoration:underline; }

#rightnoborder{padding-top:12px; position:absolute; right:10px; top:110px; width:241px; }

#centre2col{margin-left:251px; margin-right:246px; padding-left:12px; padding-right:12px; padding-top:12px; /*width:580px;*/ }

#rightHiddenCol{width:80px; }

#centre2col{margin-left:251px; margin-right:80px; padding-left:12px; padding-right:12px; padding-top:12px; }
#centre2col p{font-family:Arial, Helvetica, sans-serif; font-size:0.9em; line-height:1.5em; }
#centre2col a:link, a:visited, a:active{color:#003399; font-weight:bold; text-decoration:none; }
#centre2col a:hover{color:#003399; font-weight:bold; text-decoration:underline; }
#centre2col ul{font-family:Arial, Helvetica, sans-serif; font-size:0.9em; line-height:1.5em; }

div.formrow{clear:both; margin:0 0 1em; width:100%; }
div.formrow div.label{float:left; font-size:0.9em; line-height:1.5em; text-align:left; width:25%; }
div.formrow div.field{float:right; font-size:0.8em; line-height:1.5em; margin-left:1%; text-align:left; width:72%; }

#hozMenu{font:0.9em helvetica, arial, sans-serif; margin:0; padding:2px 0 3px; }

#menuList{margin:0; padding:0; text-align:left; }
#menuList ul{margin:0; padding:0; }
#menuList li{display:inline; list-style:none; margin-right:6px; }

.menuList{margin:0; padding:0; text-align:left; }
.menuList ul{margin:0; padding:0; }
.menuList li{display:inline; list-style:none; margin-right:6px; }




table{border:1px solid #999; margin:1em 0; width:100%; }
td{border-bottom:0; border-left:0; border-right:0; border-top:1px solid #ddd; font-size:0.9em; line-height:1.2em; padding:0.25em; }
td ul{font-size:0.9em; margin:0 0 0 0.5em; padding:0; }
th{background-color:#000; border:1px solid #ccc; color:#fff; font:bold 0.9em verdana, arial, helvetica, sans-serif; padding:0.5em; text-align:left; }
tr{vertical-align:top; }

.hide{display:none; }

#clear{clear:both; }

#centrecontent{display:block; width:auto; max-width:1000px; min-width:500px; }


/*--------------------------------------*/
/*REMOVE GOOGLE LOGO FROM SEARCH CONTROL*/
/*--------------------------------------*/
.gsc-branding-text, .gsc-branding-img, .cse-branding-logo, .cse-branding-text { display: none; height: 0; } 



/*--------------------------------------*/
/*Yellow Box Controls*/
/*--------------------------------------*/
.EeoBoxTop{width:100%;  background-image:url(/images/box/YellowBg.png); background-repeat:repeat-x;  font-size:1em; font-weight:bold; height:34px;  color:#19499e; background-position:left top;}
.EeoBoxBottom{ width:100%; background-image:url(/images/box/YellowBgBottom.png); background-repeat:repeat-x;  background-position:left bottom;  font-size:1em; font-weight:bold; height:34px;}
.EeoBoxTopInnerDiv{padding-left:30px; padding-top:6px; }

ul#Links {font-family:Arial, Helvetica, sans-serif; font-size:.9em; font-weight:normal; list-style-image:url(images/bullet1.gif); list-style-position:outside; padding-right:12px; }
ul#Links li a:link, ul#newsnavbar li a:visited, ul#newsnavbar li a:active{color:#003399; margin-bottom:10px; text-decoration:none; }
ul#Links li a:hover{text-decoration:underline; }
ul#Links li{margin-bottom:10px; }

/*--------------------------------------*/
/*Footer CSS*/
/*--------------------------------------*/
.footer-text{ float:left; padding:10px;}
.footer-logos{float:right; padding:10px;}
.footer-logos img {padding-left:20px;}

