hometable {
	border: 0px solid white;
	background-color: #FFFFFF;
}


body{
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
	font-size: 100%;
	text-align: left;
	background-color:#ffffff;
}

p{
	text-align: left;
}

.center{
	text-align: center;
	font-size: 65%;
	color:#000066;
}

h1{
	font-size: 200%;
	color: #369;
	margin-bottom: 1%;
	padding: 0px;
	font-weight: bold;
}

h2{
	font-size: 170%;
	margin-bottom: .5%;
	padding: 0px;
}

h3{
	font-size: 130%;
	margin: 0px;
	padding: 0px;
}

h4{
	font-size: 120%;
	margin-top: 1%;
	margin-bottom: 1%;
}
	
h5{
	font-size: 110%;
	margin-top: 1%;
	margin-bottom: 1%;
}

ul{
	list-style-type: circle;
}

ul ul{
	list-style-type: disc;
}

ol{
	list-style-type: lower-alpha;
}

ol li {
	padding-top: 0.5%;
	list-style-type: decimal;
}

ol ol {
	list-style-type: lower-roman;
}

input, textarea, select{
	Margin: 0px;
	font-size: 100%;
}

.alpha{
	list-style-type: lower-roman;
}

.circle li{
	list-style-type: circle;
}

img{
	border: 0px;
}

a{
	color: #369;
	text-decoration: none;
}

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

hr{
	width: 90%;
	height: 1px;
	color: #369;
	text-align: left;
}

table {
	border: 0px solid #369;
	background-color: #FFFFFF;
}


td{
	border: 1px solid #369;
	vertical-align: top;
	text-align: left;	
}

th{
	font-size: 120%;
	background-color: #369;
	color: #FFFFFF;
	padding-left: 3%;
	padding-right: 3%;
}

.forminput{ 
 	border: 0px; 
}

/*styling for tables on the site*/
.dutytable{
	border: 1px solid #369;
	width: 100%;
	text-align: center;
	vertical-align: top;
}

.dutytable td{
	border: 0px;
	text-align: center;
}

.dutytable1{
	background-color: #e4e4e4;
	vertical-align: top;
}

.dutytable1 td{
	border: 1px solid #369;
}

.dutytable2{
	background-color: #d8e9f8;
	vertical-align: top;
}

.dutytable2 td{
	border: 1px solid #369;
}

#formtable table{
	border: 1px solid #FF0000;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
}

#formtable th{
	font-size: 120%;
	color: #FFFFFF;
	padding-left: 1%;
	margin: 0px;
}

#formtable tr{
	margin-bottom: 1%;
}

#formtable td{
	vertical-align: top;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

#formtable input{
	font-size: 100%;
}

.topbanner {
	position: static;
	width: 100%;
	height: 89px;
	background-color: #FFFFFF;
	background-image: url(images/bannerpreferredoption.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: 200%;
	font-weight: bold;
	color: #000099;
}

.bannerimg{
	position: static;
	width: auto;
	margin-right: 5px;
	margin-left: 5px;
	float: left;
}

/******************************************/
/* Styling for banner menu at top of page */
.topmenu{
	position:static;
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-size: 100%;
	text-align: center;
	font-weight: bold;
}

.topmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

.topmenu ul li { 
	display: inline;
}

.topmenu ul li a{
	text-decoration: none;
	padding: .05em 1em;
	color: #ffffff;
	background-color: #369;
}

.topmenu ul li a:hover{
	color: #ffffff;
	background-color: #036;
	text-decoration: none;
}

/****************************************/
/* Format of center content of the page */
#maincontent{
	position: static;
	left: 0%;
	top: 0%;
	width: auto;
	height: auto;
	border: 0px solid #369;
	font-size: 80%;
	padding-left: 1%;
	padding-right: 1%;
}

/************************************/
/* Format of image within 'content' */
#maincontent img{
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 1px;
	border: 1px solid #369;
}

/*******************************************/
/* Format of Links within 'content' */
#maincontent a{
	color: #0066CC;
	font-weight: bold;
	text-decoration: none;
}

#maincontent a:hover{
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
}

#maincontent a:visited{
	color: #990099;
}
.contentstructure{
	width: 70%;
}

