/* notes CSS - Font and universal*/
/* 27.7.10 forms code*/
label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 4.5em;
} 
input
{
color: #781351;
background: #fee3ad;
border: 1px solid #781351
}

select
{
color: #781351;
background: #fee3ad;
border: 1px solid #781351
}

textarea
{
color: #781351;
background: #fee3ad;
border: 1px solid #781351
}

/* checkbox is not working
checkbox
{
color: #781351;
background: #fee3ad;
border: 1px solid #781351
}
*/
.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
} 

/* fieldset and legend not used

fieldset
{

border: 1px solid #781351;
 
width: 60em;
margin-top: 6em;

/*this is the content specification*/

/*margin-left: 200px;
 margin-right: 200px;
margin-top: 3.25em;*/
/*
}

legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px
} 
*/
/* 27.7.10 end of forms code*/



    acronym {
 /*       font-variant: small-caps;
        border-bottom: 1px dotted #999;*/  
        cursor: help;   /*change cursor to signal that help/info is available */
      }

    abbr {
 /*       font-variant: small-caps;*/
        border-bottom: 1px dotted #999;  
		border-color: #0000ff;
        cursor: help;   /*change cursor to signal that help/info is available */
      }


form {display: inline;
}
 /*prohibit the line breaks before and after a <form>*/

 /*prohibit linebreak <class= “nowrap”>*/
.nowrap {
white-space: nowrap;
}



body {
	font-family: arial;
	font-size: 100%;
	color: black;
}

a {
    font-family: arial;
	font-size: 75%;
}

/* notes CSS draft h1 deleted and h2 becomes h1 */

h1 {
font-family: arial;
font-size: 100%;
background: #999999;
color: #ffffff;
padding-left: 5px;
}

/* notes CSS; headings h2, h3, h4, and h5 have been adopted from the old CCS href="2col_leftNav.css" */

h2{
font-family: arial;
font-size: 100%;

color: #006699;
padding-left: 10px;
}

h2 a {
font-family: arial;
font-size: 108%;

color: #006699;
padding-left: 10px;
}

/* notes was font-size: 108%; */

h3{
font-family: arial;
 font-size: 90%;
 color: #006699;
padding-left: 15px;
}

h4{
font-family: arial;
font-size: 80%;
background: #8ab74e;
color: #ffffff;
padding-top: 3px;
padding-bottom: 3px;
text-align: center;
}

.doh4 {
font-family: arial;
font-size: 80%;
font-weight: bold;
background: #8ab74e;
color: #ffffff;
text-align: center;
}

h5{
 font-size: 100%;
 color: #334d55;
}

/* notes CSS 12.4.09; h6 is for the vgw&co logo not currently in use */

h6 {
font-family: times new roman;
font-size: 200%;
background: #66FFFF;
padding-bottom: 5px;
padding-left: 5px;
}

p {
font-family: arial;
font-size: 80%;
color: #0000ff;
padding-left: 10px;
}


.dop
{
font-family: arial;
font-size: 80%;
color: #0000ff;
padding-left: 10px;
}

.pright
{
font-family: arial;
font-size: 80%;
color: #0000ff;
padding-left: 10px;
text-align: right;
}

/* notes CSS 10.7.10; end of font definitions */

/* notes CSS 10.7.10; start of new index trial layout */
.banner {
	width: 600px;
	height: 400px;
	position: absolute;
	top:100px;
	left: 180px;
	margin: 15px;
	border: 5px double #966;
/*	background: #f8f8ff; */
	margin-top: 1px;
	margin-bottom: 20px;
	margin-left: 30px;
	margin-right: 40px;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 3px;
	padding-right: 40px;
	border: 0px solid black;
	visibility: visible;
}

.london{
position: absolute;
top:100px;
left: 50px;
}

a.london{
text-align: center;
text-decoration: none;
font-weight: bold;
/*width: 4em;*/
color: #000;
border-top: 1px solid mistyrose;
border-bottom: 1px solid darkred;
border-left: 1px solid mistyrose;
border-right: 1px solid darkred;
padding: 10px;
background: #fbb;

}

a:hover.london {
border-top: 1px solid darkred;
border-bottom: 1px solid mistyrose;
border-left: 1px solid darkred;
border-right: 1px solid mistyrose;
padding: 10px;
background: #fcc;

}

/* leftbox 12.7.10*/
#leftbox {
/*% block hyperlinks %*/
width: 300px;
height: 140px;
position: relative;
left: 0px;
top: 1px;
margin-top: 1em;
border: 0.02em solid #FFFFFF;
/*border-bottom: 0.00em solid #999999;*/
}

#leftbox:hover {
background: #b0e0e6;
border: 0.02em solid #999999;
}

