/* Defining rules for documents */


/*----------BODY----------*/

/* body */
body { 
	background-color: white;   
	color: #000040;     
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px; 
	line-height: 15px   
}

/*----------TABLES----------*/

/* table */
table {
	/*height: 500px;*/
	border: 1px solid #9999FF;	
	position: relative; 
}
.maint{  
	width : 980px;
	/*height: 500px;*/
	border: 1px solid #9999FF;	
	background-position: center center; 
	background-repeat: no-repeat;   	
	position: absolute; 
	top: 5%;
	left:50%;
	margin: 0 0 0 -480px;
}
/* table in map */
.map{
	width : 760px;
	/*height: 500px;*/
	top: 0%;
	left: -1%;
	margin: 0 0 0 0;	
	background-color: white;
}
/* table in legend */
.legend{
	width : 180px;
	/*height: 500px;*/
	top: 0%;
	left: -2%;
	margin: 0 0 0 0;	
	background-color: white;
}
.popup{
	width : 450px;
	/*height: 500px;*/
	border: 0px;
	top: 0%;
	left: 0%;
	margin: 0 0 0 0;	
	background-color: white;
}
.stations {  
	width : 760px;
	/*height: 500px;*/
	top: 10%;
	left: 50%;
	margin: 600 0 0 0;	
	background-color: white;
}

/*----------PARAGRAPHS----------*/

/* legend title */
h1 { 
	font-size: 16px;
	line-height: 21px;
}
/* title */
h2 { 
	font-size: 13px;
	line-height: 21px;
}
/* sitemap */
h3 { 
	font-size: 11px;
	line-height: 20px;
}

/* generic paragraph */
p {
	font-size: 10px;
	line-height: 18px;
}

.bold {
	font-size: 10px;
	line-height: 18px;
	font-weight:bold;
}

li {
	font-size: 10px;
	line-height: 18px;
}

.more {
	font-size: 11px;
	line-height: 20px;
}

/*----------ANCHORS----------*/
	
/* anchor */
a {
  text-decoration: none;
	color: #000080;	
}
.black:hover {
 color: black; 
 font-weight:bold;
}


.red {
  text-decoration: none;
	color: #FF6666;
}
.red:hover {
 color: black; 
 font-weight:bold;
}

/*----------MENU----------*/
#menu{
width:40px;
position:absolute;
}
#menu ul{
margin:0;
padding:0;
list-style:none;
}
#menu ul a{
padding:2px 5px 2px 7px;
display:block;
text-decoration:none;
}
#menu ul li{
margin:0;
float:none !important;
float:left;
width:100%;
position:relative;
margin-bottom: -1px;
}
#menu ul li li{
background:transparent;
}
#menu ul li ul.subMenu-off{
position:absolute;
visibility:hidden;
}
#menu ul li ul.subMenu-on{
width:200px;
padding:0;
list-style:none;
position:absolute;
left:50px;
top:0px;
z-index:50;
}
#menu ul ul{
margin:0;
padding:0 0 0 1.5em;
list-style:square;
background:#ffc;
color:#000;
}
#menu ul ul a{
border:none;
}
#menu ul ul.subMenu-on{
background:#fff;
color:#000;
}
#menu ul ul.subMenu-on a{
border: 1px solid #aaa;
border-left:10px solid #aaa;
}

