/* generated by csscreator.com */ 
html, body{ 
	margin: 0; 
	padding: 0; 
	text-align: center;
	background-color: #e55324;
	font-family: Arial, Helvetica, sans-serif;
} 
 
.maincontenttext p img {
	padding:10px;
}

 
#pagewidth{ 
	width:753px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
} 
 
#header{
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 753px;
	background-color: #ffffff; 
	width: 100%;
}

#logo {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	padding: 0;
	margin: 0;
	width: 753px;
	height: 60px;
}

#nav {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	padding: 0;
	margin: 0;
	width: 753px;
}

.clear{
	clear:both;
    height:1px;
    overflow:hidden;
}
 
#leftcol{
	width:179px; 
	float:left; 
	position:relative; 
}
 
#maincol{background-color: #FFFFFF;  
	float: right; 
	display:inline; 
	position: relative; 
	width:564px;
}

#wrapper{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	padding:10px 5px 0 5px;
	background-color: #ffffff;
}

#footer{
	clear:both;
	background-color:#FFFFFF;
	height:60px;
} 
 
 /* Left Side Bar navigation */
ul.navmenuvert {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 155px;
}

ul.navmenuvert li {
/* main category li */
	position: relative;
	z-index:1;
	font-size: .7em;
	color: #333;
	min-height:26PX;
	list-style: none;
}

*html ul.navmenuvert li {
	position: relative;
	z-index:1;
	font-size: .7em;
	color: #333;
	height:26PX;
}

/* Styles for Menu Items */
ul.navmenuvert li a {
	padding: 5px 0 6px 20px;
	display: block;
	text-decoration: none;
	font-weight:bold;
	color: #333;
	position:relative;
	border-bottom:1px solid #ea0031;
	background-image:url(/assets/images/nav/arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
}

/*-------------------------------------------coloured links----------------------------------------*/
ul.navmenuvert li.transport a {
	border-bottom:1px solid #f9e121;
	background-image:url(/assets/images/nav/transportarrow.gif);
	background-position:left;
	background-repeat:no-repeat;
}

ul.navmenuvert li.goods a {
	border-bottom:1px solid #e55324;
	background-image:url(/assets/images/nav/goodsarrow.gif);
	background-position:left;
	background-repeat:no-repeat;
}

ul.navmenuvert li.cycling a {
	border-bottom:1px solid #006cc7;
	background-image:url(/assets/images/nav/cyclingarrow.gif);
	background-position:left;
	background-repeat:no-repeat;
}

ul.navmenuvert li.schools a {
	border-bottom:1px solid #67b8e2;
	background-image:url(/assets/images/nav/schoolsarrow.gif);
	background-position:left;
	background-repeat:no-repeat;
}

ul.navmenuvert li.walking a {
	border-bottom:1px solid #4a8437;
	background-image:url(/assets/images/nav/walkingarrow.gif);
	background-position:left;
	background-repeat:no-repeat;
}

ul.navmenuvert li.traffic a {
	border-bottom:1px solid #ea0031;
	background-image:url(/assets/images/nav/trafficarrow.gif);
	background-position:left;
	background-repeat:no-repeat;
}

ul.navmenuvert li.ltp a {
	border-bottom:1px solid #007476;
	background-image:url(/assets/images/nav/ltparrow.gif);
	background-position:left;
	background-repeat:no-repeat;
}

ul.navmenuvert li.generic a {
	border-bottom: 1px solid #7e888c;
	background-image: url(/assets/images/nav/genericarrow.gif);
	background-position: left;
	background-repeat: no-repeat;
}

ul.navmenuvert li ul.sub a {
	border-bottom: none;
	background-image: url(/assets/images/nav/simplearrow.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0px 0px 0px -20px;
	padding: 3px 0px 2px 10px;
}

#searchsite {
	position: relative;
	float: left;
	left: 0px;
	top: 0;
	padding: 10px 0px 10px 0px;
	margin: 0;
	color: #e55324;
	font-size: 0.8em;
	font-weight: bold;
	border-bottom: 1px solid #e55324;
	width: 155px;
}
/*------------------------------------------------end-------------------------------------------------*/

/*-----------------------------------------------secondary styles-----------------------------------------*/

ul.navmenuvert li ul.sub {
	list-style: none;
	/*display: none;*/
}

ul.navmenuvert li.active a{
	margin: 0;
}

ul.navmenuvert li.active a:hover{
	margin: 0;
}

ul.navmenuvert li.active ul.sub {
	position: relative;
	left: 0px;
	top: 0px;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.9em;
}	

*html ul.navmenuvert li.active ul.sub {
	position: relative;
	left: 0px;
	top: 0px;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.9em;
}	

ul.navmenuvert li.active ul.sub li {
	list-style: none;
	margin: 0px;
	min-height: 16px;
}
	
ul.navmenuvert li.active ul.sub li a { 
	min-height: 16px;
	line-height: 14px;
	vertical-align: middle;
	display: block;
	text-decoration: none;
	font-weight: normal;
	padding: 0px;
	font-weight: normal;
} 

ul.navmenuvert li.active ul.sub li a:hover { 
	display: block;
	color: #e40101;
	font-weight: normal;
	text-decoration: none;
}
				
/* Fix IE. Hide from IE Mac \*/
* html ul.navmenuvert li {
	height: 16px;
}

* html ul.navmenuvert li a {
	height: 16px;
}

* html ul.navmenuvert li a:hover {
	height: 16px;
}

/*------------------------------------------------------------------------------------------------------------------------*/

/* Sub Menu Styles */						
li:hover ul.navmenuvert, li.over ul.navmenuvert { display: block; } /* The magic */
/* Top Menu */
	
/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{ float:left; height:auto; position:relative;  display:block;}
#footer{
display:none;
}
 table{position:relative;}
}