/*#leftbox {
 width: 10em;*/

/* trying to correct the lost bottom border with new Explorer 22.8.09. 0.08em achives the required result


}*/


#leftbox ul{
list-style: none;
padding: 0;
margin:	0;
}

#leftbox a {
display:block;
background: #ccff66;
/* notes CSS; original padding-top: 0.15em padding-bottom: 0.15em then both .2  */
padding-top: 0.20em;
padding-bottom: 0.20em;
padding-left: 0.5em;
padding-right: 0.5em;
}
/**/
#leftbox a:hover {
background: #00445c; 
color: #fff;
}

/* end of leftbox*/

/*    */
.tariffbox {
width: 500px;
height: 140px;
/*height: auto;*/
position: relative;
left: 0px;
top: 1px;
margin-top: 1em
border: 0.02em solid #999999;
}

.tariffbox:hover {
background: #b0e0e6;
/*border: 0.02em solid #999999;*/
}



#rightbox:hover {
background: #b0e0e6;
border: 0.02em solid #999999;
}

#rightbox2:hover {
background: #b0e0e6;
border: 0.02em solid #999999;
}
#rightbox3:hover {
background: #b0e0e6;
border: 0.02em solid #999999;
}


/* rightbox 12.7.10*/
#rightbox {
	width: 300px;
	height: 140px;
	position: absolute;
	left: 320px;
	top: 0px;
	margin-top: 1em;
	visibility: visible;
}

#rightbox2 {
	width: 300px;
	height: 140px;
	position: absolute;
	left: 320px;
	top: 142px;
	margin-top: 1em;
	visibility: visible;
}

#rightbox3 {
	width: 300px;
	height: 140px;
	position: absolute;
	left: 320px;
	top: 284px;
	margin-top: 1em;
}

#rightbox {
/* width: 10em;*/
border: 0.02em solid #FFFFFF;
/* trying to correct the lost bottom border with new Explorer 22.8.09. 0.08em achives the required result*/
border-bottom: 0.00em solid #999999;
}


#rightbox ul{
list-style: none;
padding: 0;
margin:	0;
}

#rightbox a {
display:block;
background: #ccff66;
/* notes CSS; original padding-top: 0.15em padding-bottom: 0.15em then both .2  */
padding-top: 0.20em;
padding-bottom: 0.20em;
padding-left: 0.5em;
padding-right: 0.5em;
}

#rightbox a:hover {
background: #00445c; 
color: #fff;
}

/* end of rightbox*/

/* rightbox2*/
#rightbox2 {
/* width: 10em;*/
border: 0.02em solid #FFFFFF;
/* trying to correct the lost bottom border with new Explorer 22.8.09. 0.08em achives the required result*/
border-bottom: 0.00em solid #999999;
}


#rightbox2 ul{
list-style: none;
padding: 0;
margin:	0;
}

#rightbox2 a {
display:block;
background: #ccff66;
/* notes CSS; original padding-top: 0.15em padding-bottom: 0.15em then both .2  */
padding-top: 0.20em;
padding-bottom: 0.20em;
padding-left: 0.5em;
padding-right: 0.5em;
}

#rightbox2 a:hover {
background: #00445c; 
color: #fff;
}

/* end of rightbox2*/


/* rightbox3*/
#rightbox3 {
/* width: 10em;*/
border: 0.02em solid #FFFFFF;
/* trying to correct the lost bottom border with new Explorer 22.8.09. 0.08em achives the required result*/
border-bottom: 0.00em solid #999999;
}


#rightbox3 ul{
list-style: none;
padding: 0;
margin:	0;
}

#rightbox3 a {
display:block;
background: #ccff66;
/* notes CSS; original padding-top: 0.15em padding-bottom: 0.15em then both .2  */
padding-top: 0.20em;
padding-bottom: 0.20em;
padding-left: 0.5em;
padding-right: 0.5em;
}

#rightbox3 a:hover {
background: #00445c; 
color: #fff;
}

/* end of rightbox3*/



/* notes CSS 10.7.10; end of new trial index layout */

/* notes CSS; ;*/
#content {

margin-left: 200px;
margin-right: 200px;
margin-top: 3.25em;
}
#content ul{
list-style: none;
padding: 0;
margin:	0;
}

#content a {
/* display:block;   */
text-decoration: none;
color: #0000ff;
}

/* notes CSS; 1.5.10 I am not clear what #content a:link is doing */
#content a:link {
font-family: arial;
font-size: 90%;
}


#content a:visited {
font-family: arial;
font-size: 90%;
}

#content a:hover {

background: #00445c;
color: #fff;
font-size: 90%;
}

#indexcontent {
margin-left: 200px;
margin-right: 200px;
margin-top: 500px;
}