/************************************/
/* Format of image within 'content' */
#contentstructure img{
	float: left;
	width: 100px;
	height: 62px;
	margin: 0px 10px 0px 0px;
	padding: 1px;
	border: 1px solid #369;
}

.rightmenu{
	position: static;
	left: 0%;
	top: 0%;
	height: auto;
	width: auto;
}

.rightmenu a{
	font-size: 80%;
}

.rightmenu a:hover{
	font-size: 80%;
}

.search{
	position: static;
	left: 0%;
	top: 0%;
	width: auto;
	background-color: #336699;
	margin-top: 0%;
	margin-right: 0px;
	padding: 2px;
	text-align: center;
}

.search a{
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #999999;
	color: #FFFFFF;
}

.search a:hover{
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #999999;
	color: #FFFFFF;
}

.navigation{
	position: static;
	left: 0%;
	top: 0%;
	width: auto;
	border-bottom: 1px solid #369;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
}

.navigation a{
	font-size: 100%;
}

.navigation a:hover{
	font-size: 100%;
	color: #000000;
}

/*************************************************/
/* styling for container div on home page */
.container{
	height: 28%;
	width: 100%;
}

/*************************************************/
/* styling for Processing times on home page */
.procTimes{
	position: relative;
	float: right;
	width: 28%;
	color: #000000;
	border: 0px solid #000000;
	height: 28%;
}

.procTimes td{
	border:0px solid #000000;
}

.updateTimes{
	color: #000000;
	border: 0px solid #000000;
}

.updateTimes td{
	border:0px solid #000000;
}

/*
.services{
	visibility: hidden;
	position: static;
	left: 0%;
	top: 0%;
	width: auto;
	background-color: #369;
	margin-top: 1%;
	margin-right: 0%;
	margin-bottom: 1%;
	padding: 0px;
	border-left: 1px solid #369;
	border-right: 1px solid #369;
}

.services h3{
	font-size: 100%;
	background-color: #336699;
	color: #FFFFFF;
	font-weight: bold;	
	padding-bottom: 2px;
	text-align: center;
	border-bottom: 1px solid #666666;
}

.services a{
	display: block;
	background-color: #ffffff;
	color: #369;
	font-size: 12px;
	text-decoration: none;
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #666666;
}

.services a:hover{
	display: block;
	background-color: #CCCCCC;
	color: #666666;
	font-size: 12px;
	text-decoration: none;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
*/

.whatsnew{
	position: static;
	left: 0%;
	top: 0%;
	width: 100%;
	background-color: #ffffff;
	margin-top: 1%;
	margin-right: 0px;
	padding: 0px;
}

.whatsnewHeading{
	background-color: #369;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #fff;
}

.whatsnewRyan{
	background-color: #ffffff;
	color: #ff0000;
	font-weight: bold;
	border-bottom: 1px solid #fff;
}


.whatsnew ul{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

.whatsnew a{
	display: block;
	padding-left: 0.25em;
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
}

.whatsnewryan a{
	background-color: #ffffff;
	color: #ff0000;
	font-weight: bold;
	border-bottom: 1px solid #fff;

}

.whatsnew a:link, .whatsnewlist a:visited{
	color: #369;
	text-decoration: none;
}

.whatsnew a:hover{
	background-color: #369;
	color: #fff;
}



.bottombanner{
	position: static;
	float: left;
	width: 100%;
	border: 0px solid #369;
	font-size: 80%;
	text-align: center;
}

#printpage{
	position: static;
	top: 0%;
	left: 0%;
	width: auto;
	font-size: 130%;
	font-weight: bold;	
	background-color: #FFFFFF;
	text-align: center;
}

#printpage img{
	margin-left: 0.5%;
	width: 36px;
	height: 30px;
	border: none;
	vertical-align: middle;
}

#printpage a{
	color: #369;
}

#printpage a:hover{
	color: #000000;
}

/***************************************************************/
/* Individual formats for three graphics within 'bottombanner' */
.chartergraphic{
	position: static;
	float: left;
	width: 30%;
	margin-left: 3%;
}

.chartergraphic img{
	margin-right: 3%;
}