#yourhere{
	font-size: .75em;
	color: #e55324;
	margin-top: 5px;
	height: 65px;
	background-image: url(/assets/images/titlelogos/goods.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#yourhere a{
	color:#e55324;
	text-decoration:none;
	font-size: 1.0em;
}

#yourhere a:hover{
	color:#999;
	text-decoration:underline;
	font-size: 1.0em;
}

h1,h3,h4{
	padding: 0;
	margin: 0;
}

h2{
	padding: 5px;
	margin: 0;
}

h1{
	font-size: 2em;
	color: #e55324;
	margin-bottom: 10px;
}

/*-----------------------------------------footer----------------------------------*/
#footerlinks{
	float:left;
	color:#333;
	font-size:.7em;
	padding:25px 0 0 10px;
}

#footerlinks a{
	color:#333;
	text-decoration:none;
}

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

#ltpfooter{
	float:right;
}

/*------------------------------------------------forms-------------------------------------------------*/

.searchtextarea {
	border-left: 1px solid #e55324;
	border-top: 1px solid #e55324;
	border-right: 1px solid #e55324;
	border-bottom: 1px solid #e55324;
	font-size: 0.9em;
	width: 120px;
	font-family:Arial, Helvetica, sans-serif;
}

.frmtextarea {
	border-left: 1px solid #e55324;
	border-top: 1px solid #e55324;
	border-right: 1px solid #e55324;
	border-bottom: 1px solid #e55324;
	font-size: 0.85em;
}

.frmbutton {
	border-left: 1px solid #f3794a;
	border-top: 1px solid #f3794a;
	border-right: 1px solid #bb4112;
	border-bottom: 1px solid #bb4112;
	background-color: #e55324;
	color: #ffffff;
	font-weight: bold;
	font-size: 0.85em;
}

.homepromo {
	background-color:#e55324;
	margin-top:10px;
	padding: 10px;
}

.homepromo ul {
	list-style: none;
	font-size: 0.8em;
	margin: 5px 5px 5px 20px;
}

.homepromo li {
	list-style-image: url(/assets/images/misc/link_arrow.gif);
	padding: 0px 0px 5px 0px;
}

.homepromo h3 {
	font-size: 1em;
	color: #fff;
	padding: 4px 0 0 5px;
	margin: 0;
}

.homepromo h3 a{
	color:#fff;
	text-decoration:none;
}

.homepromo h3 a:hover{
	text-decoration:underline;
}

.homepromo h4{
	font-size:1em;
	color:#fff;
	padding:4px 0 0 5px;
	margin:0;
}

.homepromo h4 a {
	color:#fff;
	text-decoration:none;
}

.homepromo h4 a:hover {
	text-decoration:underline;
}

