#container 
{
	background: yellow;
	text-align: left;
	border: 1px solid black;
	margin: 0 auto;
	font-family: arial;
	font-size: small;
	font-weight: normal;
}
 
p 
{
	/*background: url(remorabg.gif) center no-repeat;*/
	margin: 1em 2em;
}

.error { color: #FF0000; font-weight: bold; padding-left: 20px; } /* used on the form validation */

#nav, #nav ul {
	float: left;
	/* w/idth: 36em; */
	list-style: none;
	line-height: 1;
	background: yellow;
	font-weight: bold;
	padding: 0;
	border: solid black;
	border-width: 1px 0;
	margin: 0 0 1em 0;
	z-index:100;

}
 
#nav a {
	display: block;
	/* w/idth: 10em; */
	color: black;
	text-decoration: none;
	padding: 0.25em 2em;
	z-index:100;
}
 
#nav a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
	z-index:100;
}
 
#nav li {
	float: left;
	padding: 0;
	/* w/idth: 10em; */
	z-index:100;
}
 
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width : 27em;
	/* w/idth: 14.4em; */
	/* w\idth: 13.9em; */
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
	z-index:100;
}
 
#nav li li {
	padding-right: 1em;
	/* w/idth: 13em */
 	z-index:100;
}
 
#nav li ul a {
	width: 15em;
	/* w\idth: 9em; */
	z-index:100;
	white-space:nowrap;
}
 
#nav li ul ul {
	margin: -1.75em 0 0 14em;
	z-index:100;
	width : 28em;
}
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	z-index:100;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	z-index:100;
}
 
#nav li:hover, #nav li.sfhover {
	background: red;
	z-index:100;
}

#scaffolding {
	height: 70px;
	background: white url(/images/header_bg.gif) no-repeat;
	border: solid black;
	border-width: 1px 0 0 0;
	margin: 1em 0 0 0;
}
 
#scaffolding a {
	text-decoration: none;
	text-indent: -999em;
	display: block;
	height: 70px;
	background: url(/images/hdlogo_flip2.gif) no-repeat;
	background-position: 181px 0;
}
 
#scaffolding a:hover {
	background-position: 181px -70px;
}



BODY
{
  color: #cccccc;
  background-color: black;
  font-family: arial;
  font-size: 14px;
  font-weight: normal;
}

A:LINK 
{ 
  color : #FFFF00; 
}
A:VISITED
{
  color :#99FF00; 
}
A:HOVER
{
  color : #FF0000; 
}
A:ACTIVE 
{ 
  color : #666666; 
}

#googlebubble A:LINK
{
  color:#0000FF;
}

#leftcontent 
{
  position: absolute;
  border:1px solid #000;
  /* text-align: right; */
  left:10px;
  width:15%;
  padding: 2px 10px 10px 10px;
  color: #cccccc;
  height: 100%;
  border-right:1px solid;
}

#centercontent 
{
  margin-left:20%;
  margin-right:25%;
  border:1px solid #000;
  voice-family: "\"}\"";
  voice-family: inherit;
}

#topborder
{
  /* border-style: solid; */
  /* border-top-width: 1px */
  /* border-top:1px solid; */
  border-top: 1px solid #f5d7b4;
}

#rightcontent 
{
	position: absolute;
	right:10px;
  width:20%;
	padding: 2px 10px 10px 20px;
	color: #cccccc;
	/* background: transparent; */ 
	/* compensates for IE Win bungling */
	/* height: 75%; */
	/* border-left:1px solid #cccccc; */
	border-left:1px solid;
}

#rightcontent_narrow 
{
	position: absolute;
	right:5px;
  width:30%
	padding: 2px 10px 10px 20px;
	color: #cccccc;
	background: transparent; 
	/* compensates for IE Win bungling */
	/* height: 75%; */
	/* border-left:1px solid #cccccc; */
	border-left:1px solid;
}


#rightcontent_25percent 
{
	position: absolute;
	right:5px;
	width:25%
	padding: 2px 10px 10px 20px;
	color: #cccccc;
	background: transparent; 
	/* compensates for IE Win bungling */
	/* height: 75%; */
	/* border-left:1px solid #cccccc; */
	border-left:1px solid;
}

#rightcontent2 
{
  position: absolute;
  right:300px;
  width:200px;
  border:1px solid #000;
}

H1
{
	font-color: white;
	font-family: arial;
	font-size:x-large;
	font-weight:bold;
	vertical-align:bottom
}
	
H2
{
  font-family: arial; 
  font-size: medium;
  font-weight: bold;
	vertical-align:bottom;
}

H3
{
  font-family: arial; 
  font-size: medium;
  font-weight: normal;
}

H3small
{
  font-family: arial; 
  font-size: small;
  font-weight: normal;
}

H4
{
  font-family: arial; 
  font-size: 10px;
  font-weight: normal;
}

