/* <style> */

/* ----- Required ----------------------------------------------------------- */

div.vert_menu
{
  position: absolute;
  visibility: hidden;
  display: none;
}

div.horz_menu a { display: block; float: left; }
div.vert_menu a { display: block; float: none; }


/* ----- Sample 1 ----------------------------------------------------------- */

div.sample1 div.vert_menu { border-bottom: 1px solid black; }

div.sample1 div.horz_menu a,
div.sample1 div.vert_menu a
{
  border:  1px solid black;
  padding: 1px 0px 1px 0px;

  width: 140px;

  background: #FFFFDD;

  text-decoration: none;
  text-align: center;
  font-family: Arial;
  font-weight: 900;
  font-size: 9pt;
  color: #201e3a;
}

div.sample1 div.horz_menu a { margin-right:  -1px; }
div.sample1 div.vert_menu a { margin-bottom: -1px; }

div.sample1 div.horz_menu a:hover,
div.sample1 div.vert_menu a:hover,
div.sample1 div.horz_menu a.active,
div.sample1 div.vert_menu a.active { background: #FFFFEE; }

/* Margin Styles*/
 img#jersey{
	background-image: url(new_jersey_toll.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width:1300px;
	height: 220px;
	margin-left: -2px;
	border-style: solid;
	
	
}

body {
	background-repeat: no-repeat, repeat;
	background-image: url(toll_bridge_bay.jpg);
	background-blend-mode: soft-light;
	background-size: cover;
	
	
}


/*
html {
	
	
	border-style: solid;
	border-width: 1px;
	box-shadow: inset rgb(71,71,71) -5px 5px 15px,
				inset rgb(71,71,71) 5px -10px 15px;
	
}
*/

div#tag_line {
	margin: 10px -2px 20px;
}
html body {
	background-color: rgb(240,240,240);
}
/*Image styles*/ */

img#logo {
	width: 29.50%;
}

img#highway {
	width: 70.50%;
	border-style: solid;
	width: 250px;
	position: relative;
	top:50px;
	

}

img#device {
	width: 80%;
	margin: 20px 0px 0px;
	border-style: solid;
	width: 250px;
	bottom: 100px;
	position: relative;
}

img#consult {
	width: 80.50%;
	margin: 10px 10px 40px;
	border-style: solid;
	width: 250px;
	bottom: -35px;
	position:relative;
	
}

img#DiagramLanes {
	width: 80%;
	margin: 10px 10px 40px;
	border-style: solid;
	width: 250px;
	
	
	position:relative;
	left: -10px;
	bottom: 225px;
	
}

img#EM {
	
	width: 200px;
	border-style: solid;
	border-width:20px;
	border-image:url(border.png) 65 repeat;
	margin: 50px auto 0px;
	position: relative;
	left: 270px;
	top: 200px;
	margin-top: -50px;
	height: 150px;
	
	
}

img#Ed_M {
	
	width: 200px;
	border-style: solid;
	border-width:20px;
	border-image:url(border.png) 65 repeat;
	margin: 50px auto 0px;
	position: relative;
	right: 100px;
	top: 30px;
	margin-top: -50px;
	height: 150px;
	
	
}
img#CB {
	width: 175px;
	border-style: solid;
	border-width:30px;
	border-image:url(border.png) 65 repeat;
	margin: 50px auto 0px;
	position: relative;
	left: 310px;
	top: 140px;
	margin-top: -100px;
}
img#Carol_B {
	width: 175px;
	border-style: solid;
	border-width:30px;
	border-image:url(border.png) 65 repeat;
	margin: 50px auto 0px;
	position: relative;
	right: 10px;
	top: 50px;
	margin-top: -100px;
}

img#DH {
	width: 175px;
	border-style: solid;
	border-width:30px;
	border-image:url(border.png) 65 repeat;
	margin-top: -30px;
	position: relative;
	left: 300px;
	top: 10px;
	
}
img#TM {
	width: 175px;
	border-style: solid;
	border-width:30px;
	border-image:url(border.png) 65 repeat;
	margin: 20px auto 0px;
	margin-top: -50px;
	position: relative;
	left: 30px;
	top: 15px;
	
	
}

img#DT {
	position: relative;
	
	left: 30px;
	width: 175px;
	border-style: solid;
	border-width:30px;
	border-image:url(border.png) 65 repeat;
	margin: 20px auto 0px;
}

img#mous {
	width: 100%;
	border-style: solid;
	border-width:30px;
	border-image:url(border.png) 65 repeat;
	margin: 20px auto 0px;
}
/* Footer styles*/
footer {
background-color: rgb(255,0,0);
text-align: center;
display: block;


color: rgb(255,255,255);
}
table.content {
	border-style: double;
	border-width: 20px;
	border-color: rgb(255,0,0);
	padding: 40px;
}

/* Align styles*/
h1 {
	float: center;
	margin: 0px 150px 20px;
	
	min-width: 605px;
	max-width: 900px;
	width:95%;
}
section#JAFA_highlights {
display: grid;
position: relative;

	
}





/* Navigation styles*/

nav {
	display: grid;
	width: 100%;
}
nav.horizontial> header {
	display: grid;
}

nav ul {
	list-style: none;
}

nav a {
	text-decoration:none;
	color: rgb(255,255,0);
	
}

nav.horizontial {
	margin-left: auto;
	margin-right: auto;
	min-width: 600px;
	max-width: 900px;
	width:95%;
	
	
}


nav.horizontial li {
	display: block;
	width: 16.66%;
	float: left;
	display: grid;
	height: 30px;
	

}

section#JAFA_highlights {
	display:grid;
	float: left;
	position:relative;
}

/* Border Styles*/

header nav.horizontial  li  {
	text-align: center;
	border-style: solid;
	margin: 0px -3px 20px;
	box-shadow:  inset rgb(71,71,71) -10px 10px 20px;
	background-color: rgb(255,127,0);
}

nav.horizontial a:link {
	color: rgb(124,239,9);
}

nav.horizontial a:hover {
	color: rgb(255,0,0);
	text-decoration: none;
}

img#deer {
	border-style: solid;
}

img#lane {
	border-style: solid;
}

td.header_detail {
	
	background-color: rgb(255,0,0);
	text-align: center;
	border-style: solid;
	margin: 200px -3px 20px;
	box-shadow:  inset rgb(71,71,71) 0px 0px 10px;
				 
	
}