.homepromo img {
	float:right;
	padding:0 0 0 5px;
}

.homepromo p {
	font-size:.75em;
	color:#fff;
	padding:0 0 0 5px;
	margin:0;
}

.relatedlinks {
	font-size: 1em;
	color: #fff;
	padding: 2px 0px 0px 25px;
	background-image: url(/assets/images/misc/links_icon.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	height: 25px;
}

.relateddocs {
	font-size: 1em;
	color: #fff;
	padding: 2px 0px 0px 25px;
	background-image: url(/assets/images/misc/downloads_icon.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	height: 25px;
}

.homeleft {
	width: 279px;
	float: left;
	margin-right: 5px;
}

.homeleft a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

.homeleft a:hover {
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
}

.maincontenttext {
	font-size: 0.75em;
	color:#333;
	line-height:1.8em;
	width:100%;
}

.maincontenttext a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

.maincontenttext a:hover {
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
}

.homeright {
	width: 279px;
	float: right;
}

.homeright a {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

.homeright a:hover {
	color: #ffffff;
	font-weight: normal;
	text-decoration: underline;
}

#latestnews {
	background-color: #e55324;
	padding: 0;
}

#latestnews h2 {
	font-size:1.5em;
	color:#fff;
}

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

#latestnews ul li {
	position: relative;
	z-index: 1;
	font-size: .6em;
	color: #fff;
	min-height: 26px;
}

*html #latestnews ul li {
	position: relative;
	z-index:1;
	font-size: .6em;
	color: #fff;
	height:26PX;
}

/* Styles for Menu Items */
#latestnews ul li a {
	padding: 6px 8px 6px 28px;
	display: block;
	text-decoration: none;
	color: #fff;
	position:relative;
	border-bottom:1px solid #fff;
	background-image:url(/assets/images/home/news-icon.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#latestnews ul li.topstory a {
	padding: 6px 8px 6px 28px;
	display: block;
	text-decoration: none;
	color: #fff;
	position:relative;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	background-image: url(/assets/images/home/topstory_icon.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #02559b;
	font-size: 1.2em;
}

#latestnews ul li a strong {
	text-decoration: none;
	color: #fff;
	font-size: 1.3em;
}

/* Fix IE. Hide from IE Mac \*/
* html #latestnews ul li { float: left; height: 1%; }
* html #latestnews ul li a { height: 1%; }
/* End */

#latestnews ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

#viewnews {
	background-color:#FFFFFF;
	float:right;
	padding:3px 5px 3px 5px;
	margin-top:10px;
}

#viewnews a{
	font-weight:bold;
	font-size:.75em;
	color:#e55324;
	text-decoration:none;
}

#viewnews a:hover {
	font-size:.75em;
	color:#e55324;
	text-decoration:underline;
}

.imageright {
	float: right;
}

.imageright p {
	background-image: url(/assets/images/misc/up_arrow.gif);
	background-repeat: no-repeat;
	background-position: middle;
	padding: 4px 4px 4px 16px;
	margin: 0px;
	background-color: #e55324;
	color: #ffffff;
	font-size: 0.9em;
	font-weight: bold;
}

#newsletter {	
	position: relative;
	float: left;
	left: 0px;
	top: 10px;
	height: 37px;
	line-height: 37px;
	vertical-align: middle;
	font-size: 0.8em;
	background-image: url(/assets/images/misc/newsletter_icon.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 65px;
	margin-bottom: 10px;
	background-color: #e55324;
	width: 499px;
}

#newsletter a {
	padding-left: 5px;
	color: #ffffff;
	text-decoration: none;
}

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

.boldtext {
	font-weight: bold;
	font-size: 1.0em;
}

.links {
	width: 279px;
	float: left;
	margin-right: 5px;
}

.links a {
	color: #ffffff;
	text-decoration: none;
}

.links a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.links.text {
	font-size:.75em;
	color:#333;
	line-height:1.8em;
	width: 320px;
}

.noitems{
	color:#fff;
	font-size:.75em;
}

ul.navmenuvert .tertiary{
	list-style-image: url(/assets/images/nav/tertiary.gif);
	background-image: none;
	padding-left: 8px;
}

label {
	position: relative;
	float: left;
	width: 50%;
	text-align: right;
	font-size: 0.9em;
	padding: 0px 4px 0px 0px;
}