H5
{
  font-family: arial; 
  font-size: 10px;
  font-weight: normal;
  margin:0;
  padding:0;
}

H6
{
  font-family: arial; 
  font-size: 10px;
  font-weight: normal;
  text-align: center;
}

#flash_message { text-transform:uppercase; text-align:center; margin: 1em 0; background-color: #FFFF00; color: #FF0000; font-weight:bold; padding: 1em; border: 2px dashed #FF0000; }
#full_screen  { float: right; margin: 0 2em; text-decoration: none; border:none; border: 0 0 0 0;}
#full_screen img { border: none; }
#full_screen_msg { 

display:inline-block;
padding:0 0 30px 10px;
vertical-align:middle;

}
table td 
{
  font-family: arial; 
  font-size: 14px;
  font-weight: normal;
}

.TableSmallBold {font-family:arial;font-size: small;font-weight:bolder}
.TableSmallBoldRed {color:Red;font-family:arial;font-size: xx-small;font-weight:bolder}
.TableSmall {font-family:arial;font-size: xx-small;font-weight:normal}
.Table {font-family:arial;font-size:small;font-weight:bold}
.TableProps {padding:1%;}
.TablePropsPadded
{
  padding : 1% 1% 1% 1%;
}
.TableProps2{}

.sansa { font-family:arial}
.sansb, .sansa small b, .sansa b small, small.sansa b, small b.sansa {font-family: arial}
.serifa { font-family: arial}
small.sansa,.sansa small {font-family: arial}
big.sansb,.sansb big { font-family: arial}
.min {font-size: 10px}






/* body {

  font-family: Arial, Helvetica, sans-serif;
  text-align:center;
  margin: 0; padding: 0;
  font-size: 62.5%;
  
} */

/*
p, li, dt, dd, label, td { font-size: 1.2em; }
h1 { font-size: 2em; }
h2 { font-size: 1.7em;}
h3 { font-size: 1.4em;}
h4 { font-size: 1.2em;}
h5 { font-size: 1.2em;}
h6 { font-size: 1.2em;}
 
 */
#wrapper { width: 980px; text-align: left; margin: 1em auto; }

#masthead { color:#FFCC00; background-color: #000; text-align: left; padding: 1em;}

#navigation { width: 100%; display:block; clear:both; height: 56px;}
#navigation ul { margin:0; padding:0; list-style:none; }
#navigation li { background-repeat:no-repeat; float: left; }
#navigation img { border: 0; margin: 0 1em 0 0;}
#frmSearchTown p{ margin: 0 2em; }
#basic_data, #help_panel, #route_features { 
	
	border: 1px solid #ccc; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	padding: 0.5em 1em; 
	
	}
	
/* 

this is only a marker used to tag elements that 
JQuery will hide in anything that is not Stage 1 
	
.stage1Only {  } 

*/
	
#help_panel { background-color: #FFFF99; margin: 0 0 1em 0;}
#stage1_reveal { font-weight:bold; color:#e60000; }
#help_panel, #stage1_reveal { display:none; }
#map_holder { 

	margin: 1em auto;
	border: solid 2px #FC0;
	width: 960px;
	height: 500px;

}

#route_features { display:none; margin-top: 1em; }

/*

legend { text-transform: uppercase; font-weight:bold; font-size: 1.2em;}

fieldset { 
	margin: 1em; 	
	border: 2px solid #D9E3E8;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
	
*/

#frmSearchTown dt, #frmRouteInfo dt, #frmRouteFeatures dt { width: 200px; float: left; text-align:right; line-height: 2em; }
#frmSearchTown dd, #frmRouteInfo dd, #frmRouteFeatures dd { margin: 0 0 0.5em 220px; line-height: 2em; }
#frmSearchTown dd input[type="text"], #frmRouteInfo dd input[type="text"], #frmRouteFeatures dd input[type="text"] { 

	border: 1px solid #666667; 
	padding: 0.3em 0.4em; 
	background-color:#FF9;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	}
	
/* 	not all browsers observer the important statement so this is also set via the JS 
	see $(document).ready(function() { and look for $(".no_edit") */

.no_edit { background-color:#E6EEF7!important; } 

.btn_actions { width:31px; height:31px; margin: 0.2em 0.2em 0.2em 0; }

#btn_hand {
  background-image: url(http://google.com/mapfiles/ms/t/Bsu.png);

}
#btn_hand.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bsd.png);
}
 
#btn_placemark {
  background-image: url(http://google.com/mapfiles/ms/t/Bmu.png);
}
#btn_placemark.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bmd.png);
}
 
#btn_line {
  background-image: url(http://google.com/mapfiles/ms/t/Blu.png);
}
#btn_line.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bld.png);
}
 
#btn_shape {
  background-image: url(http://google.com/mapfiles/ms/t/Bpu.png);
}
#btn_shape.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bpd.png);
}