﻿/* general properties */
	body, div, td, th, li { align: center; 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 0 0;}
	h2.data { margin-bottom: 3px;  }
	html>body h2.data { align: center; 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; }
	/*input { border: 1px solid #ccc; }
	select { border: 1px solid #ccc; }*/ 
	input.txt,select,textarea { padding: 0; font: 11px Verdana, Arial, "Lucida Grande", sans-serif; }
		
	/* layout table */
	div#wrapper { overflow: auto; height: 100%; width: 770px; 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: #1d2740; text-decoration: underline; }
	a:visited { color: #1d2740; text-decoration: underline;  }
	a:hover { color: #1d2740; text-decoration: underline;  }
	a:active { color: #1d2740; 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; }

	/* 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: #1d2740; 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 #1d2470; }
	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; }
a.sitemap {
	FONT-SIZE: 12px;
	COLOR: #fffffff;
	FONT-FAMILY: "Lucida Grande", Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline
}
a.sitemap:hover {
	FONT-SIZE: 12px;
	COLOR: #ccccccc;
	FONT-FAMILY: "Lucida Grande", Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
a.home {
	FONT-SIZE: 12px;
	COLOR: #ffffff;
	FONT-FAMILY: "Lucida Grande", Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-weight: bold;
}
a.home:hover {
	FONT-SIZE: 12px;
	COLOR: #ccccccc;
	FONT-FAMILY: "Lucida Grande", Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline;
	font-weight: bold;
}
.vertline {
	background-image: url("images/greenline.gif");
	background-position: left;
	background-repeat: repeat-y;
}
.blueline {
	background-image: url("images/blueline.gif");
	background-position: top;
	background-repeat: repeat-x;
}
H3 {
	MARGIN-TOP: 0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	MARGIN-BOTTOM: 2px;
	COLOR: #2359a6;
	FONT-FAMILY: "Lucida Grande", sans-serif;
	TEXT-DECORATION: none;
}
.dialogbox {
	PADDING-RIGHT: 2px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 9px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-FAMILY: "Lucida Grande", Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.terms {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 9px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; FONT-FAMILY: "Lucida Grande", Arial, Helvetica, sans-serif
}
.textInput {
	FONT-SIZE: x-small; FONT-FAMILY: verdana, sans-serif
}
.boldblack {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: black; FONT-FAMILY: "Lucida Grande", Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.white {
	FONT-WEIGHT: 100; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: "Lucida Grande", Arial, Helvetica, sans-serif
}
.MediumBlack {
	FONT-WEIGHT: 100; FONT-SIZE: 12px; COLOR: black; FONT-FAMILY: "Lucida Grande", Arial, Helvetica, sans-serif
}
.SmallBlack {
	FONT-SIZE: 10px; COLOR: black; FONT-FAMILY: "Lucida Grande", Arial, Helvetica, sans-serif
}
.tinygrey {
	FONT-SIZE: 9px;
	COLOR: Gray;
	FONT-FAMILY: "Lucida Grande", Arial, Helvetica, sans-serif
}
a.leftnav {
	FONT-SIZE: 12px;
	COLOR: 004d42;
	FONT-FAMILY: "verdana", Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-weight: bold;
}
a.leftnav:hover {
	FONT-SIZE: 12px;
	COLOR: #999b9e;
	FONT-FAMILY: "verdana", Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-weight: bold;
}
a.terms {
	FONT-SIZE: 9px;
	COLOR: Gray;
	FONT-FAMILY: "verdana", Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline
}
a.terms:hover {
	FONT-SIZE: 9px;
	COLOR: #2359a6;
	FONT-FAMILY: "Lucida Grande", Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}