/* notes CSS 24.4.10; inherits font, colour and indent etc. "#content" set to "text-decoration: none;" */
/* notes CSS 11.5.10; Grey scales:

#f5f5f5
#ebebeb
#e0e0e0
#d6d6d6
#cbcbcb
#c1c1c1
#b6b6b6

h1 #999999
*/
.grey1 {
background: #f5f5f5;

}
/* hover background for a class
.grey1:hover { 
  background-color: #e0e0e0; 
} */

.grey1:hover {
background-color: #b0e0e6;
/*border: 0.02em solid #999999;   14.7.10This pushes the box down, I do not know why, so I am leaving the border out*/
}
.grey2:hover {
background-color: #b0e0e6;
/*border: 0.02em solid #999999;*/
}
.grey3:hover {
background-color: #b0e0e6;
/*border: 0.02em solid #999999;*/
}
.grey4:hover {
background-color: #b0e0e6;
/*border: 0.02em solid #999999;*/
}
.grey5:hover {
background-color: #b0e0e6;
/*border: 0.02em solid #999999;*/
}
.grey6:hover {
background-color: #b0e0e6;
/*border: 0.02em solid #999999;*/
}


#content .grey1 a:hover {
	background: #e0e0e0;
color: #0000ff;
}



.grey2 {
background: #ebebeb;
}
#content .grey2 a:hover {
background: #d6d6d6;
color: #0000ff;
}


.grey3 {
background: #e0e0e0;
}
#content .grey3 a:hover {
	background: #cbcbcb;
color: #0000ff;


}

.grey4 {
background: #d6d6d6;
}
#content .grey4 a:hover {
	background: #c1c1c1;
color: #0000ff;


}

.grey5 {
background: #cbcbcb;
}
#content .grey5 a:hover {
	background: #b6b6b6;
color: #0000ff;


}

.grey6 {
background: #c1c1c1;
}
#content .grey6 a:hover {
	background: #999999;
color: #0000ff;


}






.style18 {color: #0000FF}

/* notes CSS 18.4.09; for The VGW heading pending design of a logo */
.style19 {
	font-family: "Times New Roman";
	font-size: 36px;
	font-weight: bold;
}

/* notes CSS 18.4.09; for notes about pdf's */
.forpdf {
	font-family: "Arial Narrow";
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
}

/* notes CSS - content*/
/* notes CSS - content  4.7.09 original margin-top: 2em; Following an update to Internet Exporer #nav dropped into the content h1 headings #nav can be reset from 3.50em to margin-top: 2.25em; a change of 1.25, alternatively #content can be increased from 2.0 to 3.25.   This has been chosen as preferable in case of overlap of #logo on unupdated browsers*/
#logo{
white-space: nowrap;
}




#news {
width: 10em;
border: 0.05em solid #999999;
position: absolute;
padding-top: 0.15em;
padding-bottom: 0.45em;
right: 0;
top: 100px;
/* notes CSS; #ffff80 as sub-nav. VATease nice green background "#8ab74e"*/
background: #ffff80;
}

#news2 {
width: 10em;
border: 0.05em solid #999999;
position: absolute;
padding-top: 0.15em;
padding-bottom: 0.45em;
right: 0;
top: 400px;
/* notes CSS; #ffff80 as sub-nav. VATease nice green background "#8ab74e"*/
background: #ffff80;
}

#whatsnew {
	width: 8em;
	border: 0.05em solid #999999;
	position: absolute;
	padding-top: 0.15em;
	padding-bottom: 0.45em;
	right: 10px;
	top: 75px;
	background: #ffff80;
	visibility: visible;
}

#whatsnew:hover {
background: #b0e0e6;

}

#news a {
display:block;
padding-left: 0.5em;
padding-right: 0.5em;
/* notes CSS; original padding-bottom: 0.15em; no padding top */
padding-top: 0.20em;
padding-bottom: 0.20em;
}

#news ul{
list-style: none;
padding: 0;
margin:	0;
}

#news a:hover {
background: #00445c;
color: #fff;
}

#news2 a {
display:block;
padding-left: 0.5em;
padding-right: 0.5em;
/* notes CSS; original padding-bottom: 0.15em; no padding top */
padding-top: 0.20em;
padding-bottom: 0.20em;
}

#news2 ul{
list-style: none;
padding: 0;
margin:	0;
}

#news2 a:hover {
background: #00445c;
color: #fff;
}

#whatsnew a {
display:block;
padding-left: 0.5em;
padding-right: 0.5em;
/* notes CSS; original padding-bottom: 0.15em; no padding top */
padding-top: 0.20em;
padding-bottom: 0.20em;
}