.doegraphic{
	position: static;
	float: left;
	width: 30%;
}

.iipgraphic{
	position: static;
	float: right;
	width: 30%;
}

.iipgraphic img{
	margin-right: 3%;
}

.list {
	position: static;
	width: 50%;
	float: left;
}

#list2 {
	margin-top: 1%;
	margin-bottom: 1%;
	width: 100%;
	float: left;
}

.licencetable{
	border: 0px;
	width: 100%;
	padding: 10px;
}

.licencetable td{
	border: 0px;
}

.subscript{
	vertical-align: sub;
	font-size: 70%;
	line-height: normal;
}

.superscript{
	vertical-align: super;
	font-size: 70%;
	line-height: normal;
}

.bold{
	font-weight: bold;	
}

.table_space{
	background-color: #FFFFFF;
	width: 10%;
}

#nextNav{
	color: #999999;
}

#tableNoBorder {
	border: 0px solid #cccccc;
}

.textIndent{
	padding-left: 2%;	
}

.textList{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.bold{
	font-weight: bold;
}



/**********************************************/
/* Styling for Left Menu Navigation Container */

#navcontainer { 
	width: 17%;
	font-family: Arial, Helvetica, sans-serif;
}

#navcontainer h4{
	display: block;
	width: 160px;
	padding-left: 3px;
	padding-right: 3px;
	background-color: #036;
	color: #fff;
	border: 0;
	font-weight: bold;
}

#navcontainer ul{
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	list-style-type: none;
}

#navcontainer a{
	display: block;
	padding: 3px;
	width: 160px;
	background-color: #369;
	border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited{
	color: #EEE;
	text-decoration: none;
}

#navcontainer a:hover{
	background-color: #036;
	color: #fff;
}

/*******************************/
/*styling for feedback form(s) */

.webformlabel{
	background-color: #fff;
	text-align: right;
	font-weight: bold;
	color: #036;
	width: 200px;
}

.webformtable td{
	border: 0px;
}

/********************************************************/
/*styling for search results of the search*/

.query table{
	border: 0;
	width: 100%;
}

.query td{
	border: 1px solid;

}

.queryRight{
	border: 1px;
	width: 100%;
}

.newQuery{
	width: 100%;
	text-align: right;
}


/*styling for services section */
.services{
	visibility: hidden;
	position: static;
	left: 0%;
	top: 0%;
	width: 100%;
	background-color: #ffffff;
	margin-top: 1%;
	margin-right: 0px;
	padding: 0px;
}

.servicesHeading{
	background-color: #369;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #fff;
}

.services ul{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

.services a{
	display: block;
	padding-left: 0.25em;
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
}

.services a:link, .services a:visited{
	color: #369;
	text-decoration: none;
}

.services a:hover{
	background-color: #369;
	color: #fff;
}

/*styling for tables in .net pages*/
.nettable{
	border: 1px solid #369;
	width: 90%;
	vertical-align: top;
}


/*styling for tachograph fee tables on tacho page*/
.tachotable{
	border: 1px solid #369;
	width: 100%;
	text-align: left;
	vertical-align: top;
}

.tachotable td{
	border: 0px;
}

.tachotable1 td{
	width: 85%;
	border: 1px solid #369;
	background-color: #e4e4e4;
	vertical-align: top;
}

.tachotable2 td{
	width: 15%;
	border: 1px solid #369;
	background-color: #d8e9f8;
	vertical-align: top;
}

/* Styling for lvlo location page showing reg prefixes relating to each local office */
.regPrefix{
	border-top: 1px solid #0066CC;
}

/* styling for lists on drivers section of the site*/

.driversLists ol li{
	list-style-image: none;
	list-style-type: lower-alpha;
}

.driversLists2 li{
	list-style-type: lower-alpha;
	
}

.driversLists2 ol li{
	list-style-type: lower-roman;
}

.searchForm{
	position: relative;
	float: right;
	padding-left: 5px;
	padding-right: 10px;
	background-color: #369;
	color: #FFFFFF;
	font-size: 80%;
}

.searchForm label{
	padding-left: 5px;
	padding-right: 5px;
}

.searchForm input{
	font-size: 85%;
}