div#page {
	height:1000px;
}

div#mainShow {
	margin-top:0px;
}

div#banner {
	height:110px;
}

#navlinks {
	margin-right:10px;
}
#toolbar {
	position:absolute;
	top: 20px;
	left: 60px;
	padding:3px;
	/* width: 300px;*/
	border: 1px solid blue;
	display:none;  /* initially do not display, after positioned then show */
	zoom: 1;  /* for ie6 otherwise in overlay width and height unknown BUT DOES NOT WORK */
}
#toolbar_content {
	background-color:transparent;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	/* font-family: "Courier New", Courier, monospace; */
	position:relative;
	margin: 0px;
	/* background: white;*/
	z-index: 101;
}
/*
#toolbar_overlay {
  width:100%;
  height:100%;
	background-color: black;
 	filter: alpha(opacity=25);
	opacity: .25;
	position:absolute;
	left:0px;
	top:0px;
}
*/
#toolbar p {
	text-align: center;
	padding:1px;
	display:none;
	position:relative; /* to bring it in front of overlay */
	margin: 0;
	font-size: 22px;
}

ul.dropdown2 {
	margin:0px;
	padding:0px;
	/*z-index: 999;*/
}

ul.dropdown2 li {
	float: left;
	list-style: none;
	margin:0px;
	padding:0px;
}
ul.dropdown2 li a {
	background-color: #FFFFFF;
	border:1px outset #000000;
	display:block;
	padding:3px;
	margin-right:5px;
	text-decoration: none;
	color:#000000;
	font-weight:bold;
}
ul.dropdown2 li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	top: 0; left: 0;
}
ul.dropdown2 li ul li {
	float: none;
	display: inline;
	margin:0px;
	padding:0px;
}

ul.dropdown2 li ul li a {	
	width: auto;
	margin:0px;
	display:block;
	border-top: 1px solid white;

}
ul.dropdown2 li ul li a:hover {
	background-color: #FF0000;
}

ul.dropdown2 li a:hover {
	background-color: #FF0000;
	border-style:inset;
	background-image: none;
}

#tool_select,#tool_source {
	width:6em;
	background-image: url(../myicons/arrow_down_mini_opa.png);
  background-repeat: no-repeat;
  background-position: right center;
}
#tool_source_cont {
	/* default off */
	display:none;
}
ul.dropdown li {
	margin: 0; 
	padding: 0;
}
ul.dropdown a	{ 
	text-decoration: none; 
}
ul.dropdown,ul.dropdown ul { 
	list-style: none;
	margin: 0; 
	padding: 0; 
}
/*ul.dropdown ul li					{ display: inline; width: 100%; }*/

/* 
	LEVEL ONE
*/
ul.dropdown { 
	position: relative; 
}
ul.dropdown li { 
	font-weight: bold; 
	float: left;
	zoom: 1;
}
ul.dropdown a:hover	{ 
	background-color: #FF0000;
	border-style:inset;
	/*background-image: none;*/
}
ul.dropdown li a {
	background-color: #FFFFFF;
	border:1px outset #000000;
	padding:3px;
	margin-right:5px;
	color:#000000;
	font-weight:bold;
  display: block;
}
/* ul.dropdown li:last-child a       { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover {
	/*color: black;*/ 
	position: relative; 
}
ul.dropdown li.hover a { 
	/*color: black;*/ 
}