#whatsnew ul{
list-style: none;
padding: 0;
margin:	0;
}

#whatsnew a:hover {
background: #00445c;
color: #fff;
}

#sitemapleft {
border: 0.00em solid #999999;
margin-left: 200px;
width:200px;
margin-top: 3em;
left: 0;
position: absolute;
}

#sitemapleft a {
display:block;
padding-top: 0.15em;
padding-bottom: 0.15em;
padding-left: 0.5em;
padding-right: 0.5em;
}

#sitemapleft a:hover {
background: #00445c;
color: #fff;
}

#sitemapleft ul{
list-style: none;
padding-left: 15px;
margin:	0;
}

#sitemapcentre {
border: 0.00em solid #999999;
margin-left: 420px;
width:200px;
margin-top: 0.1em;
padding-top: 40px;
left: 0;
position: absolute;
}

#sitemapcentre a {
display:block;
padding-top: 0.15em;
padding-bottom: 0.15em;
padding-left: 0.5em;
padding-right: 0.5em;
}

#sitemapcentre a:hover {
background: #00445c;
color: #fff;
}

#sitemapcentre ul{
list-style: none;
padding-left: 15px;
margin:	0;
}


#sitemapright {
border: 0.00em solid #999999;
margin-left: 630px;
width:300px;
margin-top: 1em;
padding-top: 40px;
left: 0;
position: relative;
}

#sitemapright a {
display:block;
padding-top: 0.15em;
padding-bottom: 0.15em;
padding-left: 0.5em;
padding-right: 0.5em;
}

#sitemapright a:hover {
background: #00445c;
color: #fff;
}

#sitemapright ul{
list-style: none;
padding-left: 15px;
margin:	0;
}



#footer { 
/* margin-left: 200px;
margin-right: 200px;*/
bottom: 0;

background: #8ab74e;
}

#footer a:link {
font-family: arial;
font-size: 90%;
}

#footer a:visited {
font-family: arial;
font-size: 90%;
}

#footer a:hover {
background: #00445c;
color: #fff;
font-size: 90%;
}

/* notes CSS - footerindex is a specific footer where there is also an index and is equivalent to footer*/
#footerindex { 
/*margin-top: 830px;
/*margin-left: 200px;
margin-right: 200px;*/
bottom: 0;
background: #8ab74e;
}

#footerindex a:link {
font-family: arial;
font-size: 90%;
}

#footerindex a:visited {
font-family: arial;
font-size: 90%;
}

#footerindex a:hover {
background: #00445c;
color: #fff;
font-size: 90%;
}

/* notes CSS - navigation*/
/* original setting 4.7.09: margin-top: 3.5em; Following an update to Internet Exporer #nav dropped into the content h1 headings and can be reset to margin-top: 2.25em; a change of 1.25, alternatively #content can be increased from 2.0 to 3.25.   This has been chosen as preferable in case of overlap of #logo on unupdated browsers*/
#nav {
	margin-left: 0px;
	position: absolute;
	top: 1px;
	margin-top: 3.5em;
	white-space: nowrap;
	visibility: visible;

}
#nav li {
display: inline;
padding-left: 0.25em;
padding-right: 0.25em;
border-left: 0.05em solid #999999;

}
/* removing the far left vertical bar CSS*/
#nav li.home {
border: 0;
padding-left: 0;
}

#nav a:hover {
background: #00445c;
color: #fff;
}

.tabon{
background: #00445c;
color: #ffffff;
}

#tabledescription {
	width: 500px;
	position: absolute;
	left: 350px;
	top: 85px;
	margin-top: 0em;
	visibility: visible;
	
height: 3em;
padding: 2px;
filter:alpha(opacity=0);
-moz-opacity:0;
font: bold 16px Verdana;
/* font-family: arial;*/
	color: #ff0000;
/*	font-weight: bold;*/
}



#sub-nav {
	width: 200px;
	position: absolute;
	left: 0;
	top: 150px;
	margin-top: 0em;
	visibility: visible;
}

#sub-nav {
width: 10em;
border: 0.05em solid #999999;
/* trying to correct the lost bottom border with new Explorer 22.8.09. 0.08em achives the required result*/
border-bottom: 0.08em solid #999999;
}


#sub-nav ul{
list-style: none;
padding: 0;
margin:	0;
}

#sub-nav a {
display:block;
background: #ffff80;
/* notes CSS; original padding-top: 0.15em padding-bottom: 0.15em then both .2  */
padding-top: 0.20em;
padding-bottom: 0.20em;
padding-left: 0.5em;
padding-right: 0.5em;
}

#sub-nav a:hover {
background: #00445c; 
color: #fff;
}



/* notes CSS; */

/*          See deleted historic notes in ccstestlinkout.htm */