/* CSS Document */

#holder{
	width:550px;
	height:550px;
	border: solid 5px #999999;
	position:relative;
	background-image:url(../images_interactive/Large/cities.gif);
	background-position:top;
	background-repeat:no-repeat;
	z-index:1;
	background-color:#FFFFFF;
	margin-top:10px;
}

.overlay{position:absolute;
	top:0px;
	left:0px;
	width:550px;
	height:550px;	
	background-position:top;
	background-repeat:no-repeat;
	z-index:3;
	display:none;
	}

#rails{
	background-image:url(../images_interactive/Large/rails2.gif);
	}
#roads{
	background-image:url(../images_interactive/Large/roads.gif);
}
#inset{
	background-image:url(../images_interactive/Large/inset.gif);
}
#airports{
	background-image:url(../images_interactive/Large/airports.gif);
}
#colleges{
	background-image:url(../images_interactive/Large/colleges.gif);
}
#intermodals{
	background-image:url(../images_interactive/Large/intermodals.gif);
}

#nav{
	position:absolute;
	left:556px;
	border: solid 5px #999999;
	top:-5px;
	padding:5px;
	text-align:left;
	background-color: #E1E1E1;
	/*width:155px;*/
	/*cursor:pointer;*/
}

#railsHidden,#roadsHidden{
	display:none;
}

#nav div{
	/*background-color:#CCCCCC;*/
	/*padding:1px;*/
	margin:1px;
}

#nav div a{
	text-decoration:none;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color: #CCC;
	padding-left:2px;
	text-transform:uppercase;
}

		.topBut{
			float:left;
			padding-left:10px; 
			padding-right:10px;
			color: #FFF;
			background-color:#7E7E7E;
			background-image:url("images_interactive/inactiveBG.png");
			background-position: bottom;
			background-repeat: repeat-x;
			text-transform:uppercase;
			font-weight:bold;
			cursor: pointer;
			white-space:nowrap;

		}
		.topButActive{
			float:left;
			padding-left:10px; 
			padding-right:10px;
			color: #0000FF;
			background-color:rgb(23,4,175);
			background-image:url("images_interactive/activeBG.png");
			background-position: bottom;
			background-repeat: repeat-x;
			text-transform:uppercase;
			font-weight:bold;
			cursor: pointer;
			white-space:nowrap;

			}

		.jumpBut{
			float:left;
			padding-left:10px; 
			padding-right:10px;
			color:#FFF;
			background-color:#C56031;
			background-image:url("images_interactive/jumpBG.png");
			background-position: bottom;
			background-repeat: repeat-x;
			text-transform:uppercase;
			font-weight:bold;
			cursor: pointer;
			white-space:nowrap;

			}