/* 
	LEVEL TWO
*/
ul.dropdown ul {
	 width: 6em; 
	 visibility: hidden; 
	 position: absolute; 
	 top: 100%; 
	 left: 0; 
}
ul.dropdown ul li { 
	font-weight: normal; 
	float: none; 
}
							  
                                    
ul.dropdown ul li a {
	width: 100%; 
	display: inline-block; /* IE 6 & 7 Needs Inline Block */
} 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul {
	left: 100%; 
	top: 0; 
}
ul.dropdown li:hover > ul { 
	visibility: visible; 
}
#statusbar {
	position: fixed;
  bottom: 1px;
  left: 0px;
  right: 0px;
  /*height: 16px;*/    
	background-color: #666666;
	border: 1px solid #000000;
	position:absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	display:none;
}
#statusbar p {
	/*text-align: center;*/
	position:relative; /* to bring it in front of overlay */
	padding:2px;
}
#tripbar {
	width: 140px;
	height: 200px;
	/*background-color: #FFFFFF;*/
	position:absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	display:none;
	border:1px solid blue;
}
.trips {
	margin: 0; 
	padding: 0;
	list-style: none;
	position:relative;
	overflow-y:scroll;
	height:170px;
}
.trips a	{ 
	text-decoration: none;
	display:block;
	cursor:pointer;
	padding:1px;
	margin:1px;
	/* font-weight: bold; */
	color:white;
}
.trips a:hover { 
	background-color:#CC0000;
}
#tripbar p {
	text-align: center;
	position:relative; /* to bring it in front of overlay */
	margin: 0;
	font-size: 22px;
}
.baroverlay {
  width:100%;
  height:100%;
	background-color: black;
 	filter: alpha(opacity=25);
	opacity: .25;
	position:absolute;
	/*zoom: 1;  
	/*z-index: 1;*/
	left:0px;
	top:0px;
}
.roundoverlay {
  width:100%;
  height:100%;
	background-color: black;
 	filter: alpha(opacity=25);
	opacity: .25;
	position:absolute;
	/*zoom: 1;  
	/*z-index: 1;*/
	left:0px;
	top:0px;
}
.barStyle {
	border: 1px solid #000000;
}
.barStyleIE6 {
	border: 1px solid #000000;
	background-color:#738699;
}
/*
#tripPlay {
	height:16px;
	margin:5px;
	margin-right:32px;
	margin-left:12px;
}
*/
.ui-icon {
	margin:5px;
	float:left;
	/*float:left;*/
}
.ui-icon-pause {
	background-position:-17px -160px;
}
/* 
styles for panorama
*/
#panShow {
	margin:auto;
	width:800px;
	height:450px;
}
.panorama-viewport {
	border: 3px solid #ffffff;
}
h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	margin:3px;
}
h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	margin:3px;
}
#tripPlayCont {
	/*background-color:#738699;*/
	border:1px solid #FFFFFF

}

h2,h3 {
	text-align: center;
	position:relative;
}
/*
for Map
*/
#popup {
	border: 1px solid #FFFFFF;
  background-color: #656565;  
	display: none;
	/*width: 300px;
	height: 300px;*/
	top:265px;
	left: 304px;
	position:absolute;
	z-index:3000;
}
#popupimg {
	border: 1px solid #000000;
	margin:0px 10px 10px 10px;
	width: 200px;
	height:200px;
}
#popup p {
	font-size: 12px;
	font-family: "Courier New", Courier, monospace;
	color: #FFFFFF;
	font-weight: normal;
	margin:0px;
	padding: 5px;
	text-align: center;
	/*display:inline;
	overflow:hidden;*/
}
#gmappopup {
	/*
	border: 1px solid #FFFFFF;
  background-color: #656565;
  */
	display: none;
	top:265px;
	left: 304px;
	position:absolute;
	z-index:3000;
}
#gmappopup div {
  /* background-color: #FFFFFF; */
	display:inline-block;
}
#gmappopup img {
	border: 1px solid #FFFFFF;
	margin:0px 10px 0px 10px;
}
#gmappopup #title {
	font-size: 12px;
	/* font-family: "Courier New", Courier, monospace; */
	font-family: Helvetica,Arial,sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	margin:2px 10px 2px 10px;
	padding: 4px 0px 4px 0px;  /* height 20 px */
	overflow:hidden;
}
#gmappopup #owner {
	font-size: 10px;
	/* font-family: "Courier New", Courier, monospace; */
	font-family: Helvetica,Arial,sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin:2px 10px 2px 10px;
	padding: 4px 0px 4px 0px;  /* height 20 px */
	overflow:hidden;
}
#gmappopup a {
	text-decoration: none;
	cursor:pointer;
}
/*
.bdccBlock {
	border:1px solid #FFFFFF;
}
.blockAsia1991 {
	border:2px solid #000000;
}
#blockAsia1991 {
	border: 2px solid #FFFFFF;
}
*/
/*
#tripPopup {
	padding	:3px;
	border	:1px inside #FFFFFF;
	backgroundColor:#666666;
}
*/