/* general properties */
	body { margin: 0; padding: 0; border: 0; text-align: left;  background: #A3A3A3; }
	body, div, td, th, li { font: 11px/16px Verdana, Arial, "Lucida Grande", sans-serif; }
	h1 { font: bold 16px/20px Arial, "Lucida Grande", sans-serif; color: #AF0B0B; margin: 0 0 20px 0; padding: 0 0 0 0; }
	h2 { font: bold 14px/20px Verdana, Arial, "Lucida Grande", sans-serif; color: #AF0B0B; padding: 0; margin: 0 0 -15px 0;}
	h2.data { margin-bottom: 3px;  }
	html>body h2.data { margin-bottom: -5px; 	}
   html>body h2 { margin: 15px 0 -4px 0; }
	html>body table.data { margin-top: 10px;}
	ul {  list-style: square; }
	.warning { color: #AF0B0B; }
		
	/* layout table */
	div#wrapper { overflow: auto; height: 100%; width: 770px; text-align: left; padding: 0; margin: 0; }/* background: #fff url(images/navBG.gif) top left repeat-y;*/
	table, td{ padding: 0; margin: 0; border: 0; vertical-align: top; }	
	table#main { width: 100%; margin: 0; padding: 0; border: 0; background: #fff; }
	table#main td#header { width: 770px; margin: 0; padding; 0; border: 0; background: #000; }
	table#main td#nav { width: 185px; margin: 0; padding: 0 0 0 0; border:0; background: #fff url(images/navBG.gif) top left repeat-y;}
	table#main td#content { width: 575px; margin: 0; border: 0; padding: 15px 10px 5px 60px;
	/* IE6 and Mozilla hack */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 505px; }
	table#main td#navFooter { width: 185px; margin: 0; padding: 0;  border: 0;  background: #fff url(images/navBG.gif) top left repeat-y;}
	table#main td#footer { width: 100%;  margin: 0; padding: 10px 10px 10px 60px; border: 0; background: #D5DBC4; }
	
	/* hyperlinks in body */
	a:link { color: #AF0B0B; text-decoration: underline; }
	a:visited { color: #AF0B0B; text-decoration: underline;  }
	a:hover { color: #AF0B0B; text-decoration: underline;  }
	a:active { color: #AF0B0B; text-decoration: underline;  }

	/* layout tables with rows in alternate colors*/
	table.data { width: 100%; margin: 0; padding: 0; border-top: 1px solid #D5DBC4; border-bottom: 1px solid #D5DBC4;}
	table.data td { vertical-align: top; padding: 3px; vertical-align: top; }
	table.data	tr.odd td { background-color: #EFF2E7; }
	table.data	tr.even td { background-color: #fff; }
	table.data th { color: #153F02; text-align: left; font-weight: bold; vertical-align: top; }
	table.data	tr.odd th { background-color: #EFF2E7; }
	table.data	tr.even th { background-color: #fff; }

	.blink { font-size: 15px; display: inline; }

	/* Navigation levels, 1,2,3 below top level navigation (viz. about the authority, pikepass, maps/tolls and construction) */	
   table#main td#nav h2 { width: 185px; margin: 0; padding: 5px 20px 5px 10px; border: 0; background-color: #D5DBC4; color: #153F02; font: bold 11px/16px Verdana, Arial, "Lucida Grande", sans-serif; text-transform: uppercase; }
	html>body table#main td#nav h2 { width: 155px;}

	table#main td#nav h2 a:link { color: #153F02; }
	table#main td#nav h2 a:visited { color: #153F02; }
	table#main td#nav h2.here { color: #153F02; background: #D5DBC4 url(images/here_heading.gif) right center no-repeat; cursor: default; }

/*	ul.level1 a, ul.level2 a, ul.level3 a {text-decoration: none; display: block; width: 185px; }*/
	ul.level1 { list-style: none; padding: 0; margin: 0; }
	ul.level1 li { display: inline; padding: 0; margin: 0; }
	ul.level1 a { display: block; width: 185px; padding: 5px 5px 5px 10px; margin: 0; font-weight: bold; border-top: 1px solid #57753C; }
	html>body ul.level1 a { width: 170px; }
	ul.level1 a.first { border: 0; }
	ul.level1 a.last {	border-bottom: 1px solid #57753C; }
	ul.level1 a:link {color: #fff; text-decoration: none; }
	ul.level1 a:visited { color: #fff; text-decoration: none; }
	ul.level1 a:hover { color: #F8E380; text-decoration: none; }

	ul.level2 { list-style: none; padding: 0; margin: 0; }
	ul.level2 li { padding: 0; margin: 0; border: 0; }
	ul.level2 a { display: block; width: 185px; font-weight: normal; border: 0; padding: 3px 0 2px 30px; margin: 0; }
	html>body ul.level2 a { width: 155px; }
	ul.level2 a:link { color: #fff; text-decoration: none; }
	ul.level2 a:visited { color: #fff; text-decoration: none; }
	ul.level2 a:hover { color: #F8E380; text-decoration: none; }

	ul.level3 { list-style: none; padding: 0; margin: 0; }
	ul.level3 li { padding: 0; margin: 0; border: 0; }
	ul.level3 a { display: block; width: 185px; padding: 2px  5px 2px  50px; margin: 0; }
	html>body ul.level3 a { width: 130px; }
	ul.level3 a:link { color: #fff; text-decoration: none; }
	ul.level3 a:visited { color: #fff; text-decoration: none; }
	ul.level3 a:hover { color: #F8E380; text-decoration: none; }

	ul.level1 a.here { background: #fff url(images/here_arrow.gif) right center no-repeat; color: #153F02 !important; cursor: default; }
	ul.level2 a.here { background: #fff url(images/here_arrow.gif) right center no-repeat; color: #153F02 !important; cursor: default; }
	ul.level3 a.here { background: #fff url(images/here_arrow.gif) right center no-repeat; color: #153F02 !important; cursor: default; }